Carousel settings
Last updated
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.
Open the app >click Settings > General
Scroll down to Carousel
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.
Set the max number of item
Click Save

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

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)

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
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.
Last updated
