Liquid、JavaScriptなどに関する質問
無料テーマのSpotlightを使用してサイトを構築しています。
トップページにコレクションリストを複数並べているのですが、その中にはコレクションを1つしか表示しないコレクションリストがあります。
その場合、デスクトップの列数を4列などに設定してもサムネイルがかなり大きく表示されてしまいます。
コレクションが1つの場合でも設定した列数で表示させたいです。
何か対策はありますでしょうか。
よろしくお願いいたします。
↓複数コレクションがある場合
↓コレクションが1つの場合 これを上のサイズ感で表示させたい
解決済! ベストソリューションを見る。
成功
質問拝見しました。
こちら自動で幅が調整されているかと思いますので、表示する列数を決めてその幅を維持するようなCSSを加えれば対応が可能かと存じます。
.card-wrapper.animate-arrow.collection-card-wrapper{
width:25%
}
(四列表示を想定100を四分割で25%になっています。)
以下CSSを参考に調整してみてください!
なにかご質問があれば、お気軽にご相談ください。
お悩み解決できましたら、ベストアンサー、いいねいただけると励みになります。
何卒よろしくお願いします。
株式会社フルバランス
成功
質問拝見しました。
こちら自動で幅が調整されているかと思いますので、表示する列数を決めてその幅を維持するようなCSSを加えれば対応が可能かと存じます。
.card-wrapper.animate-arrow.collection-card-wrapper{
width:25%
}
(四列表示を想定100を四分割で25%になっています。)
以下CSSを参考に調整してみてください!
なにかご質問があれば、お気軽にご相談ください。
お悩み解決できましたら、ベストアンサー、いいねいただけると励みになります。
何卒よろしくお願いします。
株式会社フルバランス
無事、修正できました!
ありがとうございました。
Shopify アカデミーの学習パスと認定スキルバッジExpanding Your Shopify Business Internationallyを活用して、国際的にビジネ...
By Shopify Feb 7, 2025Shopify アカデミーの学習パスB2B on Shopify:立ち上げとカスタマイズで卸売販売に進出しましょう。これら3つの無料コースは、ShopifyストアでB2B機能...
By Shopify Jan 31, 2025サポートの選択肢が増えていく中、最適となる選択の判断が難しくなっているかと存じます。今回は問題の解決に最適となるサポートの選択方法を、紹介させて頂きます。 選択肢のご紹介...
By Mirai Oct 6, 2024