DAWNテーマを使用しています
トップ画面での特集コレクション、
およびコレクションページでの商品表示ですが、
現在モバイルでの表示方法が横2列に固定されているかと思います。
これを変更し、3列、もしくは4列に調整する方法はありませんでしょうか。
コード編集はあまり詳しくなく、指定箇所を指定通りにそのまま編集することがある程度です。
過去のverのものしか記載がなく、現在の7.0.1での対応を知りたいです!
課題: DAWNテーマ(v7.0.1)で、トップの特集コレクションとコレクションページの商品表示がモバイルで2列固定。3列または4列に増やしたいが、コード編集に不慣れ。
最新の提案: テーマコードの編集で列数を調整する方法が紹介された投稿(外部リンク)を参照するよう案内。PCとスマホで表示列数を分ける前提で、CSSの幅指定を変更するアプローチを提示。
補足: 具体的な編集箇所や4列設定の詳細はスレ内では明記されておらず、外部投稿の手順に依存。リンク先が最新版(7.0.1)に完全対応しているかは未確認。
状況: 回答で方向性と具体例(3列)が示されたものの、投稿者からの実装結果や解決報告はまだなく、議論は未解決。
DAWNテーマを使用しています
トップ画面での特集コレクション、
およびコレクションページでの商品表示ですが、
現在モバイルでの表示方法が横2列に固定されているかと思います。
これを変更し、3列、もしくは4列に調整する方法はありませんでしょうか。
コード編集はあまり詳しくなく、指定箇所を指定通りにそのまま編集することがある程度です。
過去のverのものしか記載がなく、現在の7.0.1での対応を知りたいです!
Ma15さま
はじめまして、フルバランスの渡邉です。
ご質問を確認いたしました。
PCとスマホで表示する商品数を変えられると便利ですよね。
以下投稿で具体的な編集方法が回答されていますので、ご参照いただけますと幸いです。
https://community.shopify.com/topic/1806750
なお、3列の場合は25%を33%に変更してください。
例)width: calc(33% - var(–grid-desktop-horizontal-spacing));
参考になりましたら幸いです。
私たちの励みにもなりますので、
お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。
分からない点があれば、またいつでもご連絡ください。
フルバランス 渡邉