【Shopify】アプリなしで商品のステータスラベルを表示!

PRYTHMWORKS 未分類
未分類

例えば、新商品には”NEW”というラベルを表示したい、再入荷した商品には”REARRIVAL”ラベルを表示したい、という要件。

以下のコードで完了!

{% if product.tags contains 'newarrival' %}
  <span>NEW</span>
{% elsif product.tags contains 'rearrival' %}
  <span>REARRIVAL</span>
{% else %}
  <span><!--ラベルをなにも表示しない--></span>
{% endif %}

ラベルを出したい箇所にliquidのif文の条件分岐をいれて、
商品に登録する「タグ」( product.tags )を見て

“newarrival”というタグ名があったら、”NEW”という文字を表示する」
“rearrival”というタグ名があったら、”REARRIVAL”という文字を表示する」
で制御すればよいです!

ちなみに、
product.tags“というような”オブジェクト名.プロパティ名
はShopifyにはどんなものがあるか?はここで調べられます!

Shopify Cheat Sheet — A resource for building Shopify Themes with Liquid
This cheat sheet is an interactive reference for the Liquid templating language that will help you build ecommerce templates on Shopify.

ここのオブジェクト名.プロパティ名と、
liquidの条件分岐やループ文を使えば、かなりいろんなことができるようになります!

liquidの条件文やループ文はここで調べられます!

テンプレート言語Liquid
Clipkitガイド : 公式ドキュメント

タイトルとURLをコピーしました