FROM CACHE - jp_header

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

解決済

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

number_girl
観光客
8 0 0

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

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

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

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

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

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

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

1 件の受理された解決策

株式会社フルバランス
Shopify Partner
1540 550 699

成功

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ボタンを押して頂ければ嬉しいです。

分からない点があれば、またいつでもご連絡ください。

フルバランス 渡邉

 

 

株式会社フルバランス(Shopify Experts)
Shopify専門のEC成長支援会社です。ストアの新規構築から運用や改善のサポートなどShopifyに関する幅広いサービスを行なっております。
ECの技術・実務・成長、お悩みのことがあれば、お気軽にご相談ください。
『すべてのブランドの特大成長エンジンを搭載する』 株式会社フルバランス

元の投稿で解決策を見る

3件の返信3

株式会社フルバランス
Shopify Partner
1540 550 699

成功

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ボタンを押して頂ければ嬉しいです。

分からない点があれば、またいつでもご連絡ください。

フルバランス 渡邉

 

 

株式会社フルバランス(Shopify Experts)
Shopify専門のEC成長支援会社です。ストアの新規構築から運用や改善のサポートなどShopifyに関する幅広いサービスを行なっております。
ECの技術・実務・成長、お悩みのことがあれば、お気軽にご相談ください。
『すべてのブランドの特大成長エンジンを搭載する』 株式会社フルバランス
number_girl
観光客
8 0 0

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

 

参考にして実装をしてみたところ、「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
観光客
8 0 0

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

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

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