商品グリッドのデスクトップの列数を6列まで表示させたい

日本語 ディスカッション 技術的なQ＆A
,
1

「Dawnのバージョン15.0.0」でデスクトップでの商品グリットの列数は最大5列のようなのですが、他サイトで6列にしているサイトがあったため、表示させるためのコードやCSSの編集方法を教えていただきたいです。

2

以下の手順をお試しください。

  1. 管理画面にログインし、[オンラインストア] > [テーマ] に移動します。

  2. 「カスタマイズ」の隣の[…] から[コードを編集] をクリックします。

  3. 「セクション」フォルダ内のfeatured-collection.liquidファイルを選択します。

  4. 以下のコードを探します。

{
      "type": "range",
      "id": "columns_desktop",
      "min": 1,
      "max": 5,
      "step": 1,
      "default": 4,
      "label": "t:sections.featured-collection.settings.columns_desktop.label"
    },

  1. "max"の値を6に変更します。

  2. 「保存」をクリックして完了です。

コードを編集しますので、事前にバックアップを取るなどのリスク対策をオススメいたします。

3

ご回答いただきありがとうございます。

コードのmaxの値を6にしたのですが、商品グリッド上で変更できないようで、他に何か必要な作業があります

スクリーンショット 2024-07-06 17.24.11.png
スクリーンショット 2024-07-06 17.24.11.png696×952 40.6 KB

でしょうか？

4

失礼しました。こちらは「特集コレクション」のデスクトップの列数の変更方法でした。

商品グリッドは、同じく「セクション」フォルダ内のmain-collection-product-grid.liquidファイルを選択します。

以下のコードの「max」の値を6に変更し、保存してください。

{
      "type": "range",
      "id": "columns_desktop",
      "min": 1,
      "max": 5,
      "step": 1,
      "default": 4,
      "label": "t:sections.main-collection-product-grid.settings.columns_desktop.label"
    },
5

ご確認ありがとうございます。

無事6列表示にすることができました！