Be Yours で利用できるページの種類

各ページには独自のデフォルトのセクションと設定があります。

製品ページ

デフォルトでは、製品ページには製品情報セクション、製品詳細セクション、および製品推奨セクションがあります。

製品情報セクションには、次のデフォルトのブロックが含まれています。

• テキスト (デフォルトではvendor属性が表示されます)
• タイトル
• 製品の評価
• テキスト (デフォルトではproduct subtitle属性が表示されます)
• バリアントピッカー
• 価格
• 在庫状況
• 購入ボタン
• 共有
• 関連情報ボタン

次のブロックを追加することもできます。

• 文章
• 説明
• カスタムリキッド
• 製品の評価
• 折りたたみ可能なタブ
• ポップアップ
• 空きスペース

製品情報セクションには最大 16 ブロックを含めることができます。

の 製品詳細 セクションの右側には、次のデフォルトのブロックが含まれています。

• 説明
• 折りたたみ可能なタブ

次のブロックを追加することもできます。

• 折りたたみ可能なタブ

の 製品詳細 セクションには最大 16 ブロックを含めることができます。

製品情報セクションの設定

製品情報セクションの設定

設定	説明
デスクトップ上のスティッキーコンテンツを有効にする	ページを下にスクロールする場合、すべての画像がスクロールされるまで製品情報列はスクロールを開始しません。
デスクトップメディアサイズ	デスクトップ上の画像/メディアのサイズ: 小- メディアはコンテナの幅の 40% を占めます。 中- メディアはコンテナの幅の 50% を占めます。 大- メディアはコンテナの幅の 60% を占めます。
デスクトップのレイアウト	デスクトップ上での画像の表示方法を決定します。 積み重ね- 垂直方向に次々と積み重ねます。 スライダー- 1 項目のカルーセル スタイルで表示します。
デスクトップ画像比率	デスクトップ上の製品画像の画像比率: 画像に適応- 画像のアスペクト比を使用します。これにより、画像が切り取られるのを防ぎます。 正方形- 1:1 の比率を使用するように画像をトリミングします。 ポートレート- 2:3 の比率を使用するように画像をトリミングします。 風景- 3:2 の比率を使用するように画像をトリミングします。 ワイド- 16:9 の比率を使用するように画像をトリミングします。 最初の画像に適応 (デフォルト) - 最初の画像のアスペクト比を残りすべてに使用します。
デスクトップにサムネイルを表示する	デスクトップでは、すべての画像がスクロールされるまで簡単にナビゲーションできるように、クリック可能な製品サムネイルが画像配置の横に貼り付けられます。
バリアントを選択した後、他のバリアントのメディアを非表示にする	バリアントが選択されると、他のバリアントの画像は表示されなくなります。バリアントの選択を解除すると、画像が再表示されます。
画像ズームを有効にする	メイン画像のズーム機能をオンにします。
ビデオループを有効にする	ビデオをループ再生するように設定すると、ビデオが終了すると自動的に再生されます。
モバイル画像比率	モバイルでの商品画像の画像比率: 画像に適応- 画像のアスペクト比を使用します。これにより、画像が切り取られるのを防ぎます。 正方形- 1:1 の比率を使用するように画像をトリミングします。 ポートレート- 2:3 の比率を使用するように画像をトリミングします。 風景- 3:2 の比率を使用するように画像をトリミングします。 ワイド- 16:9 の比率を使用するように画像をトリミングします。 最初の画像に適応 (デフォルト) - 最初の画像のアスペクト比を残りすべてに使用します。
モバイルでサムネイルを表示する	モバイルでは、クリック可能な製品サムネイルが画像配置の下部に貼り付けられ、簡単にナビゲーションできるようになります。

製品情報セクションのパディング設定

セクションのパディング設定

設定	説明
上部のパディング	セクションの上部内部空間の高さを決定します。 0 ピクセルから 100 ピクセルの範囲で、算術的に 4 ピクセルずつ増加します。
底部のパディング	セクションの下部内部空間の高さを決定します。 0 ピクセルから 100 ピクセルの範囲で、算術的に 4 ピクセルずつ増加します。

製品情報ブロック

次のブロックを製品情報セクションに追加できます。

テキストブロック

テキスト ブロックは、動的ソースを使用して静的テキストまたは変数データを表示するために使用できます。たとえば、「$100 USD 以上送料無料」などのマーケティング メッセージを表示するテキストを追加すると、各製品に同じメッセージが表示されます。製品のベンダーフィールドなど、表示されている製品に応じて変化する動的ソースを追加することもできます。

製品情報セクションのテキスト ブロックの設定

