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

新着リング

最新の商品を回転するリングに並べます。指やマウスでドラッグすると、1つの商品の前で止まります。

リングは8〜12点の商品で最も美しい形になります。触れるまで止めておきたい場合は、ゆっくり回転を0にします。

設定

コンテンツ

見出しの上の小さな一行
テキスト空欄にすると一行は表示されません。
見出し
テキスト空欄にすると、訪問者の言語でデフォルトの見出しが表示されます。
リンクのテキスト
テキスト空欄にすると、訪問者の言語でデフォルトが表示されます。
リンク
リンク空欄の場合:新しい順のすべての商品、または選択したコレクションのページ。
リングの上に見出しを表示する
オンまたはオフデフォルト: オンオフの場合:ページにすでに独自の見出しがあるときに、見出しなしでリングを表示します。

商品

リングに表示する内容
選択: 商品、ストアのすべてのコレクションデフォルト: 商品「すべてのコレクション」ページでは、リングにストアのコレクションが表示され、1つのコレクションにつき1枚のカードになります。
コレクション
コレクション空欄の場合:ストアの最新商品(最初の50点から)。順序を指定するには、ストア管理画面で新しい順に並べ替えたコレクションを選択してください。
商品数
スライダー(4〜16)デフォルト: 8カードはリングの周りに並びます。商品が3点未満の場合は、シンプルな1列で表示されます。

カード

写真のフレーム
スライダー(0〜8 px)デフォルト: 1 pxリングの各写真を囲む細いフレーム。色は下で選べます。0 にするとフレームはなくなります。
フレームの色
色デフォルト: #0C0A09空欄:カートのフレームと同じ、ほぼ黒。
カードの角の丸み
スライダー(4〜24 px)デフォルト: 12 px

見た目

背景のスタイル
選択: ブラックステージ(ラッカーの床)、ライトクリーム(明るいショーウィンドウ)デフォルト: ブラックステージ(ラッカーの床)
反射の強さ
スライダー(0〜200 %)デフォルト: 100 %床に映る写真の反射の強さ。初期値は 100% です。
カードの下の反射の長さ
スライダー(0〜80 px)デフォルト: 30 px反射がより多く見えるよう、台座をカードの手前にどれだけ広げるか。0が最短です。
背景色
色空欄の場合:背景のスタイルに従います。
上のセクションからのブレンド
色上のセクションの下端の色。このセクションに流れ込んでフェードアウトし、2つのセクションが境界線なしでつながります。空欄の場合:ブレンドなし。
ブレンドの長さ
スライダー(40〜400 px)デフォルト: 200 px
光の色
色セクション上部のやわらかな光。空欄の場合:背景のスタイルに従います。
テキストの色
色見出し、リングの下の名前と価格、見出しの上の小さな一行、矢印。空欄:背景スタイルに従います。
床の色
色リングの下の台座。空欄の場合:背景のスタイルに従います。

モーション

エフェクト
選択: 光のきらめき、なしデフォルト: 光のきらめき光のきらめき:「新着をすべて見る」ボタンの周りを光が回ります。ダークスタイル(ブラックステージとチャコール)のみ。動きを減らす設定の訪問者には表示されません。
ゆっくりとした自動回転:速度
スライダー(0〜20 °)デフォルト: 5 °1秒あたりの角度(1回転は360)。0:自動回転なし。リングはオープニングの回転の直後からゆっくりと自動で回転し、手前のカードを意図的に操作したとき(ホバー、タップ、クリック)、ドラッグ中、画面外にあるとき、カードにキーボードフォーカスがあるときにのみ停止します。視差効果を減らす設定の訪問者には表示されません。
操作後の待機時間
スライダー(1〜10 s)デフォルト: 4 s訪問者がリングを回した後、再び自動で回転し始めるまでの待機時間。
すべてのセクションに共通する設定窓、スクロール、余白、テキストのスタイル

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

窓

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

スクロール

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

余白

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

テキストのスタイル

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

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