# 商品コレクションのモバイル表示における列数を増やしたい **URL:** \ **Category:** Shopify テーマ\ **Created:** [November 9, 2022, 1:25am UTC](https://community.shopify.com/t/topic/166276 "2022-11-09T01:25:58Z")\ **Posts on this page:** 2\ **Page:** 1 ## AI-generated summary 課題: DAWNテーマ（v7.0.1）で、トップの特集コレクションとコレクションページの商品表示がモバイルで2列固定。3列または4列に増やしたいが、コード編集に不慣れ。 最新の提案: テーマコードの編集で列数を調整する方法が紹介された投稿（外部リンク）を参照するよう案内。PCとスマホで表示列数を分ける前提で、CSSの幅指定を変更するアプローチを提示。 - 3列にする場合: 幅の割合を「25% → 33%」に変更。 - 例: width: calc(33% - var(--grid-desktop-horizontal-spacing)); 補足: 具体的な編集箇所や4列設定の詳細はスレ内では明記されておらず、外部投稿の手順に依存。リンク先が最新版（7.0.1）に完全対応しているかは未確認。 状況: 回答で方向性と具体例（3列）が示されたものの、投稿者からの実装結果や解決報告はまだなく、議論は未解決。
**Author:** ![ma15](https://avatars.discourse-cdn.com/v4/letter/m/9dc877/32.png) [@ma15](https://community.shopify.com/u/ma15)\ **Post date:** [November 9, 2022, 1:25am UTC](https://community.shopify.com/t/topic/166276/1 "2022-11-09T01:25:58Z")
DAWNテーマを使用しています トップ画面での特集コレクション、 およびコレクションページでの商品表示ですが、 現在モバイルでの表示方法が横２列に固定されているかと思います。 これを変更し、３列、もしくは４列に調整する方法はありませんでしょうか。 コード編集はあまり詳しくなく、指定箇所を指定通りにそのまま編集することがある程度です。 過去のverのものしか記載がなく、現在の7.0.1での対応を知りたいです！ ---
**Author:** ![Anonymous\_44fbe07fc59d9ccaacd70575fd5a5155](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/anonymous_44fbe07fc59d9ccaacd70575fd5a5155/32/194200_2.png) [@Anonymous\_44fbe07fc59d9ccaacd70575fd5a5155](https://community.shopify.com/u/Anonymous_44fbe07fc59d9ccaacd70575fd5a5155)\ **Post date:** [November 11, 2022, 8:46am UTC](https://community.shopify.com/t/topic/166276/2 "2022-11-11T08:46:45Z")
Ma15さま はじめまして、フルバランスの渡邉です。 ご質問を確認いたしました。 PCとスマホで表示する商品数を変えられると便利ですよね。 以下投稿で具体的な編集方法が回答されていますので、ご参照いただけますと幸いです。 [https://community.shopify.com/topic/1806750](https://community.shopify.com/topic/1806750) なお、3列の場合は25%を33%に変更してください。 例）width: calc(33% - var(–grid-desktop-horizontal-spacing)); 参考になりましたら幸いです。 私たちの励みにもなりますので、 お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。 分からない点があれば、またいつでもご連絡ください。 フルバランス 渡邉