テーマエディタで: カスタマイズホームページセクションを追加このルックをショッピング

このルックをショッピング

写真に写っている商品の上にドットを置いた大きな写真。ドットをタップすると商品が表示され、そのままカートに追加できます。

各ドットは写真の横と縦の位置で配置します。スマートフォンで、ドットが正しいアイテムの上にあるか確認しましょう。

設定

画像

ライフスタイル画像
画像商品が写っている写真。ドットはブロックで配置します。
スマートフォン用の画像
画像任意。空欄の場合、スマートフォンにはメイン画像が表示されます。各ドットには、スマートフォン用の位置が個別にあります。
デスクトップでの画像の形
選択: 縦長(4:5)、正方形、横長(4:3)、ワイド(16:9)、オリジナルデフォルト: 縦長(4:5)オリジナル:トリミングしないため、ドットは商品の位置に正確に合ったままになります。
スマートフォンでの画像の形
選択: 縦長(4:5)、正方形、オリジナルデフォルト: 縦長(4:5)
デスクトップでの画像の位置
選択: 自動:上のセクションと反対側、先、後デフォルト: 自動:上のセクションと反対側パソコンでは商品リストの横に表示されます。スマートフォンでは画像が常に見出しの下に表示されます。自動:上のセクションにも画像とテキストを横に並べたレイアウトがある場合、画像は反対側に配置され、連続するセクションが交互になります。それ以外の場合は先頭側(ヘブライ語では右)に配置されます。

見出し

見出し
テキスト空欄にすると、デフォルトの見出しが表示されます。
見出しの上の小さな単語
オンまたはオフデフォルト: オン
小さな単語
テキスト空欄にすると、デフォルトの単語が表示されます。

ドットと商品

クイック追加の+ボタン
オンまたはオフデフォルト: オンドットから開くカードに表示されます。クイックビューを開きます。クイックビューがオフの場合は商品ページを開きます。
画像の横の商品リスト
オンまたはオフデフォルト: オンデスクトップのみ。行をクリックすると、そのドットが開きます。オフの場合:見出しは画像の上に表示されます。
リストのラベル
テキスト空欄にすると、デフォルトのラベルが表示されます。
画像の下のヒント
オンまたはオフデフォルト: オンスマートフォンのみ:「ドットをタップすると商品が表示されます」
ドットの色
選択: ライト、ダークデフォルト: ライト暗い写真には明るい色、明るい写真には暗い色。
ドットの周りで脈動するリング
オンまたはオフデフォルト: オンセクションが画面に表示されている間のみ。視差効果を減らす設定の訪問者には表示されません。

各ドットが1つのブロックです。商品を選択し、デスクトップとスマートフォンで別々に、パーセントで位置を指定してください。商品のないドットはストアに表示されません。

すべてのセクションに共通する設定窓、スクロール、余白、色、テキストのスタイル

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

窓

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

スクロール

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

余白

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

色

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

テキストのスタイル

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

ブロック

ブロックはセクションの中にあるパーツです。エディタで追加、削除し、ドラッグして順番を変えられます。

ドット

一般

商品
商品このドットが示す商品。

デスクトップでの位置

左からの位置
スライダー(0〜100 %)デフォルト: 50 %画像の幅に対するパーセント(常に左から)。
上からの位置
スライダー(0〜100 %)デフォルト: 50 %画像の高さに対するパーセント。

スマートフォンでの位置

左からの位置
スライダー(0〜100 %)デフォルト: 50 %画像の幅に対するパーセント(常に左から)。
上からの位置
スライダー(0〜100 %)デフォルト: 50 %画像の高さに対するパーセント。

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