Product Price — money display primitive

BLOCKSNIPPETPLANNED
blocks/product-price.liquid
snippets/product-price.liquid
Spec only This component is planned but not yet built. The interactive playground will land in a future Mock U-13 release. This page documents the component's purpose, schema surface, file structure, and dependencies so adjacent work can plan against it.

§ 01What it is.

Money display primitive. Renders product or variant price using Shopify's money filter with the shop's currency formatting. Configurable: show-compare-at (for sale display), show-tax-line ("includes tax" / "excludes tax"), show-unit-price (for per-litre / per-foot pricing), size (small / medium / large / display), tone (default / sale / muted). Always renders semantic price markup for SEO and structured data extraction.


§ 02When to use it.

PDP. Product cards. Compare table. Quote-line summaries. Volume-pricing tables (composed with bulk-order block).


§ 03Files, type, build position.

Component type

  • Block — composable child of a section or other block. Lives in blocks/, added via the theme editor.
  • Snippet — reusable Liquid partial called from other Liquid files via {% render %}. Lives in snippets/, not directly merchant-editable.

Files

blocks/product-price.liquid snippets/product-price.liquid

Build position

Independent. Uses Shopify's native money filter only.


§ 04Related components.

The components this one depends on, composes with, or pairs with. Click through to each.