Articles on: Tutorials 📚

How to move the main carousel on your product page

Wide Hello!

In this article, you will learn how to move the main carousel, which is automatically added to your product pages.

For this tutorial, you will have to find out if your theme is a 2.0 theme or an older theme. (How to find out if you have a 2.0 theme)




Open the code for your theme by clicking on the Actions dropdown menu and selecting Edit code.



Find out where the file is located that corresponds to your product page.

Generally, the file is found under Section > product-template.liquid.



Copy the following script: <div id="widereview-module"></div>

Place the script in the code of your theme where you’d like it to appear on the page.



Click on Save.



If you can’t figure out where to place it, don’t hesitate to contact customer support.




In a 2.0 theme, changing the position of the main carousel on the product page is easier than it is with an older theme, because you can do this directly in your theme editor.

Open your theme editor by clicking on Customize.



Open the product page from the top bar by selecting Products then Default product.



Find the "WideReview Carousel” section.



Drag the section to the desired location.




And there you go! You moved the main carousel on your product page!

Updated on: 16/06/2022

Was this article helpful?

Share your feedback

Cancel

Thank you!