お気に入り一覧画面

{{ 'shop/customer/base' | javascript_include_tag }}
 
<!-- お気に入り商品の有無 -->
{% if favorites.size == 0 %}
  お気に入り登録している商品はありません。
{% else %}
 
  <!-- お気に入り件数 -->
  {{ favorites.size }}
  件該当しました
 
  <!-- フラッシュメッセージ -->
  {{ 'notice' | flash: 'alert alert-success', 'text' }}
  {{ 'alert' | flash: 'alert alert-danger', 'text' }}
  {{ 'error' | flash: 'alert alert-danger', 'text' }}
 
  <!-- お気に入り商品一覧 -->
  {% for favorite in favorites %}
 
    <!-- 商品画像 -->
    <a href="/shop/products/{{ favorite.product.master.sku }}">
      {% if favorite.product.thumbnail %}
        {% assign src = favorite.product.thumbnail.url %}
      {% else %}
        {% assign src = 'missing' | image_url %}
      {% endif %}
      <img src="{{ src }}">
    </a>
 
    <!-- 商品名 -->
    <a href="/shop/products/{{ favorite.product.master.sku }}">{{ favorite.product.name }}</a>
 
    <!-- 販売価格(任意) -->
    {{ favorite.product.first_price | number_to_currency: format: '%n %u' }}
 
    <!-- 商品バッジ(任意) -->
    {% if pre_order_badge_flg_hash[favorite.product.master.id] or delivery_group_badge_flg_hash[favorite.product.id] or concurrent_purchase_group_badge_flg_hash[favorite.product.id] or campaign_badge_flg_hash[favorite.product.id] %}
      <!-- 商品予約マーク(任意) -->
      {% if pre_order_badge_flg_hash[favorite.product.master.id] %}
        予約商品
      {% endif %}
      <!-- 配送温度帯ラベル(任意) -->
      {% for delivery_group_name in favorite.product.delivery_group_names %}
        {{ delivery_group_name }}
      {% endfor %}
      <!-- 同時購入グループバッジ(任意) -->
      <!-- 「バッジ表示名」を表示したい場合、favorite.product.concurrent_purchase_group_names を favorite.product.concurrent_purchase_badge_names に修正してください。 -->
      {% for concurrent_purchase_group_name in favorite.product.concurrent_purchase_group_names %}
        {{ concurrent_purchase_group_name }}
      {% endfor %}
      <!-- キャンペーンバッジ(任意) -->
      {% assign badges = campaign_badge_flg_hash[favorite.product.id] | liquid_render_badges %}
      {% for render_badge in badges %}
        {{ render_badge | hash: 'value' }}
      {% endfor %}
    {% endif %}
 
    <!-- 操作 -->
    <a data-confirm="商品名：{{ favorite.product.name }} をお気に入りから削除しますか?" rel="nofollow" data-method="delete" href="/shop/customer/favorites/{{ favorite.id }}">削除</a>
 
  {% endfor %}
 
{% endif %}