FROM CACHE - jp_header
解決済

【Dawn】コレクションリストのリスト名を非表示にして画像へリンクを貼りたい

w_konori
観光客
7 0 3

Dawnを使用しております。
トップページにコレクションリストを設置しましたが、想定した配置にならず、ご教授頂きたいです。
画像の通り、現在は画像の下にコレクション名が表示されておりますが、コレクション名を非表示にして画像へリンクを貼りたいです。

もしご存知の方がいらっしゃいましたら、ご教授頂きたいです。
そうぞ宜しくお願い致します。

コレクションリスト.jpg

 

1 件の受理された解決策
Qcoltd
Shopify Partner
1051 429 417

成功

@w_konori 様

 

失礼いたしました。

カスタムCSSを下記に変更するといかがでしょうか?

.card__information {
  padding: 0;
  height: 0;
}
.card__heading {
  opacity: 0;
}

 

(キュー田辺)

株式会社Q (キュー)
グラフィックデザイン、アパレル事業、Web制作など色々やっている渋谷区代々木の会社です。ShopifyでのECサイトの運営・開発も行なっています。
私たちについて: https://web.q-co.jp/ テックブログ: https://techlab.q-co.jp/

元の投稿で解決策を見る

4件の返信4

Qcoltd
Shopify Partner
1051 429 417

@w_konori 様

 

Dawnのバージョンにもよるのですが、

12.0.0であれば下記のようにすることで、

コレクション名を非表示にできます。

 

テーマカスタマイズ画面を開いて、コレクションリストのカスタムCSSで、コレクション名を非表示にします。

screenshot_20231108.png

 

カスタムCSSには下記を入力します。

.card__content {
  display: none;
}

 

12.0.0よりもある程度まで古いバージョンであれば、

同じ方法でコレクション名を非表示にできるはずです。

 

ご参考まで。

 (キュー田辺)

株式会社Q (キュー)
グラフィックデザイン、アパレル事業、Web制作など色々やっている渋谷区代々木の会社です。ShopifyでのECサイトの運営・開発も行なっています。
私たちについて: https://web.q-co.jp/ テックブログ: https://techlab.q-co.jp/
w_konori
観光客
7 0 3

株式会社Q
田辺様

この度はご教授頂きまして、ありがとうございます!
試したところ、確かにコレクション名は非表示になるのですが、リンクが無くなり画像のみが表示されている状況です。
もし画像へリンクを貼る方法をご存知でしたら、ご教授頂けますと大変有難いです。
どうぞ宜しくお願い申し上げます。

Qcoltd
Shopify Partner
1051 429 417

成功

@w_konori 様

 

失礼いたしました。

カスタムCSSを下記に変更するといかがでしょうか?

.card__information {
  padding: 0;
  height: 0;
}
.card__heading {
  opacity: 0;
}

 

(キュー田辺)

株式会社Q (キュー)
グラフィックデザイン、アパレル事業、Web制作など色々やっている渋谷区代々木の会社です。ShopifyでのECサイトの運営・開発も行なっています。
私たちについて: https://web.q-co.jp/ テックブログ: https://techlab.q-co.jp/
w_konori
観光客
7 0 3

株式会社Q
田辺様

早速のお返事、ありがとうございます。
試したところ、無事理想の形となりました!
この度はお力添えを頂きまして、ありがとうございました。