# Gallery carousel (coming soon)

### Introduction

The Gallery Carousel widget in Avada is a powerful tool that allows you to display customer reviews with images in a visually engaging format on your online store. This guide will walk you through the steps to configure and customize this widget, ensuring it aligns perfectly with your store’s branding and layout.

### **Step 1: Start within the Theme Editor**

1. In your Shopify admin, go to **Online Store > Themes**.
2. Click **Customize** on the right-hand side.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXetXYNWq7KHq8JfHD1pHDJc350vIOydyW8E0_0dnV7SvHCZ2viDLcD8hAfzU_HgVOrwp-qWUjp3JrNnDy88QfFXSAUCxKGCO6eA63kkle0bH6knSrysFK81SYbXN93F4iDzODw_sptT14gtwz3I1vVfZMo?key=dp2ET9pqcRmVoLVnkNAxsA" alt=""><figcaption></figcaption></figure>

### **Step 2: Add the Gallery Carousel Widget**

1. Navigate to the page where you want to add the Gallery Carousel widget within the Theme Editor.

<figure><img src="/files/hV2nPGI0eqPyCv7uT725" alt=""><figcaption></figcaption></figure>

2. Click **Add block** > **Apps** > **Gallery Carousel**.

<figure><img src="/files/NS1NJWdLT8jzNdYW0vJe" alt=""><figcaption></figcaption></figure>

Check the results and make sure to save your progress.

<figure><img src="/files/u6Jn6WJ0MeujbN2MwXVe" alt=""><figcaption></figcaption></figure>

### **Step 3: Access Gallery Carousel Widget Settings**

1. Go to **Display reviews** and click **Setup** next to Gallery Carousel.

<figure><img src="/files/DQptT97UteqXzZbqKica" alt=""><figcaption></figcaption></figure>

### **Step 4: Set Up General Settings**

1. Enable the **Gallery Carousel Widget** to display it on the frontend.

<figure><img src="/files/ahj9o3hrPk2xsShzcTJ4" alt=""><figcaption></figcaption></figure>

1. Choose your desired layout for the widget.

<figure><img src="/files/znZhHGc7kXzynlfo28IL" alt=""><figcaption></figcaption></figure>

2. General settings: adjust these settings to adjust the display for gallery carousel

* **Show navigation button on Desktop** to enable navigation buttons.
* **Show reviewer name** to display the reviewer’s name and country flag (if available).
* **Show star rating** to display the star ratings.
* **Show verified badge** to display the verified badge (if available).
* **Auto-navigate**: Set the cycle time for auto-navigation.

<figure><img src="/files/XMGFaaig9n6RMwNTRh8I" alt=""><figcaption></figcaption></figure>

3. **Image source**: this setting helps you define which review photos to be featured on the gallery carousel

Select the image source for the Gallery Carousel:

<figure><img src="/files/u9xqaU46TenEMVaiGhN6" alt=""><figcaption></figcaption></figure>

* **By recent reviews**: This default option displays images from the most recent reviews (up to 30).
* **Reviews from selected products**: Display images from reviews of specific products.
* Click **Browse products** to search and select products.

<figure><img src="/files/hUcDKdRVXj2Pnj6WhLlY" alt=""><figcaption></figcaption></figure>

### **Step 5: Advanced Settings**

* Customize the widget by entering CSS code in the **Customize CSS** section to tailor the appearance to your store.

<figure><img src="/files/AQR2nqDgNJizgQojdjqm" alt=""><figcaption></figcaption></figure>

Finally, don't forget to **Save** your settings.

<figure><img src="/files/wdaONhaxjPaGff59NjGe" alt=""><figcaption></figcaption></figure>

### Conclusion

By following these steps, you've successfully configured the Gallery Carousel widget, making it an effective and attractive element on your store. This setup not only enhances your store’s visual appeal but also builds customer trust by showcasing real reviews with images.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.airreviews.io/display-reviews/gallery-carousel-coming-soon.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.