> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.widereviewapp.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 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](https://help.shopify.com/en/manual/online-store/themes/themes-by-shopify/vintage-themes) 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.

![](https://storage.crisp.chat/users/helpdesk/website/fb9ba398921ca800/image_1mml2t6.png)

**In this article:**
1. [Product pages](#5-product-pages)
2. [Featured product on home page](#5-featured-product-on-home-page)
---

##### Product Pages

1. 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>
```

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

![](https://storage.crisp.chat/users/helpdesk/website/fb9ba398921ca800/image_9q3dre.png)

3. 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*

![](https://storage.crisp.chat/users/helpdesk/website/fb9ba398921ca800/image_wws4uf.png)

4. 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"**)

![](https://storage.crisp.chat/users/helpdesk/website/fb9ba398921ca800/image_2shyja.png)

5. Click on "Save"

![](https://storage.crisp.chat/users/helpdesk/website/fb9ba398921ca800/image_1tqmg63.png)
---

##### Featured Product on Home Page

1. 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>
```

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

![](https://storage.crisp.chat/users/helpdesk/website/fb9ba398921ca800/image_9q3dre.png)

3. 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*

![](https://storage.crisp.chat/users/helpdesk/website/fb9ba398921ca800/image_1i0perf.png)

4. 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"**)

![](https://storage.crisp.chat/users/helpdesk/website/fb9ba398921ca800/image_2shyja.png)

5. Click on "Save"

![](https://storage.crisp.chat/users/helpdesk/website/fb9ba398921ca800/image_1tqmg63.png)

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