FROM CACHE - jp_header
このコミュニティはピアツーピアサポートに移行しました。Shopify サポートは今後、このコミュニティへのサービスを提供いたしません。これからもぜひ、他のマーチャントやパートナーとつながり、サポートし合い、経験を共有してください。 当社の行動規範に違反する行動や削除を希望するコンテンツがありましたら、引き続きご報告ください

コレクションページの行あたりの商品数の変更

コレクションページの行あたりの商品数の変更

Rooshy
訪問者
2 0 0

コレクションページの行あたりの商品数をスマホの画面で3、パソコンで6にしたいのですがどうすればいいですか?

わかる方がいれば教えて戴きたいです。

1件の返信1

_osamu_iwasaki_
Shopify Partner
189 47 195

テーマによって作り方が違うため一般論だけ。

1列あたりの商品数は、CSSでWIDTHを%指定してることが多いです。

1列2商品ならWIDTH50%、1列3商品ならWIDTH33.3333%、1列4商品なら25%… といった数値です。

なるべくなら割り切れる数にしたほうが、画像が鮮明だったり、1ピクセル余るなどのデザイン崩れが起きませんので、工夫してください。