設定	説明
アイコン	テキストを収容できる既成の SVG アイコンを選択します。 [なし] オプションを選択すると、アイコンが無効になります。
文章	商品ページに情報を追加します。テキストまたは動的ソースをサポートします。
テキストスタイル	テキストのスタイルを変更します。 本文- テキストを段落スタイルのテキストに変更します。 字幕- テキストを段落スタイルのテキストよりもわずかに大きい字幕テキストに変更します。 大文字- テキストを段落スタイルのテキストより小さく変更し、すべての文字を大文字にします。

タイトルブロック

このブロックには製品のタイトルが表示されます。

製品情報セクションの表題欄の設定

設定	説明
タイトルサイズ	商品タイトルのサイズ： 小さい 中くらい 大きい

価格ブロック

このブロックには、価格や価格での比較など、製品の価格情報が表示されます。調整可能な設定はありません。

バリアントピッカーブロック

このブロックには、製品のバリアント オプションが表示されます。

製品情報セクションのバリアント ピッカー ブロックの設定

設定	説明
バリアントラベルを表示	商品のバリエーションラベルを表示します。
タイプ	顧客に対するバリエーションの表示方法を変更します。 ボタン- バリアントをクリック可能なボタンとして表示します。 ドロップダウン- 展開可能なドロップダウン メニューにバリアントを表示します。
色見本を有効にする	カラー選択をスウォッチに表示します。このセクションは、 [タイプ]が[ボタン]に設定されている場合にのみ適用されます。
スウォッチの種類	スウォッチの外観。このセクションは、 [タイプ]が[ボタン]に設定されている場合にのみ適用されます。 ラウンド 四角
サイズチャートページ	顧客が購入する前にサイズを知る必要がある衣料品を販売している場合は、商品ページにカスタム サイズ表を追加できます。ここでは、サイズ表の内容を表すページを選択します。製品が対象となる場合は、サイズ オプションとともにサイズ チャート ボタンが表示されます。クリックすると、ページのコンテンツを含むポップアップが開きます。 サイズチャートの詳細については、この記事を参照してください。

購入ボタンブロック

このブロックには、「カートに追加」ボタンと店舗受け取り情報が表示されます。動的チェックアウト ボタンを表示することもできます。

製品情報セクションの購入ボタン ブロックの設定

設定	説明
数量セレクターを表示	顧客が購入する製品の単位数を変更するために使用できる数量セレクターが表示されます。デフォルトの数量は 1 です。
動的なチェックアウト ボタンを表示する	支払い設定で有効にした動的チェックアウト オプションが表示されます。

説明ブロック

このブロックには製品の説明が表示されます。調整可能な設定はありません。

在庫ステータスブロック

商品の在庫状況をタイムリーにお知らせするメッセージを表示します。

商品情報セクションの在庫状況ブロックの設定

設定	説明
在庫しきい値が低い	メッセージが表示されるためには少なくとも製品在庫が必要であるという値を設定できます。偶数である必要があります。最小値: 0。最大値: 20。デフォルトは 10 です。
在庫移動通知を表示する	ストアに複数の拠点がある場合、出荷または在庫状況に関する日付に関する転送メッセージが表示されます。

画像ブロック

信頼バッジの画像に最適なカスタム画像を表示します。

製品情報セクションの画像ブロックの設定

設定	説明
画像	あなたのイメージを選択してください。
カスタム高さ	画像の高さ (ピクセル単位)。 10 ピクセルから 100 ピクセルまで。デフォルトは 20 ピクセルです。
リンク	顧客が画像をクリックした場合に移動するリンク。

製品評価ブロック

このブロックには、製品の平均評価が星で表示され、括弧内にレビュー数が表示されます (例: ★★★★★ (8))。

製品評価を表示するには、 Shopify Product Reviewsなどの製品レビュー アプリと、 reviews.rating_countおよびreviews.ratingのメタフィールド定義が必要です。

ブロックを共有する

このブロックにより、顧客はソーシャル メディアで製品を共有できるようになります。調整可能な設定はありません。

カスタム液体ブロック

このブロックには、ブロックに追加できるカスタムの Liquid または HTML コードが表示されます。

製品情報セクションのカスタム液体ブロックの設定

設定	説明
カスタムリキッド	Liquid または HTML コードとして入力できるコンテンツを表示します。

折りたたみ可能なタブブロック

このブロックには、タイトル付きの折りたたみ可能なタブが表示されます。顧客がタイトルをクリックすると、タブが展開されて追加のコンテンツが表示されます。

製品情報セクションの折りたたみ可能なタブ ブロックの設定

設定	説明
アイコン	折りたたみ可能なタブに対応する既成の SVG アイコンを選択します。 [なし] オプションを選択すると、アイコンが無効になります。
見出し	タブのタイトル。折りたたんだときと展開したときに表示されます。
タブの内容	タブの内容。タブが展開されている場合にのみ表示されます。
ページのタブのコンテンツ	ページのコンテンツをタブに表示します。ページ エディターからのページ コンテンツのみが表示され、ページのテンプレートからのリキッド スタイルはこのブロックには表示されません。 [タブ コンテンツ]に入力されたコンテンツはすべて、ページ コンテンツの上に表示されます。

