
A comprehensive product price display block that renders pricing information for products including regular prices, sale prices, price ranges, and unit pricing. Automatically handles product variants by using selected_or_first_available_variant and displays sale pricing with strikethrough compare-at prices when available. Unit pricing appears below main price when available on the selected variant.
In Price range, choose Selected variant price to follow the selected variant, or Selected variant total to include the selected quantity. Use these options near the purchase controls on a product template.
| Setting | Description | Options |
|---|---|---|
| Show advanced settings | Reveals visibility settings | Checkbox (default: false) |
| Setting | Description | Options |
|---|---|---|
| Product | Select the product to display pricing for | Product picker |
| Price range | Choose how to display prices when variant prices differ. | Show price range (default), Show starting price, Selected variant total, or Selected variant price |
| Sale range | Choose how to display a range of sale prices. | Show range (default) or Show starting price |
| Setting | Description | Options |
|---|---|---|
| Enable horizontal padding | Adds horizontal padding around the price | Checkbox (default: false) |
| Enable top padding | Adds top padding around the price | Checkbox (default: false) |
| Enable bottom padding | Adds bottom padding around the price | Checkbox (default: false) |
| Setting | Description | Options |
|---|---|---|
| Color text | Controls the text color | • Default (default) |
| Setting | Description | Options |
|---|---|---|
| Font family | Font family for the price text | • Standard |
| Font size | Font size for the price text | • Smaller |
| Setting | Description | Options |
|---|---|---|
| Horizontal alignment | Controls horizontal alignment of the price | • Left (default) |
| Setting | Description | Options |
|---|---|---|
| Visibility | Controls when the block is visible | • All (default) Visible when Show advanced settings is on |
Start by connecting your source repository and choosing the pages you want to publish.
You can then browse your documentation and ask questions about the content your team has shared.