Liquid、JavaScriptなどに関する質問
Shopifyの商品ページにバーコード(JANコード)を数字で表示したいと考えています。
元々別に設けていた商品ブランドだけのHPをストアと一元化運営に切り替えることにしました。
以前HPにはJANコード(13桁)の数字を表示していましたが、Shopifyになるとうまくできません。
liquidファイルも編集してみたところ、表示はなんとかできましたが次の問題が生じました。
※わかりやすくするために下記を例としてご相談させてください。
商品 Tシャツ バリエーション
(カラー)ブラック:バーコード00000
レッド :バーコード11111
ピンク :バーコード22222
1)テンプレートを提供している会社から提案されたコード:{{product.selected_or_first_available_variant.barcode}}
→表示されるがブラックのバーコードだけが紐づいてほかの製品のバーコードが表示されない。
2){% for variant in product.variants %}
JAN:{{ variant.barcode }}
{% endfor %} 適当にコードを作ってみて実験。
→この場合、羅列したコードだけが表示される。
00000 11111 22222 このような形になって見栄えが悪い。
このような状況です。
バリエーションを分けているものはバリエーションを選択してうまく連動してバーコードを表示することはできないのでしょうか。
コードあたりにあまり詳しくないので手探りで行っており、もしおわかりの方がいればご助言いただけないでしょうか。
よろしくお願いいたします。
{% for variant in product.variants %}
JAN:{{ variant.barcode }}
{% endfor %} 適当にコードを作ってみて実験。
→この場合、羅列したコードだけが表示される。
00000 11111 22222 このような形になって見栄えが悪い。
検証はしていませんが、
{% for variant in product.variants %}
{{ variant.title }} JAN:{{ variant.barcode }} <br/>
{% endfor %}
などで、ご希望の表示は可能かと思います。
Liquidについては、公式ドキュメントに詳細がありますので、ご参照ください。
https://shopify.dev/docs/themes/liquid/reference/objects/variant
リエンゲージメントの自動化で売り上げ向上へ!素敵なオンラインストアを作成し、見込み顧客の携帯へ広告を直接に送信する、またはSNSなどで宣伝すると、お客様がストアに行き着...
By Mirai Mar 24, 2024Shopifyは世界で最も革新的なブランドと起業家をサポートしています。個人起業家やあらゆる規模のビジネスの成長を後押しするために、Shopify アカデミーではShopif...
By SarahF_Shopify Mar 22, 2024オンラインストア運営はとてもやりがいのある活動です。新しい注文が入った時の喜びや世界中のお客様とやりとりできる可能性、商品に対して最高のレビューをもらった時の満足感は、毎日の...
By Mina Mar 13, 2024