商品コレクションのモバイル表示における列数を増やしたい

ma15 · ‎11-08-2022

DAWNテーマを使用しています

トップ画面での特集コレクション、

およびコレクションページでの商品表示ですが、

現在モバイルでの表示方法が横２列に固定されているかと思います。

これを変更し、３列、もしくは４列に調整する方法はありませんでしょうか。

コード編集はあまり詳しくなく、指定箇所を指定通りにそのまま編集することがある程度です。

過去のverのものしか記載がなく、現在の7.0.1での対応を知りたいです！

株式会社フルバランス · ‎11-11-2022

Ma15さま

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

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

PCとスマホで表示する商品数を変えられると便利ですよね。

以下投稿で具体的な編集方法が回答されていますので、ご参照いただけますと幸いです。

なお、3列の場合は25%を33%に変更してください。

例）width: calc(33% - var(--grid-desktop-horizontal-spacing));

参考になりましたら幸いです。

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

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

フルバランス　渡邉