FROM CACHE - jp_header
解決済

スマホのコレクションページの商品表示数の変更

PSJ
観光客
8 0 1

Minimalのテンプレートを使用しております。

スマホ画面のコレクションページの商品表示数が、標準ですと2列で変更できないのですが、どのようにコードを書き換えると5列に変更できますか。

また、レスポンシブ自体を無効にする方法はありますか。

1 件の受理された解決策

S-Yamane
Shopify Partner
19 7 20

成功

スマホで5列にするには、Liquid、CSSで調整できますが、5列にすると押しにくいのではないでしょうか。

レスポンシブはPCとスマホの単純な切り替えではなく、どのようなデバイス幅でも対応させるための技法のため、簡単にオフにするという概念とは少し違うのかと思います。
おそらくPCの見た目のままの状態をスマホ等で表示させて、拡大するといったことがされたいのかもしれませんが、CSSをかなり書き換える必要があります。

どちらもLiquidやCSSの知識が必要となりますので、Liquidを学習されるか専門業者にご依頼されるかなどをご検討されるのが良いかと思います。

-カスタマイズやっています。
--Shopify開発に興味のある関西在住の方、採用募集中です。
---お気軽にご連絡ください。

元の投稿で解決策を見る

2件の返信2

S-Yamane
Shopify Partner
19 7 20

成功

スマホで5列にするには、Liquid、CSSで調整できますが、5列にすると押しにくいのではないでしょうか。

レスポンシブはPCとスマホの単純な切り替えではなく、どのようなデバイス幅でも対応させるための技法のため、簡単にオフにするという概念とは少し違うのかと思います。
おそらくPCの見た目のままの状態をスマホ等で表示させて、拡大するといったことがされたいのかもしれませんが、CSSをかなり書き換える必要があります。

どちらもLiquidやCSSの知識が必要となりますので、Liquidを学習されるか専門業者にご依頼されるかなどをご検討されるのが良いかと思います。

-カスタマイズやっています。
--Shopify開発に興味のある関西在住の方、採用募集中です。
---お気軽にご連絡ください。
PSJ
観光客
8 0 1

ご指摘ありがとうございました。

知識がないまま質問してしまい申し訳ありません。

もう少し勉強して方針検討致します。