직접 코드를 쓰는 Shopify 에이전시.

01{%- comment -%} Product card · Dawn theme {%- endcomment -%}
02<div class="card product-card" data-id="{{ product.id }}">
03  {%- if product.featured_image -%}
04    <a href="{{ product.url }}" class="card__media">
05      <img src="{{ product.featured_image | image_url: width: 800 }}"
06           alt="{{ product.featured_image.alt | escape }}"
07           loading="lazy" width="800" height="1000">
08    </a>
09  {%- endif -%}
10  <div class="card__body">
11    <h3 class="card__title">{{ product.title }}</h3>
12    {%- assign on_sale = product.compare_at_price > product.price -%}
13    {{ product.price | money }}
14    {%- if on_sale -%}
15      <s>{{ product.compare_at_price | money }}</s>
16    {%- endif -%}
17  </div>
18</div>