使い方のヒント
商品詳細ページで利用できる変数

商品詳細ページで利用できる変数

商品詳細ページに任意の記述をする方法

商品詳細画面https://ドメイン/shop/products)にて商品ごとに任意の記述をしたい場合は、ecforce 管理画面内の「商品管理 > 商品管理 > 該当商品 > 編集」の「タブ:基本設定」にて記述を設定します。
自由入力1~10、詳細サブを使う方法があります。

自由入力欄

自由入力欄は10枠ご用意していますので、記載したい内容は自由入力欄へ設定します。
自由入力の変数は以下のとおりです。

自由入力1: {{ product.option01 }}
自由入力2: {{ product.option02 }}
  ・
  ・
自由入力10: {{ product.option10 }}

詳細・詳細サブ

詳細・詳細サブ関連の変数は以下のとおりです。

商品管理「基本設定」の 詳細(モバイル用): {{ product.parsed_description_mobile }}
商品管理「基本設定」の 詳細サブ: {{ product.parsed_sub_description }}
商品管理「基本設定」の 詳細サブ(モバイル用):{{ product.parsed_sub_description_mobile }}
商品管理「SKU管理」のマスターSKUの詳細(モバイル用):  {{ product.master.parsed_description_mobile }}

その他商品詳細ページで利用可能な変数

お問い合わせが多いものをまとめました。

注意喚起文

注意喚起文: {{ product.caution }}
注意喚起文上部: {{ product.caution02 }}

画像関係

商品管理 > 画像管理 に登録されている商品画像の取得方法です。

<!-- マスターSKUに登録された画像-->
{% if product.master.thumbnails.size > 0 %}
  {% for sub_thumbnail in product.master.thumbnails %}
    <img src="{{ sub_thumbnail.url }}">  
  {% endfor %}
{% else %}
  {% if product.thumbnail.url %}
    {% assign src = product.thumbnail.url %}
  {% else %}
    {% assign src = 'missing' | image_url %}
  {% endif %}
  <img src="{{ src }}">
{% endif %}
 
<!-- マスターSKU以外に登録された画像 -->
{% for variant in product.variants %}
  {% for thumbnail in variant.thumbnails %}
    {% if thumbnail.url %}
      {% assign src = thumbnail.url %}
    {% else %}
      {% assign src = 'missing' | image_url %}
    {% endif %}
    <img src="{{ src }}">
  {% endfor %}
{% endfor %}

その他

メタディスクリプション: {{ product.meta_description }}
メタキーワード: {{ product.meta_keywords }}
商品管理「基本設定」の注文毎の購入制限数: {{ product.master.limit_quantity }}
商品管理「基本設定」の購入数の下限: {{ product.master.min_quantity }}
商品管理「基本設定」の購入数の上限: {{ product.master.max_quantity }}

出力画面について

いずれも 商品詳細画面で出力が可能です。