Skip to content

Featured product

Theme editor → Featured product. Displays a single, hand-picked product with its own set of content blocks (title, price, description, buy buttons, and more) — useful for spotlighting one product outside of the main product template. Not available in the header, cart/search drawers, footer, or popups.

  • Product — the product to feature.
  • Make content sticky on desktop — keeps the content column in view while the visitor scrolls past the media. Default on.
  • Width — Small, Medium, or Large. Default Medium.
  • Layout — One column, Two columns, Alternating one and two columns, or Carousel. Default One column.
  • Aspect ratio — 1:1, 4:5, 3:4, 2:3, or 4:3. Default 1:1.
  • Loop videos — default on.
  • Enable image zoom — default on.
  • Gallery navigation — Arrows and dots or Thumbnails. Video and 3D model thumbnails show an icon. Default Arrows and dots.
  • Thumbnail position — Bottom or Left, which stacks the thumbnails beside the main image on desktop. Shown when the layout is Carousel and navigation is Thumbnails. Default Bottom.
  • Color scheme — default Scheme 1.
  • Spacing — Bottom, Top, Top and bottom, or None. Default Top and bottom.
  • Spacing size — Base, Small, or X-small. Default Base.
  • Include header offset — if enabled, the section is offset by the header’s height in addition to the padding above. Default off.

Build the product’s content column by adding any combination of these blocks. Most also have a Spacing group at the bottom (Top/Bottom spacing in rem, default 0, with optional separate mobile values) — this is omitted below for brevity.

  • Subheading, Heading, Rich text, Button — see Shared content blocks.
  • App blocks — third-party apps can also add their own blocks here.

Shows the product’s name.

  • Size — heading tag H0–H6. Default H1.
  • Use a different size on mobile — turn on to set a different size on mobile. Default off.
    • Size (mobile) (only when the above is on) — H0–H6. Default H1.

Shows the product’s description.

  • Size — X-large to X-small. Default Base.
  • Balance line lengths — keeps line lengths more even/consistent. Default off.
  • Size — X-large to X-small. Default Base.
  • Show taxes included — default off.

The variant picker and add-to-cart button.

  • Variant style — Dropdowns or Pills. Default Pills.
  • Show quantity selector — adds a quantity selector. Default off.
  • Show variant images (only when Variant style is Pills) — uses each option value’s variant image instead of a swatch and label. Default off.
    • Option names (only when the above two are set) — comma-separated list of option names (e.g. “Color, Pattern”) to show as image pills; leave blank to apply to all options. Default “Color, Colour”.
    • Variant image size (only when the above two are set) — range 1.5–8rem, default 3rem.
  • Show purchase options — when a product is sold on subscription, pre-order or try-before-you-buy plans from a selling plan app, lists them under the variant options so shoppers can choose between a one-time purchase and each plan. Prices update to match the chosen plan. Turn this off if your app adds its own selector, so shoppers don’t see two. Default on.
  • Button style — Primary, Secondary, or Custom. Default Primary.
    • Button background color (only when Custom) — default black.
    • Button text color (only when Custom) — default white.
    • Button border color (only when Custom) — default black.
  • Show additional checkout buttons — shows extra express checkout buttons (e.g. Shop Pay). Default on.

Lets a customer jump between related products (e.g. different scents of the same product) rather than variants of one product. Requires two product metafields to be set up: a text label and a list of linked products — ask your developer to configure these if they aren’t already. Has no settings of its own besides the Spacing group.

Shows the product’s sale/sold-out/custom badges. Has no settings of its own besides the Spacing group.

A plain divider line. Has no settings of its own besides the Spacing group.

A stack of expandable content items (e.g. shipping info, size guide).

Item heading size is set globally in Theme settings → Typography → Font size → Collapsible content heading. See Typography.

Contains its own Item blocks:

  • Heading — the item’s clickable heading text.
  • Rich text — the content shown when expanded.
  • Open by default — whether this item starts expanded. Default off.

Shows a labelled position on a scale (e.g. a fit or scent-strength indicator).

  • Heading — the block’s heading text.
  • Labels — comma-separated list of labels along the scale. Default “Low,Medium,High”.
  • Value — a whole number from 0–100 marking the position on the scale, or connect it to a product Number metafield via the dynamic source icon. Default “50”.

Shows a “low stock” style indicator.

  • Low inventory threshold — the stock level below which the low-stock indicator appears. Range 0–100, default 50.

Shows local pickup/delivery availability, opening a drawer with more detail.

  • Show in a box — wraps the availability text in a colored, padded box. Default off.
    • Color scheme (only when Show in a box is on) — default Scheme 1.
  • Drawer settings — Color scheme — color scheme for the availability drawer. Default Scheme 1.

A “share this product” link.

  • Label — the link’s text.

A small promotional card (e.g. “Free shipping over $100”) shown alongside the product content.

  • Image — the card’s image.
  • Aspect ratio — 16:9, 4:3, 1:1, 4:5, 3:4, 2:3, or Auto (the image’s own proportions). Default 1:1.
  • Heading — the card’s heading text.
  • Rich text — the card’s body text.
  • Button label — the button’s label.
  • Button link — where the button links.
  • Button style — Primary or Secondary. Default Primary.
  • Color scheme — the card’s color scheme.

An extra carousel of images/products shown alongside the main content (e.g. “shop the look”).

  • Aspect ratio — 16:9, 4:3, 1:1, 4:5, 3:4, 2:3, 9:16, or Auto (each tile’s own video or image proportions). Default 1:1.
  • Columns on desktop — 2 or 3 columns. Default 3.
  • Columns on mobile — 1 or 2 columns. Default 2.
  • Scroll style — Continuous or One at a time. Default Continuous.
    • Scrolling speed (only when Continuous) — range 10–30s, default 20s.
    • Delay (only when Scroll style is One at a time) — range 2–10s, default 4s.

Contains its own Media blocks:

  • Image and Video — the item’s media (video overrides the image when set).
  • Link — where the item links (overrides the product link below when set).
  • Product — a product to associate with the item.

A “notify me” signup form shown only while the selected variant is sold out. Submissions arrive as a contact email, so no app is needed.

  • Heading — the form’s heading text.
  • Success message — shown under the field after a customer signs up, without reloading the page. Leave blank for the default: “Thanks — we’ll email you when this is back in stock.”

Drops in raw Liquid code — for developers or pasting in third-party app embed snippets.

  • Custom Liquid — the code/snippet. Add app snippets or other Liquid code to create advanced customizations.