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
In order to add the mini carousel under the add-to-cart button of your product pages you have to copy the following code:
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"
In order to add the mini carousel to the featured product on the home page you have to copy the following code:
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.
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
Thank you!