Liquid、JavaScriptなどに関する質問
お世話になっております。
中古商品をShopifyで取り扱いたいと考えているのですが、それぞれの商品毎にAランク、Bランク等の表示をしたいです。
現在の管理方法としては、タグで各ランクを付け、それを自動コレクションで各ランクごとのコレクションページへ分類しています。
これを各商品ページ内やトップページ、検索結果ページなどに表示したいのですが、どのような方法があるでしょうか?
「ランク」に関するコレクションのみ出力ができれば良いのですが、そのような方法はあるのでしょうか。
ご教示頂けますと幸いです。
テーマはDawnを使用しております。
解決済! ベストソリューションを見る。
成功
Number_girlさま
はじめまして、フルバランスの渡邉です。
ご質問を確認いたしました。
商品の追加情報もわかりやすく出せると良いですよね。
商品タグは以下記述で取得できますので、
商品ページならmain-product.liquid
商品一覧ならcard-product.liquid
あたりのファイルでラベルを出力したい箇所に追記いただければ表示が可能かと存じます。
<div>
{% for tag in product.tags %}
<div>{{ tag }}</div>
{% endfor %}
</div>
ランク以外のタグもあって、ランクタグだけ出力したい場合はlabel__XXXのように識別用の文字列をタグに含めて分岐させるのが良いかと思います。
参考記事:https://ikdlog.com/product-label/
ご参考になりましたら幸いです。
私たちの励みにもなりますので、
お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。
分からない点があれば、またいつでもご連絡ください。
フルバランス 渡邉
成功
Number_girlさま
はじめまして、フルバランスの渡邉です。
ご質問を確認いたしました。
商品の追加情報もわかりやすく出せると良いですよね。
商品タグは以下記述で取得できますので、
商品ページならmain-product.liquid
商品一覧ならcard-product.liquid
あたりのファイルでラベルを出力したい箇所に追記いただければ表示が可能かと存じます。
<div>
{% for tag in product.tags %}
<div>{{ tag }}</div>
{% endfor %}
</div>
ランク以外のタグもあって、ランクタグだけ出力したい場合はlabel__XXXのように識別用の文字列をタグに含めて分岐させるのが良いかと思います。
参考記事:https://ikdlog.com/product-label/
ご参考になりましたら幸いです。
私たちの励みにもなりますので、
お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。
分からない点があれば、またいつでもご連絡ください。
フルバランス 渡邉
ご回答ありがとうございます!
参考にして実装をしてみたところ、「label__XXX」の部分が完全一致している場合のみ、適切な処理になりました。例えば「label__Aランク」のように設定して、
{% for tag in product.tags %}
{% if product.tags contains "label__" %}
{{ tag }}
{% endif %}
{% endfor %}
上記コードのようにして自動化しようと思いましたが、動作せず、
{% if product.tags contains 'label__Aランク' %}
Aランク
{% endif %}
とすれば、個別に設定が必要ですが、目的の動作ができました。
今回表示したいタグはそこまで多くないので、これを複数回書けば大丈夫そうです。
もう一点だけよろしいでしょうか?
現在トップページに「特集コレクション」のセクションを利用して商品表示を管理しているのですが、こちらの中にも同じようにランクを表示できたらと思うのですが、こちらに表示するには、どこから編集すれば良いでしょうか?
お手数ですが、併せてご回答いただけますと幸いです。
以上、よろしくお願いいたします。
いつもShopifyをご利用いただき、ありがとうございます。 Shopifyは、皆様の日本語での利用体験の向上に努めております。さらなる改善のために皆様のご意見をお寄せい...
By JasonH May 9, 2025Shopify アカデミーの学習パスと認定スキルバッジExpanding Your Shopify Business Internationallyを活用して、国際的にビジネ...
By Shopify Feb 7, 2025Shopify アカデミーの学習パスB2B on Shopify:立ち上げとカスタマイズで卸売販売に進出しましょう。これら3つの無料コースは、ShopifyストアでB2B機能...
By Shopify Jan 31, 2025