Displaying the mini carousel under the add-to-cart button on old themes

Wide Hello!

Here is how to show the mini carousel under the add-to-cart button if you're using an old theme by adding code.

In this article:

1. Product pages
2. Featured product on home page

Product Pages

1. In order to add the mini carousel under the add-to-cart button of your product pages you have to copy the following code:

<div class="widereview-mini" product-id="{{ product.id }}"></div>

2. In your Shopify admin dashboard, click on Online Store > Themes > "..." > Edit code, to open the code of your theme

3. Open the file you use for product pages in the folders Templates or Sections.

The files are usually called: product.liquid, product-template.liquid, product-page.liquid, product-main.liquid

4. Paste the code where you want to show the mini carousel

Usually you want to paste it under the add-to-cart button so look for the add-to-cart button in the code (You can search for the code: type="submit")

5. Click on "Save"

Featured Product on Home Page

1. In order to add the mini carousel to the featured product on the home page you have to copy the following code:

<class="widereview-mini" product-id="{{ product.id }}"></div>

2. In your Shopify admin dashboard, click on Online Store > Themes > "..." > Edit code, to open the code of your theme

3. Open the file you use for featured products in the folders Templates or Sections.

The files are usually called: featured-product.liquid, homepage-product.liquid

4. Paste the code where you want to show the stars to appear.

Usually you want to paste it under the add-to-cart button so look for the add-to-cart button in the code (You can search for the code: type="submit")

5. Click on "Save"

Updated on: 22/11/2024