ポップアップブロック

このブロックには、クリックするとポップアップ ウィンドウが開くクリック可能なテキストが表示されます。このポップアップには、ページの 1 つのコンテンツが表示されます。

製品情報セクションのポップアップ ブロックの設定

設定	説明
アイコン	ポップアップに対応する既成の SVG アイコンを選択します。 [なし] オプションを選択すると、アイコンが無効になります。
リンクラベル	顧客がクリックしてポップアップ ウィンドウを表示するクリック可能なテキスト。
ページ	ポップアップ ウィンドウにコンテンツを表示するページ。ページ エディターのページ コンテンツのみを表示します。ポップアップには、ページ テンプレートのリキッド スタイルは表示されません。

空のスペースブロック

このブロックは空白スペースを追加します。これは、レイアウトを少し変更したい場合に特に便利です。

製品情報セクションの空きスペースブロックの設定

設定	説明
デスクトップの高さ	デスクトップ上のスペースの高さ。 0 ～ 200 の 4 の倍数を指定できます。デフォルトは 28 です。
モバイルの高さ	モバイル上のスペースの高さ。 0 ～ 200 の 4 の倍数を指定できます。デフォルトは 20 です。

関連情報ボタンのブロック

このブロックはボタンを追加します。これにより、ユーザーは手動でページをスクロールすることなく、以下の追加情報セクションと画像の配置の間を移動できるようになります。調整可能な設定はありません。

商品詳細セクションの設定

製品詳細セクションの設定

設定	説明
見出し	セクションのタイトル。
見出しのサイズ	見出しテキストのサイズ: 小さい 中くらい 大きい

粘着カートブロック

このブロックは、顧客が製品の説明を下にスクロールするときに表示される粘着ボタンを追加して、購入をためらうときに備えます。その機能のため、配置される順序は重要ではありません。その機能上、Sticky カート ブロックは 1 つだけに制限されています。

製品情報セクションのスティッキー カート ブロックの設定

設定	説明
数量セレクターを表示	顧客が購入する製品の単位数を変更するために使用できる数量セレクターが表示されます。デフォルトの数量は 1 です。これはデスクトップでのみ使用できます。

製品詳細セクションのパディング設定

セクションのパディング設定

設定	説明
上部のパディング	セクションの上部内部空間の高さを決定します。 0 ピクセルから 100 ピクセルの範囲で、算術的に 4 ピクセルずつ増加します。
底部のパディング	セクションの下部内部空間の高さを決定します。 0 ピクセルから 100 ピクセルの範囲で、算術的に 4 ピクセルずつ増加します。

製品詳細ブロック

次のブロックを追加できます。 製品詳細 セクション。

説明ブロック

このブロックには製品の説明が表示されます。

商品詳細の説明ブロックの設定 セクション

設定	説明
見出し	タブのタイトル。折りたたんだときと展開したときに表示されます。

折りたたみ可能なタブブロック

このブロックには、タイトル付きの折りたたみ可能なタブが表示されます。顧客がタイトルをクリックすると、タブが展開されて追加のコンテンツが表示されます。

製品詳細セクションの折りたたみ可能なタブ ブロックの設定

設定	説明
見出し	タブのタイトル。折りたたんだときと展開したときに表示されます。
タブの内容	タブの内容。タブが展開されている場合にのみ表示されます。
ページのタブのコンテンツ	ページのコンテンツをタブに表示します。ページ エディターからのページ コンテンツのみが表示され、ページのテンプレートからのリキッド スタイルはこのブロックには表示されません。入力された内容 タブの内容 ページコンテンツの上に表示されます。

製品推奨セクションの設定

このセクションには、現在閲覧されている商品に基づいて、類似の商品、またはこの商品と一緒によく購入されている商品が表示されます。

製品推奨セクションの設定

