Liquid、JavaScriptなどに関する質問
テーマDawnで商品一覧の各商品部分にタグをラベル表示したく、card-product.liquidに下記コードを入れましたが表示されません。
{% for tag in product.tags %}
<span>{{ tag }}</span>
{% endfor %}
商品タグは登録しており、試しに商品詳細ページ(main-product.liquid)に上記コードを入れたら表示されました。
どの外部サイトを見ても上記コードで合っていそうなのですが、何故でしょうか。
ご回答頂けますと幸いです。
解決済! ベストソリューションを見る。
成功
ご質問いただいている、商品一覧でタグを出力したい件ですが、
ご記載いただいておりますタグを下記に修正いただきますと、商品タグを出力することが可能かと思われます。
{% for tag in card_product.tags %}
<span>{{ tag }}</span>
{% endfor %}
ご参考まで。
(キュー小坂)
成功
ご質問いただいている、商品一覧でタグを出力したい件ですが、
ご記載いただいておりますタグを下記に修正いただきますと、商品タグを出力することが可能かと思われます。
{% for tag in card_product.tags %}
<span>{{ tag }}</span>
{% endfor %}
ご参考まで。
(キュー小坂)
商品タグを無事に出力することが出来ました。
card-product.liquidファイルではcard_productで取得できるのですね。
ご回答ありがとうございました。
申し訳ございません。
{% for tag in card_product.tags %}
<span>{{ tag }}</span>
{% endfor %}
上記、コードを入力してラベルを表示させたいのですが。
どの部分に入れれば良いのか教えていただけないでしょうか。
テーマDawnのcard-product.liquidに挿入する前提でお伝え致します。
画像上にラベル表示させるのか、画像下の部分に表示させるのかによって異なりますが、前者であれば<div class="card__inner>内の<div class="card__content">以下に記載しこのspan要素にclass名を指定してcssでposition: absolute;で位置を指定、後者であれば<div class="card__inner>の兄弟要素の<div class="card__content">以下の記載したい位置に記載ということなります。
ご教授いただきありがとうございます。
上手く画像上にラベル表示させるが出来ました。
何度も申し訳ございません。
もう一点質問なのですが、上記
{% for tag in card_product.tags %}
<span>{{ tag }}</span>
{% endfor %}
を入れた場合Label__Newとした場合、Label__Newと表示されます。
Label__NewこのLabel__を表示させずに、Label__と入ったタグのみを画像の上に表示させる事も可能でしょうか?
横から失礼します。
上記でラベル表示に成功しました。
文字のカラーをBLACK→WHITEに変更するにはどうしたらよろしいでしょうか?
サポートの選択肢が増えていく中、最適となる選択の判断が難しくなっているかと存じます。今回は問題の解決に最適となるサポートの選択方法を、紹介させて頂きます。 選択肢のご紹介...
By Mirai Oct 6, 20242023年初頭、Shopifyペイメントアカウント、及びShopifyアカウント全体のセキュリティを強化する為の変更が適用されました。ユーザーのアカウントセキュリティを強化す...
By Mirai Sep 29, 2024概要: 年末/年明けは、消費者が最もショッピングを行う時期の一つです。特に、ブラックフライデー・サイバーマンデー(BFCM)は、世界中で注目される大規模なセールイベントであ...
By JapanGuru Sep 25, 2024