Framer Commerce

Demo A

Demo B

Demo C

Demo D

Demo E

0

FC

A

B

C

D

E

0

Heritage Carry On

Our classic aluminum carry-on luggage, ready for take off.

1

1

1

Max: | Current: 0 | At Max: No
Max: | Current: 0 | At Max: No
Max: | Current: 0 | At Max: No

Notes

The variant display and functions don't work in the Framer canvas. When testing any custom components or data, please do it in your browser.

Make sure all your components are up-to-date in the Assets panel on the left.

  • For Slideshow instructions, see Demo E.

1: CMS

  • In your Framer Commerce CMS collection, enable the "Image Variant IDs" field from Shopify.

2: Variant Selector Component

  • Connect the "Image IDs" variable to the "Image Variant IDs" CMS field.

  • Under the "Images" group, for "Type", select "Scroll Sections".

  • Under the "Images" group, for "Offset Y", match the values you have on your scroll sections on the canvas.

3: On-canvas images / scroll sections

  • Import: name your scroll sections "image-1", "image-2", etc.

Built by Framer Commerce. © Copyright Buttery Supply Inc. 2025