Video list

At a glance

A carousel of videos for tutorials, reels, or brand films. Header & CTA, column, and card design are limit-1 blocks.

Where to find it

Theme editor path: Online Store → Customize → select the relevant page → Video list
Add to a page: Add via Add section → category Videos.

Settings

Video settings

Setting	What it does	Default	Shows when
Autoplay videos	Automatically advances slides without the customer clicking.	Yes	Always
Loop videos	Controls “Loop videos” on the storefront. Open the theme editor to preview live.	Yes	Always
Mute videos	Controls “Mute videos” on the storefront. Open the theme editor to preview live.	Yes	Always
Aspect ratio	Controls “Aspect ratio” on the storefront. Open the theme editor to preview live.	16 / 9	Always
Show video controls	Turns “Show video controls” on or off on the storefront.	No	Always

Country visibility

Setting	What it does	Default	Shows when
Show in country	Enter ISO country codes separated by commas, for example: IN, CA. Leave blank to show in all countries.	—	Always
Exclude from country	Enter ISO country codes separated by commas to hide this section in those markets. Leave blank to exclude no countries.	—	Always

Layout

Setting	What it does	Default	Shows when
Padding top	Adds empty space (padding top) around the section content.	16	Always
Padding bottom	Adds empty space (padding bottom) around the section content.	16	Always
Full width	Controls “Full width” on the storefront. Open the theme editor to preview live.	Yes	Always

Separator

Setting	What it does	Default	Shows when
Show separator line	Turns “Show separator line” on or off on the storefront.	No	Always
Use global separator color	When on, uses the matching style from Theme settings. Turn off to style only this section or block.	Yes	Show separator is on
Separator color	Controls the divider line: separator color.	#E5E5E5	Show separator is on and Use global separator color is off
Separator thickness	Controls the divider line: separator thickness.	2	Show separator is on
Separator margin top	Controls the divider line: separator margin top.	0	Show separator is on
Separator margin bottom	Controls the divider line: separator margin bottom.	0	Show separator is on

Color scheme

Setting	What it does	Default	Shows when
Color scheme	Applies a color scheme from Theme settings → Colors.	scheme-1	Always

Blocks

Block	Purpose	Limit
Header & CTA Content	Add and configure in theme editor.	1
Column Settings	Add and configure in theme editor.	1
Card Design	Add and configure in theme editor.	1
Video	Add and configure in theme editor.	—
Responsive video	Add and configure in theme editor.	—

Header & CTA Content settings

Setting	What it does	Default	Shows when
Overline	Controls “Overline” on the storefront. Open the theme editor to preview live.	—	Always
Use global overline styles	When on, uses the matching style from Theme settings. Turn off to style only this section or block.	Yes	Overline is filled in
Overline font size (mobile)	Sets overline font size (mobile) in pixels for the matching screen size.	12	Overline is filled in and Use global overline styles is off
Overline font size (tablet)	Sets overline font size (tablet) in pixels for the matching screen size.	13	Overline is filled in and Use global overline styles is off
Overline font size (desktop)	Sets overline font size (desktop) in pixels for the matching screen size.	14	Overline is filled in and Use global overline styles is off
Overline font weight	Sets how bold overline text appears.	500	Overline is filled in and Use global overline styles is off
Heading	Controls “Heading” on the storefront. Open the theme editor to preview live.	Watch and shop	Always
Use global H2 heading styles	When on, uses the matching style from Theme settings. Turn off to style only this section or block.	Yes	Heading is filled in
Heading font size (mobile)	Sets heading font size (mobile) in pixels for the matching screen size.	26	Heading is filled in and Use global heading styles is off
Heading font size (tablet)	Sets heading font size (tablet) in pixels for the matching screen size.	29	Heading is filled in and Use global heading styles is off
Heading font size (desktop)	Sets heading font size (desktop) in pixels for the matching screen size.	33	Heading is filled in and Use global heading styles is off
Heading font weight	Sets how bold heading text appears.	500	Heading is filled in and Use global heading styles is off
Subheading	Controls “Subheading” on the storefront. Open the theme editor to preview live.	—	Always
Use global subheading styles	When on, uses the matching style from Theme settings. Turn off to style only this section or block.	Yes	subHeading is filled in
Subheading font size (mobile)	Sets subheading font size (mobile) in pixels for the matching screen size.	16	Subheading is filled in and Use global subheading styles is off
Subheading font size (tablet)	Sets subheading font size (tablet) in pixels for the matching screen size.	18	Subheading is filled in and Use global subheading styles is off
Subheading font size (desktop)	Sets subheading font size (desktop) in pixels for the matching screen size.	19	Subheading is filled in and Use global subheading styles is off
Subheading max width	Controls “Subheading max width” on the storefront. Open the theme editor to preview live.	500	subHeading is filled in