設定	説明
見出し	セクションのタイトル。
見出しのサイズ	見出しテキストのサイズ: 小さい 中くらい 大きい
モバイルでスワイプを有効にする	モバイル表示を列から行に変更します。顧客は横にスワイプしてより多くの製品を表示できます。
モバイルでは 1 列を表示	モバイル表示を 1 行に 1 つの製品に変更します。
画像比率	商品画像の画像比率： 画像に適応- 画像のアスペクト比を使用します。これにより、画像が切り取られるのを防ぎます。 正方形- 1:1 の比率を使用するように画像をトリミングします。 ポートレート- 2:3 の比率を使用するように画像をトリミングします。 風景- 3:2 の比率を使用するように画像をトリミングします。 ワイド- 16:9 の比率を使用するように画像をトリミングします。
画像の焦点	表示されている画像の最も重要な領域を選択します。
ホバー時に 2 番目の画像を表示	顧客が画像の上にカーソルを置くと、製品に 2 番目の画像がある場合は、その商品の 2 番目の画像が表示されます。
カートにクイック追加ボタンを表示する	顧客が製品画像の上にカーソルを置くと、カートにクイック追加ボタンが表示されます。製品にバリエーションがある場合、ボタンは製品詳細ページにリンクします。
ベンダーを表示	各製品のベンダーを表示します。
製品の評価を表示する	製品の平均評価を星で表示し、括弧内にレビュー数を表示します (例: ★★★★★ (8))。また、 Shopify Product Reviewsなどの製品レビュー アプリと、 reviews.rated_countおよびreviews.ratedのメタフィールド定義も必要です。
クイックビューを有効にする	すべての重要な製品の詳細を表示するポップアップを開くボタンを追加します。
色見本を有効にする	素早い選択のために色見本に色を表示します。

製品推奨セクションのパディング設定

セクションのパディング設定

設定	説明
上部のパディング	セクションの上部内部空間の高さを決定します。 0 ピクセルから 100 ピクセルの範囲で、算術的に 4 ピクセルずつ増加します。
底部のパディング	セクションの下部内部空間の高さを決定します。 0 ピクセルから 100 ピクセルの範囲で、算術的に 4 ピクセルずつ増加します。

製品の推奨事項について詳しくは、 「製品の推奨事項について」を参照してください。

コレクションページ

デフォルトでは、コレクション ページにはコレクション バナーと製品グリッドセクションがあります。

コレクションバナーセクションの設定

コレクションバナーセクションの設定

設定	説明
コレクションタイトルのサイズ	タイトルのサイズ: 小さい 中くらい 大きい
コレクションの説明を表示	コレクションの説明を表示します。
コレクション画像を表示	コレクション画像を表示します。
画像にオーバーレイを適用する	画像にオーバーレイを追加することでテキストの読みやすさが向上します。
画像の焦点	ビュー内のコレクション画像の最も重要な領域を選択します。
デスクトップの高さ	デスクトップ上のコレクション画像の高さを決定します。 画像に適応- 画像の元のアスペクト比を維持します。 450ピクセル- 450ピクセル。 550ピクセル- 550ピクセル。 650ピクセル- 650ピクセル。 750ピクセル- 750ピクセル。 全画面- 画像をブラウザ ウィンドウの高さまで拡張します。
モバイルの高さ	モバイルでのコレクション画像の高さを決定します。 自動- ブラウザはデスクトップの値に基づいて決定します。 250ピクセル- 250ピクセル。 300ピクセル- 300ピクセル。 400ピクセル- 400ピクセル。 500ピクセル- 500ピクセル。 全画面- 画像をブラウザ ウィンドウの高さまで拡張します。
画像の下にテキストを表示	モバイルでは画像の下にコレクションのタイトルが表示されます。

コレクションバナーセクションのパディング設定

セクションのパディング設定

設定	説明
上部のパディング	セクションの上部内部空間の高さを決定します。 0 ピクセルから 100 ピクセルの範囲で、算術的に 4 ピクセルずつ増加します。
底部のパディング	セクションの下部内部空間の高さを決定します。 0 ピクセルから 100 ピクセルの範囲で、算術的に 4 ピクセルずつ増加します。

製品グリッドセクションの設定

製品グリッドセクションの設定

