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

カスタムLiquid

独自のコードを専用のセクションに。周囲にはテーマの余白、幅、色が適用されます。

ここに追加したコードの管理はストア側の責任です。テーマのアップデートでは変更されません。

設定

一般

Liquidコード
コードアプリのスニペットや、フォーム、地図、動画の埋め込みなどのコードを追加します。コードは記述したとおりにストアに表示されます。
すべてのセクションに共通する設定窓、スクロール、余白、色

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

窓

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

スクロール

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

余白

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

色

カラースキーム
カラースキームページのスキームと同じ場合: セクションはページの背景の上に置かれます。別のスキームを選ぶと、フレーム内のカードとして独自の背景になります。下のカスタムカラーはスキームより優先されます。
このセクションにカスタムカラーを使用する
オンまたはオフデフォルト: オフオフの場合、セクションにはテーマの色が使用されます。
背景
色デフォルト: #F1F1EF
テキスト
色空欄の場合:自動。暗い背景では明るく、明るい背景では暗くなります。

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