Framer Commerce

A

B

C

D

E

F

G

0

FC

A

B

C

D

E

F

G

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

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