DAWN 8.0.0 テーマにて、商品ページを作成しているのですが
商品のカテゴリーごとにアイコンを作りたく、マルチカラムのボタンで各カテゴリ（コレクション）に飛ばしたいと思っています。
モバイルで表示する際にボタンを３つ横並びで表示させ、2行にしたいのですが、そちらは可能なのでしょうか。
カテゴリは6つありそれを横に3列、縦に2列にしたいです。
どうぞよろしくお願い致します。
Topic summary
DAWN 8.0.0テーマで商品ページのカテゴリーアイコンをマルチカラムボタンで表示する際、横3列×縦2行（計6カテゴリー）のレイアウトを実現したいという質問。特にモバイル表示で3列並びにする方法が課題。
解決方法（DAWN 10.0.0ベース）:
-
セクション設定の拡張
multicolumn.liquidの333行目付近でモバイル列数の選択肢を2から3に拡張
-
CSSクラス名の変更
- 46行目の
<ul>タグ内のclass属性を修正 grid--{{ section.settings.columns_mobile }}-col-tablet-downをgrid--{{ section.settings.columns_mobile }}-colに変更
- 46行目の
この2つの変更でモバイルでも3列表示が可能になり、質問者は解決を確認。
Dawnの8.0.0は持っていないので、10.0.0で説明します。
対象のコードはセクションの「multicolumn.liquid」になります。
まず最初にセクション設定からモバイルでの列数を2から3に拡張します。333行目付近からそのコードになっており、optionに3列を加えます。
次にモバイルで3列に表示できるよう、class名を一部変更します。
46行目に、
というコードがありますが、このうちの「grid–{{ section.settings.columns_mobile }}-col-tablet-down」というclass名を「grid–{{ section.settings.columns_mobile }}-col」に変更してください。
これで完了です。
ご丁寧にありがとうございます！
とても助かりました！