FROM CACHE - jp_header

prestigeでモバイルの商品表示数を3列にしたい。

minorimitani
観光客
10 0 1

お世話になっております。

 

prestigeテーマを使用しております。

モバイル表示でトップページの特集コレクションを3列で表示させたいです。

 

どのようにコード編集しましたら3列になりますでしょうか。

 

また

https://nuit.jp/

こちらのサイトのようにカテゴリ(コレクションリスト)を横スクロールで表示させるにはどうすればよいでしょうか?

お分かりになられる方がいらっしゃいましたら、よろしくお願いいたします。

  • CSS
2件の返信2

株式会社フルバランス
Shopify Partner
1476 523 652

Minorimitaniさま

はじめまして、フルバランスの渡邉です。

ご質問を確認いたしました。

スマホの際に商品の表示数が調節できると良いですよね。

 

一例ですが、Featured collectionsというセクションでLayoutにCarouselを選択し、

 

スクリーンショット 2022-12-23 17.52.41.png

 

以下のようにcssを追記いただければスマホのときだけ3列にできるかと存じます。

@media screen and (max-width: 640px){

.ProductList--carousel .Carousel__Cell {
width: 33%;

}

}

 

お試しいただけますと幸いです。

 

私たちの励みにもなりますので、
お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。

分からない点があれば、またいつでもご連絡ください。

フルバランス 渡邉

 

株式会社フルバランス(Shopify Experts)
Shopify専門のEC成長支援会社です。ストアの新規構築から運用や改善のサポートなどShopifyに関する幅広いサービスを行なっております。
ECの技術・実務・成長、お悩みのことがあれば、お気軽にご相談ください。
『すべてのブランドの特大成長エンジンを搭載する』 株式会社フルバランス
minorimitani
観光客
10 0 1

ご返信ありがとうございます。

https://nuit.jp/

こちらのサイトのようにカテゴリ(コレクションリスト)を横スクロールで表示させるにはどうすればよいでしょうか?

ご教授お願いいたします。