Alignment

Setting	What it does	Default	Shows when
Hide heading and subheading (for accessibility)	Controls “Hide heading and subheading (for accessibility)” on the storefront. Open the theme editor to preview live.	No	Always
Content alignment	Controls “Content alignment” on the storefront. Open the theme editor to preview live.	center	Hide heading/subheading visually is off

CTA

Setting	What it does	Default	Shows when
Button text	Controls “Button text” on the storefront. Open the theme editor to preview live.	—	Always
Button link	Controls “Button link” on the storefront. Open the theme editor to preview live.	—	Button text is filled in
Button variant	Chooses the button look (primary, secondary, outline, or ghost).	primary	Button text is filled in
Button size	Chooses the button size from Theme settings → Button sizes.	medium	Button text is filled in
Use global button styles	When on, uses the matching style from Theme settings. Turn off to style only this section or block.	Yes	Button text is filled in
Button background	Controls “Button background” on the storefront. Open the theme editor to preview live.	#ffffff	Button text is filled in and Use global button styles is off
Button text color	Controls “Button text color” on the storefront. Open the theme editor to preview live.	#000000	Button text is filled in and Use global button styles is off
Enable full width on mobile	Turns “Enable full width on mobile” on or off on the storefront.	No	Button text is filled in
Enable shimmer	Adds a moving highlight across the button or ribbon.	Yes	Button text is filled in

Autoscroll

Setting	What it does	Default	Shows when
Enable autoscroll	Automatically advance the carousel.	No	Horizontal scroll (mobile) is on or Horizontal scroll (tablet) is on or Horizontal scroll (desktop) is on
Autoscroll direction	Controls “Autoscroll direction” on the storefront. Open the theme editor to preview live.	left_to_right	autoscroll
Animation time	Controls “Animation time” on the storefront. Open the theme editor to preview live.	4000	autoscroll
Pause animation on hover	Controls “Pause animation on hover” on the storefront. Open the theme editor to preview live.	Yes	autoscroll
Pause animation on focus	Controls “Pause animation on focus” on the storefront. Open the theme editor to preview live.	Yes	autoscroll

Layout

Setting	What it does	Default	Shows when
Grid gap (mobile)	Controls “Grid gap (mobile)” on the storefront. Open the theme editor to preview live.	10	Always
Grid gap (tablet)	Controls “Grid gap (tablet)” on the storefront. Open the theme editor to preview live.	10	Always
Grid gap (desktop)	Controls “Grid gap (desktop)” on the storefront. Open the theme editor to preview live.	10	Always

Mobile (up to 639px)

Setting	What it does	Default	Shows when
Enable horizontal scroll	Swipe through images. Adjust visible items to show a peek of the next image.	No	Always
Visible items (mobile)	Use decimals like 1.2 to show a peek of the next item. Whole numbers show full items only.	1.7	Horizontal scroll (mobile) is on
How many items?	Maximum cards in the swipe track. Visible items still controls how many peek on screen. None shows every item.	none	Horizontal scroll (mobile) is on
Show swipe hint	Shows swipe helper text on mobile.	Yes	Horizontal scroll (mobile) is on
Slides per view (mobile)	Controls “Slides per view (mobile)” on the storefront. Open the theme editor to preview live.	1	Horizontal scroll (mobile) is off
How many rows?	Extra videos stay in the section but are hidden on the storefront until you add more rows or choose All videos.	show_all	autoscroll is off and Horizontal scroll (mobile) is off
Rows on mobile	Controls “Rows on mobile” on the storefront. Open the theme editor to preview live.	1	autoscroll is off and Horizontal scroll (mobile) is off and rows are capped

Tablet (640px – 879px)

