Product page
Overview
Displays the main product content using customizable content, product title, heading, price, custom Liquid, separators, borders, and responsive spacing controls.
Blocks Configuration
| Block | Description |
|---|---|
| App | Adds compatible app blocks to the product page. |
| Custom Liquid | Adds custom Liquid content to the product page. |
| Column Separator | Adds a separator between product content columns. Limited to 1 block. |
| Full Width Separator | Adds a full-width separator across the product section. Limited to 1 block. |
| Content | Displays product content with optional bottom border and spacing controls. Limited to 1 block. |
| Title | Displays the product title with customizable typography, border, and spacing. Limited to 1 block. |
| Heading | Adds a custom heading with customizable typography, border, and spacing. |
| Price | Displays the product price with customizable text size and weight. Limited to 1 block. |
Custom Liquid Block
| Setting | Description |
|---|---|
| Custom Liquid | Adds custom Liquid code to the product page. |
| Bottom Border | Adds a bottom border below the block. Default: Disabled. |
Content Block
| Setting | Description |
|---|---|
| Bottom Border | Adds a bottom border below the content block. Default: Enabled. |
| Desktop Bottom Margin | Sets the bottom margin on desktop. Default: 7px. |
| Mobile Bottom Margin | Sets the bottom margin on mobile. Default: 7px. |
Title Block
| Setting | Description |
|---|---|
| Heading Size | Sets the product title size from H1–H6, Large, Medium, or Small. Default: H5. |
| Heading Weight | Sets the title font weight from 100–900. Default: 400. |
| Heading Case | Sets the title case: None, Uppercase, Capitalize, or Lowercase. Default: Uppercase. |
| Heading Level | Sets the semantic heading level from H1–H6. Default: H1. |
| Heading Family | Sets the title font family: Default or Body. Default: Default. |
| Heading Color Style | Sets the title color style: Default or Body. Default: Default. |
| Bottom Border | Adds a bottom border below the title. Default: Disabled. |
| Desktop Bottom Margin | Sets the bottom margin on desktop. Default: 10px. |
| Mobile Bottom Margin | Sets the bottom margin on mobile. Default: 10px. |
Heading Block
| Setting | Description |
|---|---|
| Heading | Adds a custom heading. Default: “Talk about your brand”. |
| Heading Size | Sets the heading size from H1–H6, Large, Medium, or Small. Default: H3. |
| Heading Weight | Sets the heading font weight from 100–900. Default: 700. |
| Heading Case | Sets the heading case: None, Uppercase, Capitalize, or Lowercase. Default: Uppercase. |
| Heading Level | Sets the semantic heading level from H1–H6. Default: H2. |
| Heading Family | Sets the heading font family: Default or Body. Default: Default. |
| Heading Color Style | Sets the heading color style: Default or Body. Default: Default. |
| Heading Link Style | Sets the heading link style: Default or Link. Default: Default. |
| Bottom Border | Adds a bottom border below the heading. Default: Disabled. |
| Desktop Bottom Margin | Sets the bottom margin on desktop. Default: 6px. |
| Mobile Bottom Margin | Sets the bottom margin on mobile. Default: 6px. |
Price Block
| Setting | Description |
|---|---|
| Price Size | Sets the price text size: H5, H6, Large, Medium, or Small. Default: H6. |
| Price Weight | Sets the price font weight from 100–900. |
Separator Blocks
| Block | Description |
|---|---|
| Column Separator | Adds a column separator and provides information about its use. Limited to 1 block. |
| Full Width Separator | Adds a full-width separator and provides information about its use. Limited to 1 block. |