設定	説明
行ごとの製品	コレクション ページの各行に表示する製品の数を選択します。このセクションは、 [レイアウト]が[グリッド]に設定されている場合にのみ適用されます。
ページあたりの行数	コレクション ページに表示する商品の行数を選択します。このセクションは、 [レイアウト]が[グリッド]に設定されている場合にのみ適用されます。
モバイルでは 1 列	モバイル表示を 1 行に 1 つの製品に変更します。このセクションは、 [レイアウト]が[グリッド]に設定されている場合にのみ適用されます。
スティッキーツールバーを有効にする	顧客が下にスクロールするとツールバーが表示されます。
フィルタリングを有効にする	顧客はナビゲーション設定のフィルターに基づいてコレクション内の製品をフィルターできます。 コレクションに 1000 を超える製品が含まれている場合、 Shopify の規則に従ってフィルターが非表示になることに注意してください。
並べ替えを有効にする	顧客は以下に基づいてコレクション内の製品を並べ替えることができます。 注目- 製品を含む史上の注文数に基づいたベストセラー製品。まだ商品を販売していない場合、このオプションでは商品が新しいものから古いものへ並べ替えられます。 ベストセラー- 各製品の注文回数に基づいて降順で製品を表示します。 アルファベット順、AZ - 製品をアルファベット順に表示します。 アルファベット順、ZA - 製品をアルファベットの逆順に表示します。 価格、低価格から高- 製品を最低価格から最高価格まで表示します。 価格、高値から低値- 製品を最高価格から最低価格まで表示します。 日付、古いものから新しいもの- 各製品がストアに追加された時期に基づいて、古いものから新しいものまで製品を表示します。 日付、新しいものから古いもの- 各製品がストアに追加された時期に基づいて、新しいものから古いものまで製品を表示します。
レイアウトスイッチャーを有効にする	顧客がコレクション内の製品レイアウトを変更できるようにします。
画像比率	商品画像の画像比率： 画像に適応- 画像のアスペクト比を使用します。これにより、画像が切り取られるのを防ぎます。 正方形- 1:1 の比率を使用するように画像をトリミングします。 ポートレート- 2:3 の比率を使用するように画像をトリミングします。 風景- 3:2 の比率を使用するように画像をトリミングします。 ワイド- 16:9 の比率を使用するように画像をトリミングします。
画像の焦点	表示されている画像の最も重要な領域を選択します。
ホバー時に 2 番目の画像を表示	顧客が製品画像の上にカーソルを置くと、製品に 2 番目の製品画像がある場合は 2 番目の製品画像が表示されます。
カートにクイック追加ボタンを表示する	顧客が製品画像の上にカーソルを置くと、カートにクイック追加ボタンが表示されます。製品にバリエーションがある場合、ボタンは製品詳細ページにリンクします。
ベンダーを表示	各製品のベンダーを表示します。
製品の評価を表示する	製品の平均評価を星で表示し、括弧内にレビュー数を表示します (例: ★★★★★ (8))。また、 Shopify Product Reviewsなどの製品レビュー アプリと、 reviews.rated_countおよびreviews.ratedのメタフィールド定義も必要です。
クイックビューを有効にする	すべての重要な製品の詳細を表示するポップアップを開くボタンを追加します。
色見本を有効にする	素早い選択のために色見本に色を表示します。

製品グリッド セクションのパディング設定

セクションのパディング設定

設定	説明
上部のパディング	セクションの上部内部空間の高さを決定します。 0 ピクセルから 100 ピクセルの範囲で、算術的に 4 ピクセルずつ増加します。
底部のパディング	セクションの下部内部空間の高さを決定します。 0 ピクセルから 100 ピクセルの範囲で、算術的に 4 ピクセルずつ増加します。

コレクションリストページ

コレクション リスト ページには、オンライン ストア販売チャネルで入手可能なすべてのコレクションが表示されます。

コレクションリストページのセクション設定

コレクション一覧ページの設定

設定	説明
見出し	ページのタイトル。
見出しのサイズ	見出しテキストのサイズ: 小さい 中くらい 大きい
コレクションを並べ替える基準	コレクションを表示する順序を決定します。 アルファベット順、AZ - コレクションをアルファベット順に表示します。 アルファベット順、ZA - コレクションをアルファベットの逆順に表示します。 日付、新しいものから古いもの- 各コレクションがストアで作成された時期に基づいて、コレクションを新しいものから古いものの順に表示します。 日付、古いものから新しいもの- 各コレクションがストアで作成された時期に基づいて、コレクションを古いものから新しいものまで表示します。 製品数、多い順- コレクションに含まれる製品の数に基づいて、コレクションを多い順に表示します。 製品数、低いものから高いもの- コレクションに含まれる製品の数に基づいて、低いものから高いものまでコレクションを表示します。
画像比率	コレクション画像の画像比率: 画像に適応- 画像のアスペクト比を使用します。これにより、画像が切り取られるのを防ぎます。 正方形- 1:1 の比率を使用するように画像をトリミングします。 ポートレート- 2:3 の比率を使用するように画像をトリミングします。 風景- 3:2 の比率を使用するように画像をトリミングします。 ワイド- 16:9 の比率を使用するように画像をトリミングします。
画像の焦点	表示されている画像の最も重要な領域を選択します。
画像にオーバーレイを適用する	画像にオーバーレイを追加することでテキストの読みやすさが向上します。
モバイルで 1 列を有効にする	モバイル表示を行ごとに 1 つのコレクションに変更します。

コレクションリストページセクションのパディング設定

セクションのパディング設定

設定	説明
上部のパディング	セクションの上部内部空間の高さを決定します。 0 ピクセルから 100 ピクセルの範囲で、算術的に 4 ピクセルずつ増加します。
底部のパディング	セクションの下部内部空間の高さを決定します。 0 ピクセルから 100 ピクセルの範囲で、算術的に 4 ピクセルずつ増加します。

ページ

Shopify 管理画面でカスタム ページを作成し、会社概要ページや製品に関する追加情報などの顧客向けのコンテンツを作成できます。

ページセクションの設定

ページの設定

設定	説明
セクションを狭くする	容器が狭くなります。

ページセクションのパディング設定

セクションのパディング設定

