Home page sections

Product tabs

Several collections in tabs (for example Bestsellers, New in, Sets), so shoppers switch between them without leaving the page.

Settings

Section width

Setting	What it does
WidthDropdown	Full widthDefaultCustom width
Custom widthSlider	Shown only when it applies to the options chosen above.

Color scheme

Setting	What it does
Use the store's default color schemeToggle	Toggle
Color schemeColour scheme	Shown only when it applies to the options chosen above.

Section header

Setting	What it does
SubheadingText	Text
HeadingText	Text
DescriptionRich text	Rich text
Heading sizeDropdown	H1 — largestH2 — mediumH3 — small
Text alignmentDropdown	LeftCenterRight

Setting	What it does
Navigation styleDropdown	Horizontal tabsVertical tabsDropdown
Tab alignmentDropdown	LeftCenterRight Shown only when it applies to the options chosen above.
Gap between tabs and contentSlider	Shown only when it applies to the options chosen above.
Tab column widthSlider	Kept between 120px and 240px so the products keep their room.Shown only when it applies to the options chosen above.

Tab style

Setting	What it does
Tab styleDropdown	UnderlinePillBoxedMinimal
Active tab colorColour	Shown only when it applies to the options chosen above.
Inactive tab colorColour	Shown only when it applies to the options chosen above.

Product display

Setting	What it does
Products to showSlider	Slider
Layout on desktopDropdown	Slider shows the products in a carousel with arrows and dots. GridSlider
Products per row on desktopSlider	Capped at 3 when the tab navigation is vertical.
Show arrows on desktopToggle	Shown only when it applies to the options chosen above.
Show dots on desktopToggle	Shown only when it applies to the options chosen above.

Tab switching

Setting	What it does
Switch triggerDropdown	ClickHover
Switch animationDropdown	FadeSlideNone
Enable auto switchToggle	Toggle
Auto switch intervalSlider	Shown only when it applies to the options chosen above.

Mobile view

Setting	What it does
Mobile tab navigationDropdown	Horizontal scrollDropdown
Products per row on mobileDropdown	1 column2 columns
Enable slider on mobileToggle	Toggle
Show arrows on mobileToggle	Shown only when it applies to the options chosen above.
Show dots on mobileToggle	Shown only when it applies to the options chosen above.

Button below products

Setting	What it does
Show buttonToggle	Toggle
Button styleDropdown	PrimaryOutlineText only Shown only when it applies to the options chosen above.

Spacing

Setting	What it does
Top paddingSlider	Slider
Bottom paddingSlider	Slider

Blocks

Blocks are the pieces you add, remove and reorder inside the section, under Add block.

Tab

Setting	What it does
Tab labelText	Text
Tab iconImage	Image
CollectionCollection	Collection
Set as default active tabToggle	Toggle