Skip to content

Product Page

jrs8205 edited this page Jul 1, 2026 · 1 revision

Product Page

Variant pickers

Colour and size options can be shown as:

  • Dropdown — a native select.
  • Boxed — segmented, full-width option buttons.
  • Minimal — compact pill buttons.
  • Swatches — colour or image swatches (colour options).

Swatches follow the global Swatch shape (circle/square) and swatch size. Sections and blocks can inherit these from Theme settings → Products or override them.

Gallery

  • Multiple desktop layouts, including a single-column layout.
  • Filter images by colour — when enabled, selecting a colour shows only that colour's images. Colour matching ignores separators, so Navy-White, Navy White, and Navy/White all match.
  • Lightbox zoom on click.

Quantity styles

The quantity selector supports default, underline, pill, and full-width styles.

Blocks

Product-page blocks include title, price, variant picker, quantity, buy buttons, description (with an optional collapsible style), share, rating, inventory status, complementary products, custom Liquid, pickup availability, payment terms, unit price, size-guide pop-up, and gift-card recipient fields.

Clone this wiki locally