設定	説明
上部のパディング	セクションの上部内部空間の高さを決定します。 0 ピクセルから 100 ピクセルの範囲で、算術的に 4 ピクセルずつ増加します。
底部のパディング	セクションの下部内部空間の高さを決定します。 0 ピクセルから 100 ピクセルの範囲で、算術的に 4 ピクセルずつ増加します。

ブログページ

ブログ ページは、Shopify 管理内で作成するブログのホームページです。デフォルトでは、ブログ投稿セクションが含まれています。

ブログ投稿セクションの設定

ブログ投稿セクションには、ブログ内の最新のブログ投稿が表示されます。各ブログ投稿には、ブログ画像、ブログ タイトル、ブログ投稿の抜粋または最初の数語が表示されます。

ブログ投稿セクションの設定

設定	説明
ページごとの投稿数	各ページに表示するブログ投稿の数。 6 ～ 48 の 3 の倍数を指定できます。デフォルトは 15 です。
タグフィルターを表示	ブログのアイキャッチ画像を表示します。
注目の画像を表示	ブログ投稿の注目の画像を表示します。
画像比率	ブログ投稿画像の画像比率: 画像に適応する - 画像のアスペクト比を使用します。これにより、画像が切り取られるのを防ぎます。 四角 - 1:1 の比率を使用するように画像をトリミングします。 肖像画 - 2:3 の比率を使用するように画像をトリミングします。 風景 - 3:2 の比率を使用するように画像をトリミングします。 広い - 16:9 の比率を使用するように画像をトリミングします。
画像の焦点	表示されている画像の最も重要な領域を選択します。

ブログ投稿セクションのパディング設定

セクションのパディング設定

設定	説明
上部のパディング	セクションの上部内部空間の高さを決定します。 0 ピクセルから 100 ピクセルの範囲で、算術的に 4 ピクセルずつ増加します。
底部のパディング	セクションの下部内部空間の高さを決定します。 0 ピクセルから 100 ピクセルの範囲で、算術的に 4 ピクセルずつ増加します。

ブログ投稿ブロック

次のブロックをブログ投稿ページに追加できます。

タイトル

タイトル ブロックは、ブログ内の投稿のタイトルを表示するために使用できます。

ブログ投稿ページの表題欄の設定

設定	説明
上映日	ブログ投稿ごとに、ブログ投稿が公開された日付が表示されます。
著者を表示	ブログ投稿ごとに、作成者が表示されます。
コメント数を表示	ブログ投稿ごとに、公開されたコメントの数が表示されます。

抜粋

このブロックには、ブログ投稿ごとに投稿の抜粋が表示されます。調整可能な設定はありません。

続きを読む

このブロックには、ブログ投稿ごとに、その投稿に移動するリンクが表示されます。調整可能な設定はありません。

ブログ投稿ページ

ブログ投稿ページには、ブログ投稿のコンテンツが表示されます。デフォルトでは、ブログ投稿セクションが含まれています。

ブログ投稿セクションの設定

ブログ投稿セクションの設定

設定	説明
コメントアバターを表示	各コメントのアバターを表示します。

ブログ投稿セクションのパディング設定

セクションのパディング設定

設定	説明
上部のパディング	セクションの上部内部空間の高さを決定します。 0 ピクセルから 100 ピクセルの範囲で、算術的に 4 ピクセルずつ増加します。
底部のパディング	セクションの下部内部空間の高さを決定します。 0 ピクセルから 100 ピクセルの範囲で、算術的に 4 ピクセルずつ増加します。

ブログ投稿には次のデフォルトのブロックが含まれています。

• アイキャッチ画像
• タイトル
• 共有
• コンテンツ
• ブログに戻る
• 次と前のブログ投稿

注目の画像ブロック

ブログ投稿ページのアイキャッチ画像ブロックの設定

設定	説明
注目の画像の高さ	ブログ投稿のアイキャッチ画像の高さを決定します。 画像に適応- 画像の元のアスペクト比を維持します。 中- 545 ピクセル 大- 660 ピクセル

タイトルブロック

ブログ投稿ページの表題欄の設定

設定	説明
上映日	ブログ投稿が公開された日付が表示されます。
著者を表示	ブログ投稿の作成者を表示します。
コメント数を表示	ブログ投稿の公開されたコメントの数を表示します。

ブロックを共有する

このブロックにより、顧客はブログ投稿をソーシャル メディアで共有できるようになります。調整可能な設定はありません。

コンテンツブロック

このブロックにはブログ投稿のコンテンツが表示されます。調整可能な設定はありません。

ブログブロックに戻る

投稿が属するブログに顧客を誘導します。調整可能な設定はありません。

次と前のブログ投稿のブロック

このブロックには、同じブログ内の前後のブログ投稿が表示されます。調整可能な設定はありません。

カートページ

デフォルトでは、カート ページには次の内容が含まれています。

