Home page sections
Collection list
A grid or slider of collection cards. You can give each card its own name and image for the home page.
Images
One landscape collection image works everywhere: the theme crops it to the card shape (square, portrait or landscape) without losing sharpness. Keep the main subject near the middle of the photo.
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 |
Collection card
| Setting | What it does |
|---|---|
| Card content alignmentAlignment | Circle images always keep the text centred |
Desktop display
| Setting | What it does |
|---|---|
| Collections per rowSlider | Slider |
| Column gapSlider | Slider |
Layout mode
| Setting | What it does |
|---|---|
| Display modeDropdown | GridSlider |
| Show navigation arrowsToggle | Shown only when it applies to the options chosen above. |
| Show pagination dotsToggle | Shown only when it applies to the options chosen above. |
| Enable auto scrollToggle | Shown only when it applies to the options chosen above. |
| Auto scroll speedSlider | Shown only when it applies to the options chosen above. |
Mobile view
| Setting | What it does |
|---|---|
| Collections per row on mobileDropdown | 1 column2 columns |
| Enable slider on mobileToggle | Toggle |
| Show arrows on mobile sliderToggle | Shown only when it applies to the options chosen above. |
| Show pagination dots on mobile sliderToggle | 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.
Collection
| Setting | What it does |
|---|---|
| CollectionCollection | Collection |
| Custom collection nameText | Overrides the Shopify collection name |
| Custom imageImage | Overrides the collection image. Falls back to the first product image. |