FROM CACHE - jp_header

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

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

DMVOLTA
訪問者
2 0 0

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

3件の返信3

株式会社ナレッジサービス
Shopify Partner
50 21 23

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

 

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"
    },

 

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

 

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

 

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

DMVOLTA
訪問者
2 0 0

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

コードのmaxの値を6にしたのですが、商品グリッド上で変更できないようで、他に何か必要な作業がありますスクリーンショット 2024-07-06 17.24.11.pngでしょうか?

株式会社ナレッジサービス
Shopify Partner
50 21 23

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

 

商品グリッドは、同じく「セクション」フォルダ内の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"
    },