FROM CACHE - jp_header

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

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

ma15
訪問者
2 0 0

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

 

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

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

 

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

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

 

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

 

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

1件の返信1

株式会社フルバランス
Shopify Partner
1540 550 699

Ma15さま

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

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

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

 

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

https://community.shopify.com/c/%E6%8A%80%E8%A1%93%E7%9A%84%E3%81%AAq-a/%E3%82%B3%E3%83%AC%E3%82%AF%...

 

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

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

 

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

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

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

フルバランス 渡邉

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