【Shopify】Liquidを使用した条件分岐【商品タグで表示項目を切り替える】 | ソフトマシーン

ソフトマシーン ソフトマシーン

BLOG

ブログ

2022年10月4日

【Shopify】Liquidを使用した条件分岐【商品タグで表示項目を切り替える】

shopfyで商品につけたタグによって商品ページに表示する項目を切り替える方法をご紹介します。

この方法を使えば、商品のジャンルごとに注意書きやガイド変更したり、一部の商品にのみおすすめ商品やセット割引商品を表示したりなど、訪れるお客様にも親切なショップにする事ができます。

※shopifyテーマのコード編集を行います。編集の際は十分ご注意ください。

実装方法

下記に用意しているコードの一部を書き換えるだけで実装できます。
例えば、セクションの「product-template.liquid」に下記コードを貼り付け、
/* ここに内容を入れる */の箇所にお好きなコードを記述すると「タグ名を入れる」に記載したタグに該当した商品のみ内容が表示されるようになります!

{% if product.tags contains 'タグ名を入れる' %}
/* ここに内容を入れる */
{% endif %}

さいごに

いかがでしたか?

色々と応用できそうなので是非使ってみてくださいね。

デザイナー

nakao

デザイン進化の先へトランスフォーマ中

CONTACT & WORKS

お気軽にご相談・お問い合わせください