• アイテムセクション
• 小計セクション
• カートの推奨セクション
• a配送料計算セクション

項目セクションの設定

「アイテム」セクションには、顧客がカートに追加した製品と数量が表示されます。

カートページの商品セクションの設定

設定	説明
ベンダーを表示	カート内の各商品の販売元を表示します。

項目セクションのパディング設定

セクションのパディング設定

設定	説明
上部のパディング	セクションの上部内部空間の高さを決定します。 0 ピクセルから 100 ピクセルの範囲で、算術的に 4 ピクセルずつ増加します。
底部のパディング	セクションの下部内部空間の高さを決定します。 0 ピクセルから 100 ピクセルの範囲で、算術的に 4 ピクセルずつ増加します。

小計セクションの設定

小計セクションには、小計価格とチェックアウト ボタンブロックがあります。どちらのブロックにもカスタマイズ可能な設定はありません。

カートページの小計セクションの設定

設定	説明
カートメモを有効にする	顧客が追加情報を入力できる「カートメモ」フィールドが表示されます。

小計セクションのパディング設定

セクションのパディング設定

設定	説明
上部のパディング	セクションの上部内部空間の高さを決定します。 0 ピクセルから 100 ピクセルの範囲で、算術的に 4 ピクセルずつ増加します。
底部のパディング	セクションの下部内部空間の高さを決定します。 0 ピクセルから 100 ピクセルの範囲で、算術的に 4 ピクセルずつ増加します。

カートの推奨セクションの設定

カートの推奨セクションでは、カートの追加時に補完的な製品の推奨事項が表示されます。推奨事項は動的であり、カート内の商品に基づいています。それらは時間とともに変化し、改善されます。

カート ページのカートの推奨事項セクションの一般設定

設定	説明
見出し	セクションのタイトル。
見出しのサイズ	見出しテキストのサイズ: 小さい 中くらい 大きい
モバイルでスワイプを有効にする	モバイル表示を 1 行のみに変更し、顧客が横にスワイプしてより多くの製品を表示できるようにします。
モバイルでは 1 列を表示	モバイル表示を 1 行に 1 つの製品に変更します。

カートの推奨事項セクションの製品カードの設定

セクションのプロダクト カード設定

設定	説明
画像比率	商品画像の画像比率： 画像に適応- 画像のアスペクト比を使用します。これにより、画像が切り取られるのを防ぎます。 正方形- 1:1 の比率を使用するように画像をトリミングします。 ポートレート- 2:3 の比率を使用するように画像をトリミングします。 風景- 3:2 の比率を使用するように画像をトリミングします。 ワイド- 16:9 の比率を使用するように画像をトリミングします。
画像の焦点	表示されている画像の最も重要な領域を選択します。
ホバー時に 2 番目の画像を表示	顧客が製品画像の上にカーソルを置くと、製品に 2 番目の製品画像がある場合は 2 番目の製品画像が表示されます。
カートにクイック追加ボタンを表示する	顧客が製品画像の上にカーソルを置くと、カートにクイック追加ボタンが表示されます。製品にバリエーションがある場合、ボタンは製品詳細ページにリンクします。
ベンダーを表示	各製品のベンダーを表示します。
製品の評価を表示する	製品の平均評価を星で表示し、括弧内にレビュー数を表示します (例: ★★★★★ (8))。また、 Shopify Product Reviewsなどの製品レビュー アプリと、 reviews.rated_countおよびreviews.ratedのメタフィールド定義も必要です。
クイックビューを有効にする	すべての重要な製品の詳細を表示するポップアップを開くボタンを追加します。
色見本を有効にする	素早い選択のために色見本に色を表示します。

カートの推奨セクションのパディング設定

セクションのパディング設定

設定	説明
上部のパディング	セクションの上部内部空間の高さを決定します。 0 ピクセルから 100 ピクセルの範囲で、算術的に 4 ピクセルずつ増加します。
底部のパディング	セクションの下部内部空間の高さを決定します。 0 ピクセルから 100 ピクセルの範囲で、算術的に 4 ピクセルずつ増加します。

配送料計算セクションの設定

[配送料計算]セクションには、顧客がチェックアウト ページに進む前に配送料を見積もることができるツールが表示されます。

カートページの配送料計算セクションの設定

設定	説明
見出し	セクションのタイトル。
見出しのサイズ	見出しテキストのサイズ: 小さい 中くらい 大きい
使用するデフォルトの国	計算機に使用されるデフォルトの国。顧客がログインしている場合は、デフォルトの配送先住所の国が選択されます。
二次背景を有効にする	背景に色を追加します。色はテキストの色から補間されます。

配送料計算セクションのパディング設定

セクションのパディング設定

