# 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**
*** ### πŸ” 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
*** ### ♾️ 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)
*** ### πŸ”„ 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` **πŸ™‹ Still need support?** If you still need help, please feel free to contact us at . We’ll be happy to assist you further. --- # 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://docs.tipo.io/tipo-related-products/general-settings-and-translations/carousel-settings.md?ask= ``` 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.