Skip to content

Instantly share code, notes, and snippets.

@scotchi
Last active August 4, 2021 15:17
Show Gist options
  • Save scotchi/d8985d927064d74a8367be8e1b4932a9 to your computer and use it in GitHub Desktop.
Save scotchi/d8985d927064d74a8367be8e1b4932a9 to your computer and use it in GitHub Desktop.
Example Directed Edge recommendation style for Shopify's "Debut" theme
<div class="page-width">
{%- for group in groups -%}
<div class="product-recommendations__inner">
<div class="section-header text-center">
<h2>{{ group.label }}</h2>
</div>
<ul class="grid grid--uniform grid--view-items">
{%- for product in group.products -%}
<li class="grid__item small--one-half medium-up--one-quarter">
{% include 'product-card-grid', max_height: 250, product: product, show_vendor: false %}
{%- endfor -%}
</ul>
</div>
{% endfor %}
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment