> ## 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 main carousel on old themes

Wide Hello!

Here is how to show the main carousel 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_esa4nh.png)

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

---

##### Product Pages

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

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

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

5. Click on "Save"

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

##### Home Page

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

2. 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?](https://help.widereviewapp.com/en/article/how-to-find-your-product-id-or-handle-ck6lzn/#2-find-the-id))

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

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

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

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

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

4. Paste the code in the HTML/Liquid block

![](https://storage.crisp.chat/users/helpdesk/website/fb9ba398921ca800/image_cyj98r.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.