Skip to content
TipoTipo docs
Install the app
English
EnglishFrenchSoonItalianSoonJapaneseSoonSpanishSoonPortuguese (Portugal)SoonGermanSoonCzechSoonDanishSoonFinnishSoonKoreanSoonNorwegian (Bokmål)SoonDutchSoonPolishSoonPortuguese (Brazil)SoonTurkishSoonChinese (Simplified)SoonChinese (Traditional)Soon

Search guides for Related Products.

    Download MarkdownSave a copy of this guide

    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

    Section titled “⚙️ 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.

    1. Set the max number of item
    2. Click Save
    Section titled “🔁 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

    Section titled “♾️ 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)

    Section titled “🔄 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
    Section titled “🔢 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 hi@tipo.io. We’ll be happy to assist you further.