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

[minorimitani]

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

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

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

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

また

https://nuit.jp/

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

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

[株式会社フルバランス]

Minorimitaniさま

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

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

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

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

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

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

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

}

}

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

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

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

フルバランス　渡邉

[minorimitani]

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

https://nuit.jp/

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

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