Setting	What it does	Default	Shows when
Enable horizontal scroll	Swipe through images. Adjust visible items to show a peek of the next image.	No	Always
Visible items (tablet)	Use decimals like 1.2 to show a peek of the next item. Whole numbers show full items only.	2.2	Horizontal scroll (tablet) is on
How many items?	Maximum cards in the swipe track. Visible items still controls how many peek on screen. None shows every item.	none	Horizontal scroll (tablet) is on
Show swipe hint	Shows swipe helper text on mobile.	Yes	Horizontal scroll (tablet) is on
Slides per view (tablet)	Controls “Slides per view (tablet)” on the storefront. Open the theme editor to preview live.	2	Horizontal scroll (tablet) is off
How many rows?	Extra videos stay in the section but are hidden on the storefront until you add more rows or choose All videos.	show_all	autoscroll is off and Horizontal scroll (tablet) is off
Rows on tablet	Controls “Rows on tablet” on the storefront. Open the theme editor to preview live.	1	autoscroll is off and Horizontal scroll (tablet) is off and rows are capped

Desktop (880px+)

Setting	What it does	Default	Shows when
Enable horizontal scroll	Swipe through images. Adjust visible items to show a peek of the next image.	No	Always
Visible items (desktop)	Use decimals like 1.2 to show a peek of the next item. Whole numbers show full items only.	3.2	Horizontal scroll (desktop) is on
How many items?	Maximum cards in the swipe track. Visible items still controls how many peek on screen. None shows every item.	none	Horizontal scroll (desktop) is on
Show swipe hint	Shows swipe helper text on mobile.	Yes	Horizontal scroll (desktop) is on
Slides per view (desktop)	Controls “Slides per view (desktop)” on the storefront. Open the theme editor to preview live.	3	Horizontal scroll (desktop) is off
How many rows?	Extra videos stay in the section but are hidden on the storefront until you add more rows or choose All videos.	show_all	autoscroll is off and Horizontal scroll (desktop) is off
Rows on desktop	Controls “Rows on desktop” on the storefront. Open the theme editor to preview live.	1	autoscroll is off and Horizontal scroll (desktop) is off and rows are capped

Card settings

Setting	What it does	Default	Shows when
Use global styles for card title	When on, uses the matching style from Theme settings. Turn off to style only this section or block.	Yes	Always
Card title font size (mobile)	Sets card title font size (mobile) in pixels for the matching screen size.	24	Use global card title styles is off
Card title font size (tablet)	Sets card title font size (tablet) in pixels for the matching screen size.	24	Use global card title styles is off
Card title font size (desktop)	Sets card title font size (desktop) in pixels for the matching screen size.	24	Use global card title styles is off
Card title font weight	Sets how bold card title text appears.	600	Use global card title styles is off
Use global styles for card text	When on, uses the matching style from Theme settings. Turn off to style only this section or block.	Yes	Always
Card text font size (mobile)	Sets card text font size (mobile) in pixels for the matching screen size.	16	Use global card text styles is off
Card text font size (tablet)	Sets card text font size (tablet) in pixels for the matching screen size.	16	Use global card text styles is off
Card text font size (desktop)	Sets card text font size (desktop) in pixels for the matching screen size.	16	Use global card text styles is off
Card content placement	Controls “Card content placement” on the storefront. Open the theme editor to preview live.	top-left	Always
Card overlay opacity	Controls “Card overlay opacity” on the storefront. Open the theme editor to preview live.	20	Always
Video border radius	Rounds the corners. Higher values look more pill-shaped.	16	Always

Source

Setting	What it does	Default	Shows when
Video type	Controls “Video type” on the storefront. Open the theme editor to preview live.	shopify	Always
Video	Controls “Video” on the storefront. Open the theme editor to preview live.	—	video type == 'shopify'
Video URL	Enter a YouTube or Vimeo link	—	video type == 'external'

Content

Setting	What it does	Default	Shows when
Heading	Controls “Heading” on the storefront. Open the theme editor to preview live.	—	Always
Subheading	Controls “Subheading” on the storefront. Open the theme editor to preview live.	—	Always
Card link (optional)	Controls “Card link (optional)” on the storefront. Open the theme editor to preview live.	—	product == blank

Product

Setting	What it does	Default	Shows when
Product	Adds a product name and purchase control at the bottom of the video. Add to cart opens quick view when the product has options, or adds a single-variant product directly.	—	Always
Show product image	Turns “Show product image” on or off on the storefront.	No	product != blank
Purchase button action	Controls “Purchase button action” on the storefront. Open the theme editor to preview live.	add_to_cart	product != blank
Purchase button text	Controls “Purchase button text” on the storefront. Open the theme editor to preview live.	—	product != blank and purchase button action == 'view product'

