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 %}
とすれば、個別に設定が必要ですが、目的の動作ができました。
今回表示したいタグはそこまで多くないので、これを複数回書けば大丈夫そうです。
もう一点だけよろしいでしょうか?
現在トップページに「特集コレクション」のセクションを利用して商品表示を管理しているのですが、こちらの中にも同じようにランクを表示できたらと思うのですが、こちらに表示するには、どこから編集すれば良いでしょうか?
お手数ですが、併せてご回答いただけますと幸いです。
以上、よろしくお願いいたします。
ユーザー | ランク |
---|---|
35 | |
11 | |
7 | |
6 | |
6 |
すべてのShopifyアカウントはデフォルトではmyshopify.comのURLと関連付けられており、これはアカウント設定時に使用したビジネス名に基づいて作成されます。しかし、オ...
By Nina_13 Nov 26, 2023このトピックは英語版コミュニティの投稿:Shopify Web Pixel Manager Sandbox FAQの日本翻訳です。
By Mirai Nov 19, 2023Shopifyの管理画面では、商品ごとや配送元のロケーション(倉庫)ごとにカスタム配送料を設定することができます。特に購入金額による送料無料設定は、顧客の購買意欲を高める効果的な手...
By Alex06 Nov 5, 2023