設定	説明
上部のパディング	セクションの上部内部空間の高さを決定します。 0 ピクセルから 100 ピクセルの範囲で、算術的に 4 ピクセルずつ増加します。
底部のパディング	セクションの下部内部空間の高さを決定します。 0 ピクセルから 100 ピクセルの範囲で、算術的に 4 ピクセルずつ増加します。

パスワードページ

パスワード ページは、オンライン ストアでパスワード保護が有効になっており、顧客が Web サイトにアクセスしようとすると表示されます。このページには独自のヘッダーとフッターがあり、デフォルトで電子メールのサインアップセクションが含まれています。

パスワードヘッダーセクション

パスワードページのパスワードヘッダーセクションの設定

設定	説明
ロゴイメージ	表示したいロゴ。
カスタムロゴの高さ	ロゴの高さ。 30 ピクセルから 120 ピクセルまで。デフォルトは 50 ピクセルです。
区切り線を表示する	パスワード フッターとページのコンテンツを視覚的に区切るための線を表示します。

パスワードフッターセクション

パスワードページのパスワードフッターセクションの設定

設定	説明
区切り線を表示する	パスワード フッターとページのコンテンツを視覚的に区切るための線を表示します。

404ページ

404 ページは、ストアから削除された商品の商品ページなど、存在しないサイトへのリンクに顧客がアクセスしようとしたときに表示されます。このページにはカスタマイズ可能な設定はありません。

検索ページ

検索ページでは、顧客がオンライン ストア内の特定の商品やページを検索できます。このページには、デフォルトで検索結果セクションが含まれています。

検索結果セクションの設定

検索結果セクションの設定

設定	説明
行ごとの項目	検索ページの各行に表示する結果の数を選択します。このセクションは、 [レイアウト]が[グリッド]に設定されている場合にのみ適用されます。
ページあたりの行数	検索ページに表示する結果の行数を選択します。このセクションは、 [レイアウト]が[グリッド]に設定されている場合にのみ適用されます。
モバイルでは 1 列	モバイル表示を行ごとに 1 つの結果に変更します。このセクションは、 [レイアウト]が[グリッド]に設定されている場合にのみ適用されます。
画像比率	結果の画像の画像比率: 画像に適応- 画像のアスペクト比を使用します。これにより、画像が切り取られるのを防ぎます。 正方形- 1:1 の比率を使用するように画像をトリミングします。 ポートレート- 2:3 の比率を使用するように画像をトリミングします。 風景- 3:2 の比率を使用するように画像をトリミングします。 ワイド- 16:9 の比率を使用するように画像をトリミングします。
画像の焦点	表示されている画像の最も重要な領域を選択します。
ホバー時に 2 番目の画像を表示	顧客が製品画像の上にカーソルを置くと、製品に 2 番目の製品画像がある場合は 2 番目の製品画像が表示されます。
カートにクイック追加ボタンを表示	顧客が製品画像の上にカーソルを置くと、カートにクイック追加ボタンが表示されます。製品にバリエーションがある場合、ボタンは製品詳細ページにリンクします。
ベンダーを表示	各製品のベンダーを表示します。
製品の評価を表示する	製品の平均評価を星で表示し、括弧内にレビュー数を表示します (例: ★★★★★ (8))。また、 Shopify Product Reviewsなどの製品レビュー アプリと、 reviews.rated_countおよびreviews.ratedのメタフィールド定義も必要です。
クイックビューを有効にする	すべての重要な製品の詳細を表示するポップアップを開くボタンを追加します。
色見本を有効にする	素早い選択のために色見本に色を表示します。
スティッキーツールバーを有効にする	顧客が下にスクロールするとツールバーが表示されます。
フィルタリングを有効にする	顧客は、フィルタに基づいて検索結果をフィルタリングできます。 ナビゲーション 設定。 検索結果が 1000 件を超えると、フィルターが非表示になることに注意してください。 Shopifyによって支配されています。
並べ替えを有効にする	顧客は以下に基づいて検索結果を並べ替えることができます。 価格、安いものから高いものまで - 商品を価格の安い順に表示します。 価格、高いものから低いものまで - 商品を最高価格から最低価格まで表示します。
レイアウトスイッチャーを有効にする	顧客がレイアウトを変更できるようにします。
上映日	ブログ投稿ごとに、ブログ投稿が公開された日付が表示されます。
著者を表示	ブログ投稿ごとに、ブログ投稿の作成者が表示されます。
コメント数を表示	ブログ投稿ごとに、ブログ投稿の公開されたコメントの数が表示されます。

検索結果セクションのパディング設定

セクションのパディング設定

設定	説明
上部のパディング	セクションの上部内部空間の高さを決定します。 0 ピクセルから 100 ピクセルの範囲で、算術的に 4 ピクセルずつ増加します。
底部のパディング	セクションの下部内部空間の高さを決定します。 0 ピクセルから 100 ピクセルの範囲で、算術的に 4 ピクセルずつ増加します。