Articles on: Getting Started 🔥

Displaying the main carousel on old themes

Wide Hello!

Here is how to show the main carousel 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
Home page


Product Pages


In order to add the main carousel to product pages you have to copy the following code:

<div id="widereview-module"></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 carousel (most of the time at the end of the file)



Click on "Save"



Home Page


In order to add the main carousel to your home page you have to copy the following code:

<div id="widereview-module" product-id="YOUR_PRODUCT_ID"></div>


Replace YOUR_PRODUCT_ID in the code with the ID of the product whose reviews you want to see. (How to find the ID of my product?)

If you want to display all the reviews of your store you can use this code instead:

<div id="widereview-module" product-id="[all]" form-product-id="YOUR_PRODUCT_ID"></div>


In your Shopify admin dashboard, click on Online Store > Themes > Customize, to open the theme editor



On the home page of the theme, add a section to add custom HTML (it's usually called Liquid Code or HTML code)



Paste the code in the HTML/Liquid block



Click on "Save"



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

Updated on: 18/01/2024

Was this article helpful?

Share your feedback

Cancel

Thank you!