テーマエディタで: カスタマイズコレクションページセクションを追加コレクションページ

コレクションページ

コレクションの商品グリッド。絞り込み、並べ替え、ページ送り付き。

絞り込みは Shopify の Search & Discovery アプリから表示されます。在庫状況、価格、タイプ、オプションをそこで追加しましょう。

設定

見出し

このセクションに見出しを表示
オンまたはオフデフォルト: オンこのセクションの上に「コレクションの見出し」セクションがある場合はオフにします。見出し、商品数、説明、パンくずリストはそのセクションに表示されます。絞り込みと並べ替えのボタンは、常にここ、商品の上に表示されます。
コレクションの説明を表示する
オンまたはオフデフォルト: オフ
タイトルの上の余白
スライダー(0〜60 px)デフォルト: 8 pxスマートフォンでは、値の75%で表示されます。
タイトルエリアの下の余白
スライダー(0〜60 px)デフォルト: 24 px
パンくずリストに使用するメニュー
メニューコレクションがこのメニューの項目の下にある場合、その項目がパンくずリストに表示されます。

商品グリッド

最初の1列あたりの商品数
選択: 大、標準、コンパクトデフォルト: 標準大:スマートフォンで1列に1点。標準:2点。コンパクト:3点、写真と価格のみ。パソコンでは下の列数に従います。
1列あたりの商品数を買い手が選べるようにする
オンまたはオフデフォルト: オン「絞り込みと並べ替え」の隣に小さなボタンが3つ表示されます。選択は訪問中ずっと保持されます。
パソコンの列数(大きい表示)
スライダー(2〜4)デフォルト: 3タブレットでは2列、3列、4列です。
パソコンの列数(標準の表示)
スライダー(3〜5)デフォルト: 4
パソコンの列数(コンパクトな表示)
スライダー(4〜8)デフォルト: 5
表示を切り替えるときの長さ
スライダー(0〜800 ms)デフォルト: 420 ms各商品が新しい位置へなめらかに移動します。0:グリッドがすぐに切り替わります。端末で動きを減らす設定にしている訪問者には、常にすぐ切り替わります。
1回の読み込みあたりの商品数
スライダー(8〜48)デフォルト: 20

ツール

フィルターを表示する
オンまたはオフデフォルト: オンフィルターはSearch & Discoveryアプリで設定します。アプリがない場合は、在庫状況と価格のみが表示されます。
並べ替えを表示する
オンまたはオフデフォルト: オン
すべてのセクションに共通する設定窓、スクロール、余白、色、テキストのスタイル

ウィンドウ、スクロール、余白、色の設定は、どのセクションでも同じように動作します。仕組みを見る。

窓

連結
選択: 独立した窓、上の窓に連結、下の窓に連結、上下に連結デフォルト: 独立した窓
画像の角
選択: 丸角、角ありデフォルト: 丸角

スクロール

スクロール時に次のセクションが覆いかぶさる
オンまたはオフデフォルト: オフ下にスクロールすると、このセクションはヘッダーの下に固定され、次のセクションがその上にせり上がります。上に戻すと逆の動きになります。エディター、視差効果を減らす設定の訪問者、高さが非常に低い画面ではオフになります。

余白

このセクションにカスタム余白を使用する
オンまたはオフデフォルト: オフオフ:テーマ設定の「レイアウト」にあるセクション間の余白を使用します。オン:ここで設定した値をこのセクションの上下に使用します。モバイルでは、ほとんどのセクションがその65%を使用します。
上の余白
スライダー(0〜160 px)デフォルト: 0 px
下の余白
スライダー(0〜160 px)デフォルト: 24 px
コンテンツの幅
選択: 狭い、標準、広い、全幅デフォルト: 標準

色

カラースキーム
カラースキームページのスキームと同じ場合: セクションはページの背景の上に置かれます。別のスキームを選ぶと、フレーム内のカードとして独自の背景になります。下のカスタムカラーはスキームより優先されます。
このセクションにカスタムカラーを使用する
オンまたはオフデフォルト: オフオフの場合、セクションにはテーマの色が使用されます。
背景
色デフォルト: #F1F1EF
テキスト
色空欄の場合:自動。暗い背景では明るく、明るい背景では暗くなります。
背景のスタイル
選択: 単色、ライトステージデフォルト: 単色ライトステージ:上から柔らかな光が差し、下に向かって落ち着いていきます。セクションの色(明るい色・暗い色どちらでも)から作られます。暗い色ではテキストとボタンが自動で明るくなります。
光の色
色上部中央からのやわらかな光。空欄の場合:白。

テキストのスタイル

このセクションのカスタムテキストスタイル
オンまたはオフデフォルト: オフオフの場合、セクションにはテーマのスタイルが使用されます。Shopifyのフォントはヘブライ語に対応していないため、ヘブライ語で機能するスタイルから選択します。
見出しのスタイル
選択: テーマのデフォルト、細字、太字、セリフデフォルト: テーマのデフォルト
見出しのサイズ
スライダー(70〜160 %)デフォルト: 100 %
見出しの色
色空欄の場合:自動。セクションの色が使用されます(暗い背景では明るい色)。
テキストのスタイル
選択: テーマのデフォルト、細字、太字、セリフデフォルト: テーマのデフォルト
テキストのサイズ
スライダー(70〜160 %)デフォルト: 100 %
テキストの色
色空欄の場合:自動。セクションの色が使用されます(暗い背景では明るい色)。

エディタの表示とここの内容が違う場合は、お知らせください。ガイドを修正します。