Articles on: Tutorials 📚

How to move the mini carousel under the "Add to cart" button

Wide Hello!

In this article, you will learn how to move the mini carousel, which is located under the “Add to cart” button.

By default, the mini carousel will be automatically added under the “Add to cart” button for your product if it has been activated and if there are reviews for the product. However, you may wish to move it.

Open the code for your theme by clicking on Actions and then on Edit code.

Open the file containing the product form (the block containing the title, the variants, the “Add to cart” button, etc.).

The block is usually found in Sections > product-template.liquid or Snippets > product-form.liquid, but this can vary depending on the theme.

You can do a search for the word "form" in each of your files if you don’t know what it’s called, or you can contact customer support to help you move the mini carousel.

Copy the following script: <div class="widereview-mini"></div>

Copy the following script: <div class="widereview-mini" product-id="PRODUCT_ID"></div> and then replace "PRODUCT_ID" by the ID of the product you wish to display reviews for, being sure to keep the quotation marks. (How to find your product ID)

Place the script in the code of your theme where you’d like it to move the mini carousel to.

And there you go! You've now moved the mini carousel!

If you need help, don’t hesitate to contact customer support.

Updated on: 14/04/2023

Was this article helpful?

Share your feedback


Thank you!