Copy-paste a Liquid snippet for product page - When a product is unavailable, show 4 related picks instead of a dead end - recovers the sale.
Sold out - similar styles
Alt 1
₹1499
Alt 2
₹1699
Alt 3
₹1899
Alt 4
₹2099
1{%- unless product.available -%}2<div class="gpl-sim">3 <p class="gpl-sim__heading">{{ heading | default: 'Similar styles' }}</p>4 <div class="gpl-sim__grid">5 {%- for p in product.collections.first.products limit: 5 -%}6 {%- if p.id != product.id and p.available -%}7 <a class="gpl-sim__card" href="{{ p.url }}">8 {{ p.featured_image | image_url: width: 300 | image_tag: class: 'gpl-sim__img', loading: 'lazy' }}9 <span class="gpl-sim__title">{{ p.title }}</span>10 <span class="gpl-sim__price">{{ p.price | money }}</span>11 </a>12 {%- endif -%}13 {%- endfor -%}14 </div>
Full source is for members
One payment - every snippet, guide and bundle