Liquid、JavaScriptなどに関する質問
Dawnを使用しております。
トップページにコレクションリストを設置しましたが、想定した配置にならず、ご教授頂きたいです。
画像の通り、現在は画像の下にコレクション名が表示されておりますが、コレクション名を非表示にして画像へリンクを貼りたいです。
もしご存知の方がいらっしゃいましたら、ご教授頂きたいです。
そうぞ宜しくお願い致します。
解決済! ベストソリューションを見る。
成功
失礼いたしました。
カスタムCSSを下記に変更するといかがでしょうか?
.card__information {
padding: 0;
height: 0;
}
.card__heading {
opacity: 0;
}
(キュー田辺)
Dawnのバージョンにもよるのですが、
12.0.0であれば下記のようにすることで、
コレクション名を非表示にできます。
テーマカスタマイズ画面を開いて、コレクションリストのカスタムCSSで、コレクション名を非表示にします。
カスタムCSSには下記を入力します。
.card__content {
display: none;
}
12.0.0よりもある程度まで古いバージョンであれば、
同じ方法でコレクション名を非表示にできるはずです。
ご参考まで。
(キュー田辺)
株式会社Q
田辺様
この度はご教授頂きまして、ありがとうございます!
試したところ、確かにコレクション名は非表示になるのですが、リンクが無くなり画像のみが表示されている状況です。
もし画像へリンクを貼る方法をご存知でしたら、ご教授頂けますと大変有難いです。
どうぞ宜しくお願い申し上げます。
成功
失礼いたしました。
カスタムCSSを下記に変更するといかがでしょうか?
.card__information {
padding: 0;
height: 0;
}
.card__heading {
opacity: 0;
}
(キュー田辺)
株式会社Q
田辺様
早速のお返事、ありがとうございます。
試したところ、無事理想の形となりました!
この度はお力添えを頂きまして、ありがとうございました。
いつもShopifyをご利用いただき、ありがとうございます。 Shopifyは、皆様の日本語での利用体験の向上に努めております。さらなる改善のために皆様のご意見をお寄せい...
By JasonH May 9, 2025Shopify アカデミーの学習パスと認定スキルバッジExpanding Your Shopify Business Internationallyを活用して、国際的にビジネ...
By Shopify Feb 7, 2025Shopify アカデミーの学習パスB2B on Shopify:立ち上げとカスタマイズで卸売販売に進出しましょう。これら3つの無料コースは、ShopifyストアでB2B機能...
By Shopify Jan 31, 2025