Responsive video settings

Choose a different video for mobile, tablet, and desktop. Tablet and desktop fall back to the previous device when left empty.

Mobile video

Setting	What it does	Default	Shows when
Video type	Controls “Video type” on the storefront. Open the theme editor to preview live.	shopify	Always
Video	Controls “Video” on the storefront. Open the theme editor to preview live.	—	video type mobile == 'shopify'
Video URL	Enter a YouTube or Vimeo link	—	video type mobile == 'external'

Tablet video

Setting	What it does	Default	Shows when
Video type	Controls “Video type” on the storefront. Open the theme editor to preview live.	shopify	Always
Video	Controls “Video” on the storefront. Open the theme editor to preview live.	—	video type tablet == 'shopify'
Video URL	Enter a YouTube or Vimeo link	—	video type tablet == 'external'

Desktop video

Setting	What it does	Default	Shows when
Video type	Controls “Video type” on the storefront. Open the theme editor to preview live.	shopify	Always
Video	Controls “Video” on the storefront. Open the theme editor to preview live.	—	video type desktop == 'shopify'
Video URL	Enter a YouTube or Vimeo link	—	video type desktop == 'external'

Content

Setting	What it does	Default	Shows when
Heading	Controls “Heading” on the storefront. Open the theme editor to preview live.	—	Always
Subheading	Controls “Subheading” on the storefront. Open the theme editor to preview live.	—	Always
Card link (optional)	Controls “Card link (optional)” on the storefront. Open the theme editor to preview live.	—	product == blank

Product

Setting	What it does	Default	Shows when
Product	Adds a product name and purchase control at the bottom of the video. Add to cart opens quick view when the product has options, or adds a single-variant product directly.	—	Always
Show product image	Turns “Show product image” on or off on the storefront.	No	product != blank
Purchase button action	Controls “Purchase button action” on the storefront. Open the theme editor to preview live.	add_to_cart	product != blank
Purchase button text	Controls “Purchase button text” on the storefront. Open the theme editor to preview live.	—	product != blank and purchase button action == 'view product'

Setting details

Each control from the tables above, explained simply:

Autoplay videos

Automatically advances slides without the customer clicking. Default: Yes.

Loop videos

Controls “Loop videos” on the storefront. Open the theme editor to preview live. Default: Yes.

Mute videos

Controls “Mute videos” on the storefront. Open the theme editor to preview live. Default: Yes.

Aspect ratio

Controls “Aspect ratio” on the storefront. Open the theme editor to preview live. Default: 16 / 9.

Show video controls

Turns “Show video controls” on or off on the storefront. Default: No.

Show in country

Enter ISO country codes separated by commas, for example: IN, CA. Leave blank to show in all countries. Default: —.

Exclude from country

Enter ISO country codes separated by commas to hide this section in those markets. Leave blank to exclude no countries. Default: —.

Padding top

Adds empty space (padding top) around the section content. Default: 16.

Padding bottom

Adds empty space (padding bottom) around the section content. Default: 16.

Full width

Controls “Full width” on the storefront. Open the theme editor to preview live. Default: Yes.

Show separator line

Turns “Show separator line” on or off on the storefront. Default: No.

Use global separator color

When on, uses the matching style from Theme settings. Turn off to style only this section or block. Default: Yes. This control appears when: Show separator is on.

Separator color

Controls the divider line: separator color. Default: #E5E5E5. This control appears when: Show separator is on and Use global separator color is off.

Separator thickness

Controls the divider line: separator thickness. Default: 2. This control appears when: Show separator is on.

Separator margin top

Controls the divider line: separator margin top. Default: 0. This control appears when: Show separator is on.

Separator margin bottom

Controls the divider line: separator margin bottom. Default: 0. This control appears when: Show separator is on.

Color scheme

Applies a color scheme from Theme settings → Colors. Default: scheme-1.

Overline

Controls “Overline” on the storefront. Open the theme editor to preview live. Default: —.

Use global overline styles

When on, uses the matching style from Theme settings. Turn off to style only this section or block. Default: Yes. This control appears when: Overline is filled in.

Overline font size (mobile)

