Skip to content

Pairs Well With

The “Pairs well with” list below the product accordions — a stack of cream rows, each with a product thumbnail, name, short description, price and an + Add button.

Add it inside Product Main, near the bottom of the buy column.

Setting What it does
Title Heading above the rows. Defaults to “Pairs well with”. Leave empty to hide it.
Products The products to show, up to 4. The block hides entirely if this is empty.
Button text Label on the add button. Defaults to “+ Add”.
Block ID Optional anchor.

It depends on the product being added:

  • One variant — adds straight to the cart and opens the cart drawer. No interruption to the page.
  • More than one variant — opens the quick-add popup so the customer can choose, since there’s no way to know which variant they want.
  • Sold out — the button is disabled and reads “Sold out”.

Only the products themselves are picked here; the rest is pulled automatically:

Shown Source
Name The product title.
Description The product’s descriptors.subtitle metafield, or the first ~14 words of its description if there isn’t one.
Price The product’s price.
Supply suffix Built from the variant’s migrelief.product_supply metafield — a bare number like 30 renders as “/ 30-day supply”. Omitted when not set.