Featured product

Merchant-addable
Yes
Settings
26
Block types
2
File
sections/featured-product.liquid

Used by default on: Home

Screenshots pending

Captures for Featured product at desktop and mobile widths are generated from a live store by npm run shots. They appear here automatically once that has run.

Section settings

Every setting on the section itself, in the order it appears in the theme editor. Group headings match the editor's own grouping.

Product

ProductProduct
ID
product
Eyebrow textText
ID
eyebrow
Default
Object of focus
Heading sizeDropdown
ID
heading_size
Default
Small
  • Smallsmall
  • Mediummedium
  • Largelarge
Show vendorCheckbox
ID
show_vendor
Default
On
Description sourceDropdown
ID
description_source
Default
Custom body text
  • Product descriptionproduct
  • Custom body textcustom
  • Hide descriptionnone
Body textRich text
ID
custom_description
Default
<p>A focused formula selected for its considered details and effortless place in a daily ritual. Science in harmony with a brighter you.</p>
Shown when
description_source is 'custom'
Body text sizeDropdown
ID
description_size
Default
Medium
Shown when
description_source is not 'none'
  • Smallsmall
  • Mediummedium
  • Largelarge
Quantity control styleDropdown
ID
quantity_control_style
Default
Plus and minus
  • Plus and minusplus_minus
  • Up and down arrowsarrows
Show selling plansCheckbox

Shows subscription and other purchase options supplied by selling plan apps.

ID
show_selling_plans
Default
On
Show accelerated checkout buttonCheckbox
ID
show_dynamic_checkout
Default
Off
Show pickup availabilityCheckbox
ID
show_pickup_availability
Default
On
Show pickup location countCheckbox
ID
show_pickup_location_count
Default
On
Shown when
show_pickup_availability

Product gallery

Show supporting mediaCheckbox

Shows up to three product media items in the desktop composition and mobile gallery.

ID
show_secondary_media
Default
On
Loop videosCheckbox
ID
enable_video_looping
Default
Off
Gallery captionText
ID
gallery_caption
Default
Science in harmony with a brighter you
Shown when
show_secondary_media
Desktop image ratioDropdown
ID
desktop_media_ratio
Default
Square
  • Portraitportrait
  • Squaresquare
  • Landscapelandscape
  • Adapt to imageadapt
Mobile image ratioDropdown
ID
media_ratio
Default
Portrait
  • Portraitportrait
  • Squaresquare
  • Landscapelandscape
  • Adapt to imageadapt
Mobile gallery layoutDropdown
ID
mobile_media_layout
Default
Scrollable gallery
  • Scrollable galleryscroll
  • Compact mosaicmosaic

Style

Mobile content alignmentDropdown
ID
mobile_content_alignment
Default
Use theme setting
  • Use theme settingtheme
  • Leftleft
  • Centercenter
Color schemeColor scheme
ID
color_scheme
Default
scheme-6
Top spacingSlider
ID
padding_top
Default
96
Range
0px to 160px, in steps of 4px
Bottom spacingSlider
ID
padding_bottom
Default
16
Range
0px to 160px, in steps of 4px

Blocks

Blocks are added, reordered, duplicated, and removed inside the section. Each type has its own settings.

Product note fact max 4

IconDropdown
ID
icon
Default
Leaf
  • Leafleaf
  • Moonmoon
  • Dropdrop
  • Sparklesparkle
  • Botanicalbotanical
  • Brushbrush
  • Capsulecapsule
  • Compactcompact
  • Heartheart
  • Lipsticklipstick
  • Nonenone
LabelText
ID
label
Default
The finish
TextText
ID
text
Default
Weightless and softly luminous

Custom Liquid custom_liquid

Custom LiquidCustom Liquid
ID
custom_liquid

App blocks

This section accepts @app blocks, so apps you install can render inside it directly from the theme editor. Add the app's block the same way you add a theme block.