Sets overline font size (mobile) in pixels for the matching screen size. Default: 12. This control appears when: Overline is filled in and Use global overline styles is off.

Overline font size (tablet)

Sets overline font size (tablet) in pixels for the matching screen size. Default: 13. This control appears when: Overline is filled in and Use global overline styles is off.

Overline font size (desktop)

Sets overline font size (desktop) in pixels for the matching screen size. Default: 14. This control appears when: Overline is filled in and Use global overline styles is off.

Overline font weight

Sets how bold overline text appears. Default: 500. This control appears when: Overline is filled in and Use global overline styles is off.

Heading

Controls “Heading” on the storefront. Open the theme editor to preview live. Default: Watch and shop.

Use global H2 heading styles

When on, uses the matching style from Theme settings. Turn off to style only this section or block. Default: Yes. This control appears when: Heading is filled in.

Heading font size (mobile)

Sets heading font size (mobile) in pixels for the matching screen size. Default: 26. This control appears when: Heading is filled in and Use global heading styles is off.

Heading font size (tablet)

Sets heading font size (tablet) in pixels for the matching screen size. Default: 29. This control appears when: Heading is filled in and Use global heading styles is off.

Heading font size (desktop)

Sets heading font size (desktop) in pixels for the matching screen size. Default: 33. This control appears when: Heading is filled in and Use global heading styles is off.

Heading font weight

Sets how bold heading text appears. Default: 500. This control appears when: Heading is filled in and Use global heading styles is off.

Subheading

Controls “Subheading” on the storefront. Open the theme editor to preview live. Default: —.

Use global subheading styles

When on, uses the matching style from Theme settings. Turn off to style only this section or block. Default: Yes. This control appears when: subHeading is filled in.

Subheading font size (mobile)

Sets subheading font size (mobile) in pixels for the matching screen size. Default: 16. This control appears when: Subheading is filled in and Use global subheading styles is off.

Subheading font size (tablet)

Sets subheading font size (tablet) in pixels for the matching screen size. Default: 18. This control appears when: Subheading is filled in and Use global subheading styles is off.

Subheading font size (desktop)

Sets subheading font size (desktop) in pixels for the matching screen size. Default: 19. This control appears when: Subheading is filled in and Use global subheading styles is off.

Subheading max width

Controls “Subheading max width” on the storefront. Open the theme editor to preview live. Default: 500. This control appears when: subHeading is filled in.

Hide heading and subheading (for accessibility)

Controls “Hide heading and subheading (for accessibility)” on the storefront. Open the theme editor to preview live. Default: No.

Content alignment

Controls “Content alignment” on the storefront. Open the theme editor to preview live. Default: center. This control appears when: Hide heading/subheading visually is off.

Button text

Controls “Button text” on the storefront. Open the theme editor to preview live. Default: —.

Button link

Controls “Button link” on the storefront. Open the theme editor to preview live. Default: —. This control appears when: Button text is filled in.

Button variant

Chooses the button look (primary, secondary, outline, or ghost). Default: primary. This control appears when: Button text is filled in.

Button size

Chooses the button size from Theme settings → Button sizes. Default: medium. This control appears when: Button text is filled in.

Use global button styles

When on, uses the matching style from Theme settings. Turn off to style only this section or block. Default: Yes. This control appears when: Button text is filled in.

Button background

Controls “Button background” on the storefront. Open the theme editor to preview live. Default: #ffffff. This control appears when: Button text is filled in and Use global button styles is off.

Button text color

Controls “Button text color” on the storefront. Open the theme editor to preview live. Default: #000000. This control appears when: Button text is filled in and Use global button styles is off.

Enable full width on mobile

Turns “Enable full width on mobile” on or off on the storefront. Default: No. This control appears when: Button text is filled in.

Enable shimmer

Adds a moving highlight across the button or ribbon. Default: Yes. This control appears when: Button text is filled in.

Enable autoscroll

Automatically advance the carousel. Default: No. This control appears when: Horizontal scroll (mobile) is on or Horizontal scroll (tablet) is on or Horizontal scroll (desktop) is on.

Autoscroll direction

Controls “Autoscroll direction” on the storefront. Open the theme editor to preview live. Default: left_to_right. This control appears when: autoscroll.

Animation time

Controls “Animation time” on the storefront. Open the theme editor to preview live. Default: 4000. This control appears when: autoscroll.

