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.

If you're using a new Shopify theme 2.0, you can click here to learn how to display the different WideReview widgets.



In this article:
Product pages
Featured product on home page

Product Pages

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>

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



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



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")



Click on "Save"

Featured Product on Home Page

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>

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



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



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")



Click on "Save"



If you need help you can contact our support by chat directly in WideReview's app dashboard.

Updated on: 22/11/2024