> For the complete documentation index, see [llms.txt](https://docs.tipo.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.tipo.io/tipo-related-products/general-settings-and-translations/carousel-settings.md).

# Carousel settings

Carousel settings control how products slide and behave inside your widgets (Related products, Add-ons, Recently viewed, Cart upsells, etc.).

You can use the same carousel settings across different widgets to create a consistent shopping experience.

***

### ⚙️ How to set 

1. Open the app >click Settings > General
2. Scroll down to Carousel 
3. Tick on the checkbox of the options you want

* **Carousel Template auto scroll?**
* **Carousel Template infinity loop?**
* **Change direction from Right to Left**

> These settings apply to all widgets that use the **Carousel** layout.

4. Set the max number of item 
5. Click **Save**

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

***

### 🔁 Carousel Template auto scroll

**What it does**\
Automatically scrolls products without customer interaction.

**When enabled**

* Products slide on their own
* Great for homepage or promotional sections

**When disabled**

* Products move only when users swipe or click arrows
* Better for focused shopping (product pages)

📌 **Example**

* Homepage carousel → ✅ Auto scroll ON
* Product page carousel → ❌ Auto scroll OFF

<figure><img src="/files/5R7k6h7Tgp3k8T069oCG" alt=""><figcaption></figcaption></figure>

***

### ♾️ Infinite loop

**What it does**\
Makes the carousel loop endlessly instead of stopping at the last product.

**ON**

* After the last product, it continues from the first
* Feels smooth and continuous

**OFF**

* Carousel stops at the end
* Clear start and end

📌 **Example**

* Related products → ✅ Infinite loop ON
* Cart upsell → ❌ Infinite loop OFF (less distracting)

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

***

### 🔄 Scroll direction (Right to Left)

**What it does**\
Changes the sliding direction of the carousel.

* Default: **Left → Right**
* Optional: **Right → Left**

📌 **Use cases**

* RTL (right-to-left) languages
* Unique design preference

***

### 🔢 Max items in carousel

**What it does**\
Limits how many products appear in the carousel at once.

This helps keep the layout clean and prevents overcrowding.

📌 **Example**

* Max items = **5**
* If 10 products are available → only 5 are shown

📌 **Best practices**

* Product page: `4–6`
* Cart or upsell: `2–4`
* Homepage: `6–8`

&#x20;

**🙋 Still need support?**

If you still need help, please feel free to contact us at <hi@tipo.io>. We’ll be happy to assist you further.