+28% Conversion LiftProduct Page

Smart Product Recommendations

AI-powered product suggestions that analyze customer browsing behavior to show the most relevant items, increasing average order value immediately.

What This Snippet Does

Auto-detects complementary products; Customizable layout grid; Mobile-optimized touch sliders; Zero-dependency lightweight code; Works with all Shopify 2.0 themes

Code Preview

<!-- Smart Recommendations Snippet -->
<div class="smart-recs-container" data-product-id="{{ product.id }}">
  {% assign related_products = product.metafields.custom.related %}
  <div class="recs-grid">
    {% for item in related_products %}
      <div class="rec-card" onclick="trackClick('{{ item.id }}')">
        <img src="{{ item.featured_image | img_url: 'medium' }}" />
        <h3>{{ item.title }}</h3>
        <span class="price">{{ item.price | money }}</span>
        <button class="add-btn">Add +</button>
      </div>
    {% endfor %}
  </div>
  <script>
    new SmartRecs({ threshold: 0.8, animate: true }).mount();
  </script>
</div>

One-time purchase

$49USD

4.9(124)

Instant download • Lifetime updates