テーマ仕様書
shop
セレクション画面
一覧

セレクション一覧画面

「商品管理 > セレクション管理 (opens in a new tab)」で作成した表示中のセレクションを一覧表示する画面です。
並び順と表示ステータス(表示/非表示/セレクション詳細のみ表示)、表示期間は「商品管理 > セレクション管理 (opens in a new tab)」で設定します。

ショップのパス

ドメイン/shop/selections

テーマ管理のファイルパス

ec_force/shop/selections/index.html.liquid
ec_force/shop/selections/index.html+smartphone.liquid

JS タグ

{{ 'shop/selection' | javascript_include_tag }}

必要なコンポーネント

任意とあるもの以外はシステム上必要なコンポーネントとなりますので、必ず使用するようにしてください。

{% if @selections.blank? %}
  特集はありません
{% else %}
  <!-- セレクション一覧 -->
  {% for selection in selections %}
    <!-- アイキャッチ -->
    <a href="/shop/selections/{{ selection.friendly_id }}">
      <img src="{{ selection.eye_catch_path }}" alt="{{ selection.title }}">
    </a>
    <!-- タイトル -->
    {% if selection.title != '' %}
      <a href="/shop/selections/{{ selection.friendly_id }}">{{selection.title }}</a>
    {% endif %}
      <!-- コンテンツ -->
    {{ selection.content | strip_html }}
  {% endfor %}
{% endif %}