ミギムキ

[Shopify] [liquid] 特定のタグが設定された商品だけ要素を表示したい

Shopifyでは商品にタグをつけて管理することができ、あるタグがつけられた商品の一覧ページを作ったり、特定のタグを持つ製品ページだけ例外処理を入れるといったことが可能です。
本記事では、特定のタグが設定された商品ページに専用のキャンペーン情報や注意事項などを表示する方法についてご紹介します。

サンプルコード

{%- if product.tags contains 'アクセサリー' -%} {%- endif -%}

複数のタグいずれかが設定されている場合

{%- if product.tags contains 'アクセサリー' or product.tags contains 'シューズ' -%} {%- endif -%}

「or」を使うことで、いずれかのタグが設定されている商品用の処理が実装できます。

複数のタグすべてが設定されている場合

{%- if product.tags contains 'アクセサリー' and product.tags contains '冬物' -%} {%- endif -%}

「and」を使うことで、すべてのタグが設定されている商品用の処理が実装できます。

ご質問など受け付けています

記事の中でわかりにくかったところ、もっと知りたかったこと、間違っていることなど、何でもお気軽にご連絡ください。

ご連絡は下記フォームを利用いただくか、ツイッターアカウント@flat8migi宛てでもOKです。