Pause animation on hover

Controls “Pause animation on hover” on the storefront. Open the theme editor to preview live. Default: Yes. This control appears when: autoscroll.

Pause animation on focus

Controls “Pause animation on focus” on the storefront. Open the theme editor to preview live. Default: Yes. This control appears when: autoscroll.

Grid gap (mobile)

Controls “Grid gap (mobile)” on the storefront. Open the theme editor to preview live. Default: 10.

Grid gap (tablet)

Controls “Grid gap (tablet)” on the storefront. Open the theme editor to preview live. Default: 10.

Grid gap (desktop)

Controls “Grid gap (desktop)” on the storefront. Open the theme editor to preview live. Default: 10.

Enable horizontal scroll

Swipe through images. Adjust visible items to show a peek of the next image. Default: No.

Visible items (mobile)

Use decimals like 1.2 to show a peek of the next item. Whole numbers show full items only. Default: 1.7. This control appears when: Horizontal scroll (mobile) is on.

How many items?

Maximum cards in the swipe track. Visible items still controls how many peek on screen. None shows every item. Default: none. This control appears when: Horizontal scroll (mobile) is on.

Show swipe hint

Shows swipe helper text on mobile. Default: Yes. This control appears when: Horizontal scroll (mobile) is on.

Slides per view (mobile)

Controls “Slides per view (mobile)” on the storefront. Open the theme editor to preview live. Default: 1. This control appears when: Horizontal scroll (mobile) is off.

Extra videos stay in the section but are hidden on the storefront until you add more rows or choose All videos. Default: show_all. This control appears when: autoscroll is off and Horizontal scroll (mobile) is off.

Rows on mobile

Controls “Rows on mobile” on the storefront. Open the theme editor to preview live. Default: 1. This control appears when: autoscroll is off and Horizontal scroll (mobile) is off and rows mode mobile == 'cap'.

Enable horizontal scroll

Swipe through images. Adjust visible items to show a peek of the next image. Default: No.

Visible items (tablet)

Use decimals like 1.2 to show a peek of the next item. Whole numbers show full items only. Default: 2.2. This control appears when: Horizontal scroll (tablet) is on.

How many items?

Maximum cards in the swipe track. Visible items still controls how many peek on screen. None shows every item. Default: none. This control appears when: Horizontal scroll (tablet) is on.

Show swipe hint

Shows swipe helper text on mobile. Default: Yes. This control appears when: Horizontal scroll (tablet) is on.

Slides per view (tablet)

Controls “Slides per view (tablet)” on the storefront. Open the theme editor to preview live. Default: 2. This control appears when: Horizontal scroll (tablet) is off.

How many rows?

Rows on tablet

Controls “Rows on tablet” on the storefront. Open the theme editor to preview live. Default: 1. This control appears when: autoscroll is off and Horizontal scroll (tablet) is off and rows mode tablet == 'cap'.

Enable horizontal scroll

Swipe through images. Adjust visible items to show a peek of the next image. Default: No.

Visible items (desktop)

Use decimals like 1.2 to show a peek of the next item. Whole numbers show full items only. Default: 3.2. This control appears when: Horizontal scroll (desktop) is on.

How many items?

Maximum cards in the swipe track. Visible items still controls how many peek on screen. None shows every item. Default: none. This control appears when: Horizontal scroll (desktop) is on.

Show swipe hint

Shows swipe helper text on mobile. Default: Yes. This control appears when: Horizontal scroll (desktop) is on.

Slides per view (desktop)

Controls “Slides per view (desktop)” on the storefront. Open the theme editor to preview live. Default: 3. This control appears when: Horizontal scroll (desktop) is off.

How many rows?

Rows on desktop

Controls “Rows on desktop” on the storefront. Open the theme editor to preview live. Default: 1. This control appears when: autoscroll is off and Horizontal scroll (desktop) is off and rows mode desktop == 'cap'.

Use global styles for card title

When on, uses the matching style from Theme settings. Turn off to style only this section or block. Default: Yes.

Card title font size (mobile)

Sets card title font size (mobile) in pixels for the matching screen size. Default: 24. This control appears when: Use global card title styles is off.

Card title font size (tablet)

Sets card title font size (tablet) in pixels for the matching screen size. Default: 24. This control appears when: Use global card title styles is off.

Card title font size (desktop)

