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

コレクションの見出し

コレクションページの上部。名前、説明、パンくずリスト、商品の種類を切り替える行。

種類の行は商品から読み取ります。種類の取得元は、テーマ設定の「商品の種類」で設定します。

設定

見出し

このページのタイトル
テキストストアのコレクションを変更せずに、見出しとパンくずリストのコレクション名を置き換えます。空欄の場合:コレクション名。
商品数を表示する
オンまたはオフデフォルト: オン
コレクションの説明を表示する
オンまたはオフデフォルト: オフ
コレクションの画像を表示する
オンまたはオフデフォルト: オフShopify管理画面でコレクションに設定した画像。
画像の形
選択: ワイドストリップ、標準(16:9)デフォルト: ワイドストリップ

商品の種類

種類の表示方法
選択: 名前の列、丸い写真、ドロップダウンリスト、種類を表示しないデフォルト: 名前の列名前の列:種類の名前を1行に並べ、タップすると商品が絞り込まれます。丸い写真:各名前の上に丸い写真。ドロップダウンリスト:写真、名前、矢印の付いた小さなボタンで、すべての種類の一覧が開きます。コレクションに種類が2つ以上ある場合にのみ表示されます。種類の取得元はテーマ設定の「商品の種類」で設定します。
名前の列のスタイル
選択: 吊り下げタブ、レールとインクのピル、下線デフォルト: 吊り下げタブ吊り下げタブ:タイトル下の線がフレーム色のレールになり、選んだ名前がロゴの切り欠きと同じ形のタブでそこから吊り下がります。レールとインクのピル:名前は一つの面に並び、選んだ名前は下の表示切り替えと同じように塗りのピルに入ります。下線:選んだ名前を濃いインクで表示し、その下に細い線を引きます。
選んだ名前へ滑る時間
スライダー(0〜800 ms)デフォルト: 420 msタブまたはピルがタップした名前へ滑ります。0:すぐに移動します。端末で動きを減らす設定にしている訪問者には、常にすぐ移動します。
タブの色
色空欄: すべてのタブの色 — 枠の色。枠が明るいときはストアの暗い色。
タブの文字色
色空欄: 暗いタブには明るい文字、明るいタブには暗い文字。
パソコンでの名前と丸い写真
選択: 複数行に折り返す、横スワイプデフォルト: 複数行に折り返すスマートフォンでは常に横スワイプになります。
コレクションページ内のコレクションの種類
選択: 下線付きの名前の列、丸い写真、種類を表示しないデフォルト: 下線付きの名前の列コレクションページのタブ列にあるコレクション用:タブの下に表示される種類の列です。下線付きの名前の列は控えめで、選んだコレクションの中にあることがはっきり分かります。丸い写真は各名前の上に写真を表示します。コレクションに2種類以上ある場合のみ表示されます。
パンくずリストを表示する
オンまたはオフデフォルト: オン
パンくずリストに使用するメニュー
メニューコレクションがこのメニューの項目の下にある場合、その項目がパンくずリストに表示されます。

見出しの周りの余白

タイトルの上の余白
スライダー(0〜60 px)デフォルト: 8 pxスマートフォンでは、値の75%で表示されます。
タイトルエリアの下の余白
スライダー(0〜60 px)デフォルト: 24 px
すべてのセクションに共通する設定窓、スクロール、余白、色、テキストのスタイル

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

窓

連結
選択: 独立した窓、上の窓に連結、下の窓に連結、上下に連結デフォルト: 独立した窓

スクロール

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

余白

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

色

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

テキストのスタイル

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

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