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

解決済
PSJ
新規メンバー
2 0 0

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

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

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

0 件の「いいね!」
S-Yamane
遊覧客
18 5 17

成功

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

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

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

-カスタマイズやっています。
--Shopify開発に興味のある関西在住の方、採用募集中です。
---お気軽にご連絡ください。
0 件の「いいね!」
PSJ
新規メンバー
2 0 0

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

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

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

0 件の「いいね!」