Shoppable videos section

Shoppable videos section.

The same section in the three themes:

Picante style

Overdrive style

Pastille style

Where to find it: In the theme editor, choose Add section on any template, then pick Shoppable videos.

The heading area is a static block named Section header. Select it in the section sidebar to edit the eyebrow, heading, text and buttons, or to restyle or reorder them.

When you add this section, it starts from the Shoppable videos preset.

Settings

Videos

Setting	Type	Default	Options	Notes
Card width	Slider	248 px	160 to 360 px, step 8
Gap	Slider	16 px	0 to 48 px, step 4
Fan the cards	Checkbox	On
Show arrows	Checkbox	On

Playback

Setting	Type	Default	Options	Notes
Play videos when they scroll into view	Checkbox	On		Videos play muted and visitors can pause them. They never start on their own for visitors who ask for reduced motion or when theme motion is off.
Popup color scheme	Color scheme	Scheme 1

Section style

Setting	Type	Default	Options	Notes
Color scheme	Color scheme	Scheme 3
Layout width	Select	Page width	Page width, Full width
Animation on scroll	Select	Theme default	Theme default, None, Fade, Slide up, Scale in, Wipe, Blur in
Top padding	Slider	80 px	0 to 200 px, step 8
Bottom padding	Slider	80 px	0 to 200 px, step 8

Blocks

Add, reorder, duplicate or remove these blocks in the section sidebar: Section header, Video.

This section holds up to 12 blocks.

Section header block settings

Setting	Type	Default	Options	Notes
Layout	Select	Stacked	Stacked, Split: content left, button right
Alignment	Select	Left	Left, Center, Right	Shown when Layout is Stacked.
Max width	Select	None	None, Narrow, Normal
Gap	Slider	12 px	0 to 64 px, step 4
Space below	Slider	48 px	0 to 120 px, step 4
Animation on scroll	Select	None	Theme default, None, Fade, Slide up, Scale in, Wipe, Blur in

Video block settings

Setting	Type	Default	Options	Notes
Video	Video			Use a vertical video (9:16). It plays muted.
Cover image	Image			Optional. Shown before the video plays. Uses the video’s own cover when empty.
Caption	Text	Watch it in action

Tag up to three products. They show with their prices and a buy button when someone opens the video.

Products

Setting	Type	Default	Options	Notes
Product 1	Product
Product 2	Product
Product 3	Product