新着情報

2016/07/14 商品一覧画面に SOLD OUT を表示する
ソーシャルボタン で問い合わせがあった qooza 様(EC-CUBEはリリース前なので楽天サイトのリンク)から
「商品一覧ページで売切れの商品は在庫切れやSOLDOUTなど表示するようにしたいと思っているのですが簡単にできるものですかね・・。」
とご相談を受けました。

確かに商品詳細ページまで行かないと売り切れがわからないのはちょっと不親切。

なのでちょっとやってみました。

[コンテンツ管理] → [ページ管理] → [商品一覧ページ] → [・・・] → [ページの編集] を選択して、
例えば
 {% else %}
<dd id="result_list__price02_inc_tax--{{ Product.id }}" class="item_price">{{ Product.getPrice02IncTaxMin|price }}</dd>
{% endif %}
の下あたりに
 {% if not Product.stock_find %}SOLD OUT{% endif %}
を追記します。
Product.stock_find が在庫数。
もし在庫がなかったら、SOLD OUT を表示という処理です。

SOLD OUT の部分は画像などに適当に変えてください。

また、これを応用すると商品詳細のリンクを消したり、商品画像にななめにSOLD OUTの画像をインポーズするとかできそうです。

ちなみに
 {% for Product in pagination %}
:
{% endfor %}
の内側でないと有効にならないのでご注意を。逆にそのなかならどこに置いてもOKなので、レイアウトは色々工夫してみてください。