Liquid、JavaScriptなどに関する質問
お世話になっております。
prestigeテーマを使用しております。
モバイル表示でトップページの特集コレクションを3列で表示させたいです。
どのようにコード編集しましたら3列になりますでしょうか。
また
こちらのサイトのようにカテゴリ(コレクションリスト)を横スクロールで表示させるにはどうすればよいでしょうか?
お分かりになられる方がいらっしゃいましたら、よろしくお願いいたします。
Minorimitaniさま
はじめまして、フルバランスの渡邉です。
ご質問を確認いたしました。
スマホの際に商品の表示数が調節できると良いですよね。
一例ですが、Featured collectionsというセクションでLayoutにCarouselを選択し、
以下のようにcssを追記いただければスマホのときだけ3列にできるかと存じます。
@media screen and (max-width: 640px){
.ProductList--carousel .Carousel__Cell {
width: 33%;
}
}
お試しいただけますと幸いです。
私たちの励みにもなりますので、
お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。
分からない点があれば、またいつでもご連絡ください。
フルバランス 渡邉
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