Home page sections
Featured product
One product with its gallery, options and buy buttons, so shoppers can buy straight from the home 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. |
Product
| Setting | What it does |
|---|---|
| ProductProduct | Product |
Layout
| Setting | What it does |
|---|---|
| Media positionDropdown | LeftRight |
| Media column widthDropdown | 40%50%60%70% |
| Column gapSlider | Slider |
| Reverse layout on mobileToggle | Toggle |
Media settings
| Setting | What it does |
|---|---|
| Media typeDropdown | Product imagesProduct video |
| Image aspect ratioDropdown | Adapt to image1:1 (square, cropped)3:4 (portrait)4:3 (landscape)16:9 (wide) |
| Image shapeDropdown | OriginalSquareRounded |
| Show thumbnail imagesToggle | Shown only when it applies to the options chosen above. |
| Thumbnail positionDropdown | Below main imageLeft sideRight side Shown only when it applies to the options chosen above. |
| Enable image zoom on hoverToggle | Shown only when it applies to the options chosen above. |
| Enable image lightbox on clickToggle | 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.
Sale badge
No settings: it shows its content automatically.
Vendor
No settings: it shows its content automatically.
Title
| Setting | What it does |
|---|---|
| Heading sizeDropdown | H1 — largestH2 — mediumH3 — small |
Star rating
No settings: it shows its content automatically.
Price
| Setting | What it does |
|---|---|
| Show compare at priceToggle | Toggle |
Description
| Setting | What it does |
|---|---|
| Truncate textToggle | Toggle |
| Character limitSlider | Shown only when it applies to the options chosen above. |
SKU
No settings: it shows its content automatically.
Variant selector
| Setting | What it does |
|---|---|
| Set in Theme settings > Product variants. | |
| Swatch sizeSlider | Slider |
| Swatch shapeDropdown | Original image ratio leaves variant images uncropped. CircleSquareOriginal image ratio |
| Show swatch tooltipToggle | Toggle |
Quantity selector
No settings: it shows its content automatically.
Buy buttons
| Setting | What it does |
|---|---|
| Show add to cartToggle | Toggle |
| Show buy nowToggle | Toggle |
Shipping info
| Setting | What it does |
|---|---|
| TextRich text | Rich text |
Separator
No settings: it shows its content automatically.
Product page link
| Setting | What it does |
|---|---|
| LabelText | Leave empty for "View full details". |
Text
| Setting | What it does |
|---|---|
| ContentRich text | Rich text |
Icon with text
| Setting | What it does |
|---|---|
| Icon imageImage | Image |
| TextRich text | Rich text |
Collapsible tab
| Setting | What it does |
|---|---|
| Tab headingText | Text |
| Tab contentRich text | Rich text |
Custom Liquid
| Setting | What it does |
|---|---|
| Liquid codeLiquid | Add app snippets or other Liquid code to create advanced customizations. |