ecforceのマイページトップで特殊な対応事例をまとめてみる（備忘録）

// spanタグは仮ですので、任意のタグを使用できます。

{% unless current_customer.customer_rank.name == 'A' or current_customer.customer_rank.name == 'B' or current_customer.customer_rank.name == 'C' or current_customer.customer_rank.name == 'D' %}
<span>なし</span>
{% endunless %}
{% if current_customer.customer_rank.name == 'A' %}
<span>A</span>
{% endif %}
{% if current_customer.customer_rank.name == 'B' %}
<span>B</span>
{% endif %}
{% if current_customer.customer_rank.name == 'C' %}
<span>C</span>
{% endif %}
{% if current_customer.customer_rank.name == 'D' %}
<span>D</span>
{% endif %}

{% assign count = 0 %}
{% for category in information_categories %}
{% if category.slug == 'ニュースのカテゴリー名' %}  // ここでニュースカテゴリー管理のスラッグ名を指定
{% assign informations_sort = category.informations | sort: 'published_at' | reverse %}
{% for information in informations_sort | limit: 3 %} // ここで最大表示数を指定
<li>
  {{ information.published_at | date: '%Y年%m月%d日' }}<br>
  {{ information.title }}<br>
  <a href="/shop/information/{{ information.slug }}">詳細をみる</a>
</li>
{% assign count = count | plus: 1 %}
{% endfor%}
{% endif %}
{% endfor %}
{% if count == 0 %}
<li>
  現在のお知らせはありません。
</li>
{% endif %}

{% assign news_num = 0 %}
{% assign news_cat = '' %}
{% for category in information_categories %}
{% if category.slug == 'ニュースのカテゴリー名' %}
{% assign news_cat = category %}
{% for information in category.informations %}
{% unless information.state == 'inactive' %}
{% assign news_num = news_num | plus: 1 %}
{% endunless %}
{% endfor %}
{% endif %}
{% endfor %}
{% if news_num > 0 %}
<h2>
  ニュース一覧
</h2>
{% assign show_count = 0 %}
<ul>
  {% assign _informations = news_cat.informations | reverse %}
  {% for information in _informations %}
    {% unless information.state == 'inactive' %}
      {% assign show_count = show_count | plus: 1 %}
      <li>
        <a href="/shop/information/{{ information.slug }}">
          <p>{{ information.published_at | date: '%Y/%m/%d' }}</p>
          <p>{{ information.title }}</p>
        </a>
      </li>
    {% endunless %}
    {% if show_count >= 3 %}
      {% break %}
    {% endif %}
  {% endfor %}
  {% if show_count >= 3 %}
    <div>
      <a href="/shop/information_categories/ニュースのカテゴリー名">お知らせ一覧へ</a>
    </div>
  {% endif %}
</ul>
{% endif %}

<h2>{{ 'subs_orders.general.exist_subs_order.value' | t }}</h2>
<ul>
  {% if customer.subs_orders.size > 0 %}
  {% for subs_order in customer.subs_orders %}
  {% if subs_order.scheduled_to_be_delivered_at and subs_order.human_state_name == "有効" %}
  <li>
    <p>注文番号</p>
    <a href="/shop/customer/subs_orders/{{ subs_order.number }}">{{ order.number }}</a>
  
    <p>次回配送予定日</p>
    <time>{{ subs_order.scheduled_to_be_delivered_at | date: "%Y/%m/%d" }}</time><br>
    <a href="/shop/customer/subs_orders/{{ subs_order.number }}#baseinfo">配送スケジュールページへのリンク</a>

    <p>次回ご注文金額</p>
    <p>{{ subs_order.subtotal | number_to_currency: format: '%n %u' }}</p>
    
		// 下記はデフォルトのclassをつけたままにしています
    <div class="p-history_list__item__detail">
      {% for item in subs_order.order_items %}
      <div class="c-cart_item u-color__border--border">
        <a class="c-cart_item__img" href="/shop/products/{{ item.product.master.sku }}">
          {% if item.variant.thumbnails.first.url %}
          {% assign thumbnail = item.variant.thumbnails.first.url  %}
          {% elsif item.product.master.thumbnails.url %}
          {% assign thumbnail = item.product.master.thumbnails.url  %}
          {% elsif item.product.thumbnail.url %}
          {% assign thumbnail = item.product.thumbnail.url  %}
          {% else %}
          {% assign thumbnail = 'missing' | image_url  %}
          {% endif %}
          <div class="c-cart_item__img__inner" style="background-image:url('{{ thumbnail }}')"></div>
        </a>
        <div class="c-cart_item__info">
          <a class="c-cart_item__info__title u-text--subhead" href="/shop/products/{{ item.product.master.sku }}">
            {{ item.product.name }}</a>
          <div class="c-cart_item__info__variant u-text--body">
            {% assign option_cnt = 0 %}
            {% for option_value in item.variant.option_values %}
            {% unless option_cnt == 0 %}
             / 
            {% endunless %}
            {{ option_value.option_type.presentation }}：
            {{ option_value.presentation }}
            {% assign option_cnt = option_cnt | plus: 1 %}
            {% endfor %}
          </div>
        </div>
      </div>
      {% endfor %}
    </div>
  </li>
  {% endif %}
  {% endfor %}
  {% else %}
  <li class="p-history_list__item u-text--body">
    <p>
      {{ 'subs_orders.general.no_recurring_product.value' | t }}
    </p>
  </li>
  {% endif %}
</ul>

<h2>人気商品一覧</h2>
<ul>
  {% assign products = products | sort: 'option01'  %}
  {% for product in products limit:3 %}
  <li>
    {% if product.thumbnail.url %}
    {% assign src = product.thumbnail.url %}
    {% else %}
    {% assign src = 'missing' | image_url %}
    {% endif %}
    <img src="{{ src }}" alt="">
    <p>{{ product.name }}</p>
    <p>{{ product.first_price | number_to_currency: format: '%n' }}</p>
    <a href="/shop/products/{{ product.master.sku }}">商品詳細ページへ</a>
  </li>
  {% endfor %}
</ul>