Pairs well with

Copy-paste a Liquid snippet for product page - A cross-sell row pulled from Shopify's product recommendations - suggests the next purchase while intent is high.

Product pageTheme snippet Members sourceOS 2.0 themes

Live previewCustomize in playground

Pairs well with

Linen shortsRs. 1,299 Canvas capRs. 699 Woven beltRs. 549 Summer socks (3-pack)Rs. 399

Live data comes from Shopify's Search & Discovery recommendations.

How to install on your store

1Back up your theme (Online Store > Themes > Actions > Duplicate) before changing any code.
2Create snippets/pairs-well-with.liquid, paste the code and CSS, and render it on the product page.
3Recommendations come from the Search & Discovery app - assign complementary products there first.
4If no recommendations exist for a product, the row hides itself.

pairs-well-with.liquid

1{%- comment -%}2  Pulls Shopify's complementary-product recommendations at runtime. Needs the3  free Search & Discovery app with complements configured.4{%- endcomment -%}5{%- if product -%}6  <div class="gpl-pairs" data-gpl-pairs data-product="{{ product.id }}" data-limit="4" hidden>7    <p class="gpl-pairs__head">{{ heading | default: 'Pairs well with' | escape }}</p>8    <div class="gpl-pairs__grid" data-gpl-pairs-grid></div>9  </div>10{%- endif -%}

Full source is for members

One payment - every snippet, guide and bundle

Get all-access