To make the magic happen, follow these strict configuration rules in your Bubble Editor:
🔧 Step 1 — Set up your Repeating Group
Your RG needs to be configured correctly for GlideFlow PRO to work:

In your RG settings:

✅ Set Layout style to Grid
✅ Set Min rows to 1 and Max rows to 1
✅ Untick "Set fixed number of columns"
✅ Tick "Show all items" — this is critical
✅ Set a fixed width on the RG (e.g. 600px or stretch to parent)
✅ Set overflow to Hidden


Give your RG a unique Element ID (e.g. rg_carousel) in the Element settings panel
Place your content inside the RG cells — images, cards, anything works


🔧 Step 2 — Add the GlideFlow PRO element

Add the GlideFlow PRO element anywhere on your page (it's invisible)
Set Repeating Group ID to the ID you gave your RG (e.g. rg_carousel)
Configure the fields as needed (see field descriptions below)
Preview your page — the carousel should be working!


🔧 Step 3 — Thumbnail Carousel (optional)
If you want a thumbnail navigator below your main carousel:

Add a second RG below your main one with the same data source
Give it a unique ID (e.g. rg_thumbnails)
Add small images inside the thumbnail RG cells
Set Thumb RG ID to rg_thumbnails
Set Thumb Height to the height you want (e.g. 80)
The thumbnails will sync automatically with the main carousel


🔧 Step 4 — Responsive Breakpoints (optional)
To show different numbers of slides on different screen sizes:

Set Slides Per View to your desktop value (e.g. 3)
Set Tablet Slides Per View to your tablet value (e.g. 2)
Set Mobile Slides Per View to your mobile value (e.g. 1)
GlideFlow PRO automatically switches between them as the screen resizes


⚠️ Common Issues

Carousel not showing — Make sure "Show all items" is ticked on your RG
Slides cut off — Make sure RG overflow is set to Hidden
Multiple carousels on same page — Each RG must have a unique ID
Vertical scroll not working — Make sure your RG has a fixed height set