# 商品ページ モバイル表示の編集方法について

**URL:** <https://community.shopify.com/t/topic/16574>\
**Category:** Shopify テーマ\
**Created:** [July 24, 2020, 10:04pm UTC](https://community.shopify.com/t/topic/16574 "2020-07-24T22:04:09Z")\
**Posts on this page:** 2\
**Page:** 1

## AI-generated summary

有料テーマのコレクション商品一覧ページで、PCでは列数・行数をカスタマイズできる一方、モバイルでは常に1列表示になってしまう点が相談されています。モバイルでも2列表示に変更できるか、方法を知りたいという内容です。

回答では、テーマの「コードを編集」から Liquid ファイルを修正すれば対応可能との見解が示されています。Liquid は Shopify テーマで使われるテンプレート言語で、実装方法は利用中の有料テーマの構成次第とされています。

現時点で提示された具体的な編集手順や対象ファイル名までは共有されておらず、一般的な方針のみが示された状態です。結論として、変更自体は可能性があるものの、テーマ依存であり、Liquid の知識が必要なため、議論はまだ解決には至っていません。

<div class="post-metadata">

**Author:** ![Kumiko123](https://avatars.discourse-cdn.com/v4/letter/k/bbce88/32.png) [@Kumiko123](https://community.shopify.com/u/Kumiko123)\
**Post date:** [July 24, 2020, 10:04pm UTC](https://community.shopify.com/t/topic/16574/1 "2020-07-24T22:04:09Z")

</div>

こんにちは。

有料テーマを使用しています。

コレクション→商品一覧ページでの商品表示についてウェブ表示では列と行のカスタマイズが可能なのですが、モバイル表示に切り替えると1列表示のみになります。（カスタマイズで列と行を変更してもモバイルでは反映されません）

モバイル表示で商品が2列になるようにしたいのですが、編集は可能でしょうか？

その場合、どのように編集すれば良いでしょうか？

よろしくお願いいたします。

---

<div class="post-metadata">

**Author:** ![Izawa\_Takahiro](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/izawa_takahiro/32/25481_2.png) [@Izawa\_Takahiro](https://community.shopify.com/u/Izawa_Takahiro)\
**Post date:** [July 28, 2020, 3:48am UTC](https://community.shopify.com/t/topic/16574/2 "2020-07-28T03:48:16Z")

</div>

こちらLiquidファイルを編集で可能です。

テーマ\>アクション\>コードを編集する から対象のファイルを編集します。

使用されている有料テーマの作り方にもよりますのでLiquidの知識が必要になります。
