> 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="https://3173367560-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRM5h2vtdtoVXQ1FbxweB%2Fuploads%2FuWGKliGBX39M2OBD9j2p%2F2025-12-22_15-28-31.png?alt=media&amp;token=6ac0c5b4-fe19-4641-8718-323457354545" 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="https://3173367560-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRM5h2vtdtoVXQ1FbxweB%2Fuploads%2F47l18TbOrAFgrWwnYFnk%2F2025-12-22_15-41-42.png?alt=media&amp;token=e9dd897b-5f86-48c0-9569-024ae1c374a3" 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="https://3173367560-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRM5h2vtdtoVXQ1FbxweB%2Fuploads%2FzqKXlbdaZdN5DdaF6HdS%2F2025-12-22_15-41-42.png?alt=media&amp;token=07c16f35-ccc9-413d-bbdc-f11bae6d633c" 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.