Sets card title font size (desktop) in pixels for the matching screen size. Default: 24. This control appears when: Use global card title styles is off.

Card title font weight

Sets how bold card title text appears. Default: 600. This control appears when: Use global card title styles is off.

Use global styles for card text

When on, uses the matching style from Theme settings. Turn off to style only this section or block. Default: Yes.

Card text font size (mobile)

Sets card text font size (mobile) in pixels for the matching screen size. Default: 16. This control appears when: Use global card text styles is off.

Card text font size (tablet)

Sets card text font size (tablet) in pixels for the matching screen size. Default: 16. This control appears when: Use global card text styles is off.

Card text font size (desktop)

Sets card text font size (desktop) in pixels for the matching screen size. Default: 16. This control appears when: Use global card text styles is off.

Card content placement

Controls “Card content placement” on the storefront. Open the theme editor to preview live. Default: top-left.

Card overlay opacity

Controls “Card overlay opacity” on the storefront. Open the theme editor to preview live. Default: 20.

Video border radius

Rounds the corners. Higher values look more pill-shaped. Default: 16.

Video type

Controls “Video type” on the storefront. Open the theme editor to preview live. Default: shopify.

Video

Controls “Video” on the storefront. Open the theme editor to preview live. Default: —. This control appears when: video type == 'shopify'.

Video URL

Enter a YouTube or Vimeo link Default: —. This control appears when: video type == 'external'.

Heading

Controls “Heading” on the storefront. Open the theme editor to preview live. Default: —.

Subheading

Controls “Subheading” on the storefront. Open the theme editor to preview live. Default: —.

Card link (optional)

Controls “Card link (optional)” on the storefront. Open the theme editor to preview live. Default: —. This control appears when: product == blank.

Product

Adds a product name and purchase control at the bottom of the video. Add to cart opens quick view when the product has options, or adds a single-variant product directly. Default: —.

Show product image

Turns “Show product image” on or off on the storefront. Default: No. This control appears when: product != blank.

Purchase button action

Controls “Purchase button action” on the storefront. Open the theme editor to preview live. Default: add_to_cart. This control appears when: product != blank.

Purchase button text

Controls “Purchase button text” on the storefront. Open the theme editor to preview live. Default: —. This control appears when: product != blank and purchase button action == 'view product'.

Video type

Controls “Video type” on the storefront. Open the theme editor to preview live. Default: shopify.

Video

Controls “Video” on the storefront. Open the theme editor to preview live. Default: —. This control appears when: video type mobile == 'shopify'.

Video URL

Enter a YouTube or Vimeo link Default: —. This control appears when: video type mobile == 'external'.

Video type

Controls “Video type” on the storefront. Open the theme editor to preview live. Default: shopify.

Video

Controls “Video” on the storefront. Open the theme editor to preview live. Default: —. This control appears when: video type tablet == 'shopify'.

Video URL

Enter a YouTube or Vimeo link Default: —. This control appears when: video type tablet == 'external'.

Video type

Controls “Video type” on the storefront. Open the theme editor to preview live. Default: shopify.

Video

Controls “Video” on the storefront. Open the theme editor to preview live. Default: —. This control appears when: video type desktop == 'shopify'.

Video URL

Enter a YouTube or Vimeo link Default: —. This control appears when: video type desktop == 'external'.

Heading

Controls “Heading” on the storefront. Open the theme editor to preview live. Default: —.

Subheading

Controls “Subheading” on the storefront. Open the theme editor to preview live. Default: —.

Card link (optional)

Controls “Card link (optional)” on the storefront. Open the theme editor to preview live. Default: —. This control appears when: product == blank.

Product

Adds a product name and purchase control at the bottom of the video. Add to cart opens quick view when the product has options, or adds a single-variant product directly. Default: —.

Show product image

Turns “Show product image” on or off on the storefront. Default: No. This control appears when: product != blank.

Purchase button action

Controls “Purchase button action” on the storefront. Open the theme editor to preview live. Default: add_to_cart. This control appears when: product != blank.

Purchase button text

Controls “Purchase button text” on the storefront. Open the theme editor to preview live. Default: —. This control appears when: product != blank and purchase button action == 'view product'.

Tips

Open the theme editor and select this section to preview changes live.
Use Theme settings for fonts, colors, and buttons that apply store-wide.

Video list

On this page