Section reference

Hero with product steps

Settings and blocks of the Hero with product steps section in the Vellmar theme.

Handle
hero-steps
Group
More sections
Where
Add it to any template with Add section in the theme editor. Up to 4 blocks.

Settings

SettingTypeDefaultOptions
HeadingItalic words stay italic in this heading.Inline rich textCare, simply done—
One word per line on desktopCheckboxOn—
TextRich textIntroduce your products in one or two sentences.—
Button labelTextShop all—
Button linkLinks to all products when empty.LinkNone—

Images

SettingTypeDefaultOptions
Large image1200 x 1600px .jpg recommendedImageNone—
Large image on mobileShown on screens narrower than 750px. Uses the large image when empty.ImageNone—
Small imageImageNone—
Small image on mobileShown on screens narrower than 750px. Uses the small image when empty.ImageNone—

Steps

SettingTypeDefaultOptions
Steps headingTextYour routine—
Link labelTextNone—
LinkLinkNone—
Add all button labelFollowed by the total price. Adds the first available variant of each step product. Leave blank to hide the button.TextAdd all—
NoteShown beside the add all button. If an automatic discount applies to these products, say so here.TextFinal price shown in cart.—
Color schemeColor schemeScheme 1—

Padding

SettingTypeDefaultOptions
Top paddingSlider0px0px to 200px, in steps of 4px
Bottom paddingSlider0px0px to 200px, in steps of 4px
Top padding on mobileSlider0px0px to 200px, in steps of 4px
Bottom padding on mobileSlider0px0px to 200px, in steps of 4px

Blocks

Add blocks to this section from the theme editor, then drag them to change their order. A section can have up to 4 blocks.

Step

SettingTypeDefaultOptions
Step nameTextStep—
ProductProductNone—

Edited . Written for Vellmar 1.0.0.

Something unclear or missing? Contact support.