Verso documentation Get support

Password

Password page: logo, message, a newsletter signup and the password form in a disclosure. Content blocks (heading, text) can be added above the signup.

This section also has the base settings every section shares: color scheme, layout, running head, page number, padding, divider and reveal on scroll.

Settings

SettingWhat it does
Show newsletter signupDefault: on.
Padding on mobileOptions: Same as desktop, Smaller, None. Default: same.
VisibilityOptions: Show on all devices, Hide on mobile, Hide on desktop. Default: all.

Blocks

Heading

A heading. The level sets the HTML tag for the page outline; the size sets the look.

SettingWhat it does
HeadingDefault: Heading.
SizeOptions: Extra large, Large, Medium, Small, Label. Default: h2.
Heading levelUse H1 once per page, for the main title. Options: H1, H2, H3, Not a heading. Default: h2.

Text

A block of rich text.

SettingWhat it does
Text 
StyleOptions: Body, Large, Small. Default: body.

Image

An image with an optional link. Honors the focal point set in the admin. Images in the first two sections of a page load eagerly; the rest load lazily.

SettingWhat it does
Image 
Image ratioOptions: Adapt to image, Square, Portrait, Tall, Landscape, Wide. Default: adapt.
Image fitOptions: Fill, Fit. Default: cover.
Frame with a ruleAdds a thin passe-partout around the image. Default: off.
Link 

Countdown

Countdown to a real end date (no fake urgency): the merchant enters a date and time in the store's time zone, or connects a date metafield. Counts down in absolute time, so it is right in every visitor's time zone. Without a valid date it renders nothing. When the time is up it hides itself or shows a message.

SettingWhat it does
End date and timeFormat: YYYY-MM-DD HH:MM, in your store time zone. You can connect a date metafield instead. Without a valid date the countdown is hidden.
LabelDefault: Offer ends in.
When time is upOptions: Hide the countdown, Show a message. Default: hide.
MessageDefault: This offer has ended..

Button

A link styled as a button or a text link. Without a link it renders as a disabled button so the layout stays visible in the editor.

SettingWhat it does
LabelDefault: Shop now.
Link 
Open in a new tabDefault: off.
StyleOptions: Primary, Secondary, Text link. Default: primary.
SizeOptions: Small, Medium, Large. Default: medium.
Full widthDefault: off.

Spacer

Empty space between blocks, with a separate height on mobile.

SettingWhat it does
HeightFrom 0 to 200 px. Default: 48.
Height on mobileFrom 0 to 200 px. Default: 32.

Group

Holds other blocks in a row or a column, with its own gap, alignment, inner padding and an optional color scheme. Rows stack on mobile unless you turn that off.

SettingWhat it does
DirectionOptions: Column, Row. Default: column.
Stack on mobileDefault: on.
Text alignmentOptions: Start, Center, End, Spread out. Default: start.
Vertical alignmentOptions: Top, Middle, Bottom. Default: center.
GapFrom 0 to 64 px. Default: 16.
Full widthDefault: on.
Use a color schemeDefault: off.
Color schemeDefault: scheme-2.
Inner paddingFrom 0 to 64 px. Default: 0.

Badge

A short label such as New season, in outline, solid or accent style.

SettingWhat it does
TextDefault: New season.
StyleOptions: Outline, Solid, Accent. Default: outline.