中古商品の商品ランクをトップページや商品ページに表示したい

[number_girl]

お世話になっております。

中古商品をShopifyで取り扱いたいと考えているのですが、それぞれの商品毎にAランク、Bランク等の表示をしたいです。

現在の管理方法としては、タグで各ランクを付け、それを自動コレクションで各ランクごとのコレクションページへ分類しています。

これを各商品ページ内やトップページ、検索結果ページなどに表示したいのですが、どのような方法があるでしょうか？

「ランク」に関するコレクションのみ出力ができれば良いのですが、そのような方法はあるのでしょうか。

ご教示頂けますと幸いです。

テーマはDawnを使用しております。

[株式会社フルバランス · Accepted solution]

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]

ご回答ありがとうございます！

参考にして実装をしてみたところ、「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 %}

とすれば、個別に設定が必要ですが、目的の動作ができました。

今回表示したいタグはそこまで多くないので、これを複数回書けば大丈夫そうです。

もう一点だけよろしいでしょうか？

現在トップページに「特集コレクション」のセクションを利用して商品表示を管理しているのですが、こちらの中にも同じようにランクを表示できたらと思うのですが、こちらに表示するには、どこから編集すれば良いでしょうか？

お手数ですが、併せてご回答いただけますと幸いです。

以上、よろしくお願いいたします。

[number_girl]

本件、以下の記事を参考にすることで自己解決できました。

ご協力ありがとうございました！

https://note.com/nanakoma_gbp/n/nd1ce0d5bd23e