テーマエディタで: カスタマイズ›商品ページ›セクションを追加›商品ページ
商品ページ
商品ページの中心。写真と、その横の購入パネル。パネルの各パーツは移動、削除、追加ができるブロックです。
各商品の「Size guide」フィールドで、商品ごとのサイズガイドを設定できます。設定がない商品には「オプションピッカー」ブロックで指定したページが表示されます。
設定
レイアウト
- 商品エリアの幅
- スライダー（1000〜2000 px）デフォルト: 1600 px下の「コンテンツの幅」が「標準」の場合に使用されます。
- パソコンでのレイアウト
- 選択: 半分ずつ、ステージデフォルト: 半分ずつ半分ずつ：正方形の画像の下にサムネイル、横に詳細。ページ全体が一緒にスクロールします。ステージ：縦長の画像の中にサムネイル、その上に詳細カード。
- スクロール中も画像をその場に保つ
- オンまたはオフデフォルト: オン大きな画面で詳細パネルが画像より高いとき、パネルをスクロールしている間も画像が表示されたままになります。
- スマートフォンとタブレットでのパネルの配置
- 選択: 中央揃え、端揃えデフォルト: 中央揃え中央揃え：タイトル、価格、オプション、数量が中央に配置されます。説明と折りたたみ可能な行は長いテキストのため、端揃えのままです。デスクトップでは、パネルは常に写真の横に端揃えで配置されます。
写真
- 写真の表示方法
- 選択: 枠いっぱいに表示、写真全体を表示デフォルト: 枠いっぱいに表示「枠いっぱいに表示」は写真を正方形にトリミングします。「写真全体を表示」はトリミングしません。
- サムネイルを表示する
- オンまたはオフデフォルト: オンデスクトップとタブレット：画像の横に列で表示。スマートフォン：次の設定を参照してください。
- スマートフォンでもサムネイルを表示
- オンまたはオフデフォルト: オンメイン画像の下にサムネイルが並び、タップで選択できます。
- 矢印を表示する
- オンまたはオフデフォルト: オン
- 最後の写真から最初の写真に続ける
- オンまたはオフデフォルト: オン矢印は最後で止まりません。
- 拡大ボタンを表示する
- オンまたはオフデフォルト: オン
- 動画を自動再生
- オンまたはオフデフォルト: オフギャラリーの動画は、画面内にスクロールされるとミュートでループ再生されます。
- 写真にバッジを表示
- オンまたはオフデフォルト: オン売り切れ、商品独自のテキスト、またはセール。
下部の購入バー
- 下部に購入バーを表示
- オンまたはオフデフォルト: オンメインのボタンが画面外に出ると、画面下部の枠が太くなり、商品・現在の選択・価格・「カートに追加」をページの最後まで表示します。色は枠の色です。スマートフォンでは上にスクロールするとフローティングメニューと入れ替わります。
- スマートフォンでのフローティングカードの形
- 選択: フローティングカード、メニューの後ろから上がる、フレームが上がるデフォルト: フローティングカードフローティングカード：パソコンと同じように下部フレームのすぐ上に浮かび、下部メニューは場所をゆずります。上がる：カードが下部メニューの後ろから上がり、メニューはそのまま。フレーム：フレームが全幅で上がり、メニューは場所をゆずります。下部メニューがない場合、「上がる」はフレームになります。パソコンでは常にフローティングカード。
- フローティングカードの色
- 色空欄：検索パネルと同じサイトの面。暗い色では文字が明るくなります。
- フローティングカードの枠の色
- 色フローティングカードを囲む枠。空欄：テキストの色の細い線。
- バー内の小さな商品画像
- オンまたはオフデフォルト: オンバーの先頭、行の中に小さな画像を表示します。
ページの背景
- 背景のスタイル
- 選択: サイトの背景、単色、ライトステージデフォルト: サイトの背景サイトの背景：ページはサイトの他の部分と同じです。単色：下の色。ライトステージ：選んだ色のステージで、画像と詳細の後ろに柔らかな光が入ります。暗い色ではテキスト、線、ボタンが自動で明るくなります。最後の2つはセクションのカスタムカラーの代わりになります。
- カラースキーム
- カラースキームステージの背景とアクセントはこのスキームから取られます。下で選んだ色が優先されます。
- 背景色
- 色ライトステージ使用時：ステージの色調。初期値はサイト全体のステージで使う温かみのあるチャコールです。
- 光の色
- 色画像と詳細の背後のやわらかな光。空欄の場合：白。
ブロック
ブロックはセクションの中にあるパーツです。エディタで追加、削除し、ドラッグして順番を変えられます。
アプリブロック
インストールしたアプリは、ここに独自のブロックを追加できます。たとえばアプリのレビューやサイズ表などです。
この部分には独自の設定はありません。
タイトル
一般
- タイトルの上にコレクション名を表示する
- オンまたはオフデフォルト: オン
- " | "の後の部分を強調する
- オンまたはオフデフォルト: オン商品名に" | "が含まれている場合、その後の部分が太字で表示されます。
- 販売元を表示する
- オンまたはオフデフォルト: オフ
価格
一般
- 割引率を表示する
- オンまたはオフデフォルト: オフ割引は写真の上にすでに表示されています。オンにすると価格の横にも表示されます。
テキスト
一般
- テキスト
- テキストタイトルの下に表示される短い説明。商品フィールドに接続することもできます。
オプションピッカー
一般
- スタイル
- 選択: ボタン、ドロップダウンリストデフォルト: ボタン
- カラー
- 選択: カラーの丸、ドロップダウンリストデフォルト: カラーの丸カラーのオプションのみ。ほかのオプションは上のスタイルに従います。
- サイズガイドのページ
- ページ独自の「サイズガイド」フィールド（custom.size_guide）がある商品は、そのページを表示します。ない場合はこのページ、空欄ならテーマ設定のページです。
数量
一般
- 位置
- 選択: 「今すぐ購入」の横、独立した行デフォルト: 「今すぐ購入」の横「今すぐ購入」の横：数量はボタンの1行目の先頭に置かれ、「カートに追加」はその下に全幅の行を持ちます。独立した行：ボタンの上にラベル付きで表示。数量段階がある場合は段階が代わりになります。
数量別価格
一般
- 見出し
- テキスト空欄：お客様の言語で「数量」。パソコンではスクリーンリーダーだけが読み上げます。
- 1点のラベル
- テキスト空欄：お客様の言語で個数（「2個」）。
- この段階を表示する
- オンまたはオフデフォルト: オン
- 数量
- スライダー（2〜12）デフォルト: 2
- 割引
- スライダー（0〜60 %）デフォルト: 10 %自動ディスカウントと一致させる必要があります。
- ラベル
- テキスト空欄：お客様の言語で個数（「2個」）。
- この段階を表示する
- オンまたはオフデフォルト: オン
- 数量
- スライダー（2〜12）デフォルト: 3
- 割引
- スライダー（0〜60 %）デフォルト: 18 %自動ディスカウントと一致させる必要があります。
- ラベル
- テキスト空欄：お客様の言語で個数（「2個」）。
- 段階を強調表示
- 選択: なし、2番目の段階、3番目の段階デフォルト: なし
- 強調表示のテキスト
- テキスト空欄：強調した段階の割引、例「18%オフ」。
まとめ買いでよりお得な価格を提示します。割引はここに表示されるだけです。実際に適用するには、Shopify管理画面で対応する自動ディスカウントを作成してください。
購入オプション
一般
- 見出し
- テキスト空欄の場合：デフォルトのテキスト。
- 割引率を表示する
- オンまたはオフデフォルト: オン
- プランの説明を表示する
- オンまたはオフデフォルト: オン説明は定期購入アプリから取得されます。
- 定期購入ポリシーへのリンクを表示する
- オンまたはオフデフォルト: オンストアに定期購入ポリシーがある場合に表示されます（「設定」>「ポリシー」）。
定期購入アプリで販売される商品向けの、1回のみの購入と定期購入のオプションです。このブロックがない場合、定期購入のある商品では「カートに追加」ボタンの上にオプションが表示されます。
購入ボタン
一般
- 「今すぐ購入」ボタン
- オンまたはオフデフォルト: オンこの商品だけを持って決済ページへ直接進みます。カートの中身はそのままです。
- 動的チェックアウトボタン
- 選択: ウォレットまたはShopifyの「今すぐ購入」、ウォレットのみ、オフデフォルト: ウォレットまたはShopifyの「今すぐ購入」購入ボタンの下に表示されるShopifyのボタン。決済設定でウォレットが有効な場合、お客様のウォレット（Shop Pay、Apple Pay、Google Pay、PayPal）を表示します。「今すぐ購入」ボタンがオンの間は、Shopifyの「今すぐ購入」は表示されないため、ボタンは1つだけです。
- 決済ショートカットボタン
- オンまたはオフデフォルト: オンbit、クレジットカード、および追加したすべての決済方法。カートに追加してチェックアウトに進みます。ボタン自体はテーマ設定の「エクスプレス決済ボタン」で設定します。
- ギフトカードの受取人フォームを表示する
- オンまたはオフデフォルト: オン購入者がギフトカードを他の人に直接送れるようになります。フォームを表示している間、ギフトカードでは「今すぐ購入」ボタンと動的チェックアウトボタンが非表示になります。Shopifyは受取人の情報をカートに追加するときにしか確認しないためです。
配送と保証のライン
一般
- 配送に関する注記
- テキスト購入ボタンの下、2本の細い線の間に表示される短い一文で、カートに追加する前に表示されます。例：8～18営業日でご自宅へお届け。商品ごとに異なる文を表示するには、商品フィールドcustom.delivery_note（単一行のテキスト。「設定」>「カスタムデータ」>「商品」）に入力してください。こちらがこのテキストより優先されます。どちらも空欄の場合は、テーマ設定（商品）の配送ラインが表示され、それも空欄の場合は送料無料のルール（テーマ設定、送料無料）に従った文が表示されます。
- 保証に関する注記
- テキストデフォルトではオフ：空欄の場合は表示されません。商品ごとに異なる文を表示するには、商品フィールドcustom.warranty（単一行のテキスト。「設定」>「カスタムデータ」>「商品」）に入力してください。こちらがこのテキストより優先されます。商品について事実である内容のみを記載してください。
信頼の行
一般
アイコン付きの短いお約束を最大3つと、その下に決済アイコンを表示します。購入ボタンのすぐ下に配置するのが自然です。
1番目の項目
- アイコン
- 選択: 小包（配送）、戻る矢印（返品）、盾（安全なお支払い）、ヘッドセット（サポート）、ダイヤモンド（品質）、この項目を非表示にするデフォルト: 小包（配送）
- テキスト
- テキスト空欄の場合：アイコンに合わせたデフォルトのテキスト。小包：送料無料のルール（テーマ設定、送料無料）に従った配送の約束。戻る矢印と盾：短い固定テキスト。ヘッドセットとダイヤモンドにはデフォルトのテキストがないため、ここにテキストを入力した場合のみ項目が表示されます。長いテキストはバランスよく2行に折り返されます。
2番目の項目
- アイコン
- 選択: 小包（配送）、戻る矢印（返品）、盾（安全なお支払い）、ヘッドセット（サポート）、ダイヤモンド（品質）、この項目を非表示にするデフォルト: 戻る矢印（返品）
- テキスト
- テキスト空欄の場合：アイコンに合わせたデフォルトのテキスト。小包：送料無料のルール（テーマ設定、送料無料）に従った配送の約束。戻る矢印と盾：短い固定テキスト。ヘッドセットとダイヤモンドにはデフォルトのテキストがないため、ここにテキストを入力した場合のみ項目が表示されます。長いテキストはバランスよく2行に折り返されます。
3番目の項目
- アイコン
- 選択: 小包（配送）、戻る矢印（返品）、盾（安全なお支払い）、ヘッドセット（サポート）、ダイヤモンド（品質）、この項目を非表示にするデフォルト: 盾（安全なお支払い）
- テキスト
- テキスト空欄の場合：アイコンに合わせたデフォルトのテキスト。小包：送料無料のルール（テーマ設定、送料無料）に従った配送の約束。戻る矢印と盾：短い固定テキスト。ヘッドセットとダイヤモンドにはデフォルトのテキストがないため、ここにテキストを入力した場合のみ項目が表示されます。長いテキストはバランスよく2行に折り返されます。
決済アイコン
- 決済方法のアイコンを表示する
- オンまたはオフデフォルト: オン
お届け予定日
一般
- 最短営業日数
- スライダー（0〜30）デフォルト: 11
- 最長営業日数
- スライダー（0〜45）デフォルト: 18
- 営業日に含めない曜日
- 選択: 金曜日と土曜日、土曜日と日曜日、なし（毎日を営業日とする）デフォルト: 金曜日と土曜日
- メインの行
- テキスト[from]と[to]は日付に置き換えられます。空欄の場合：「本日のご注文で[from]～[to]にお届け」
- 2行目
- テキスト空欄の場合：ご自宅までの日数の範囲。
- カレンダーアイコンを表示する
- オンまたはオフデフォルト: オン
今日から営業日で日付の範囲を計算します。日付は購入者のブラウザで計算されるため、訪問した日に合わせて常に正確です。
WhatsAppでの質問
一般
- 質問
- テキスト空欄の場合：デフォルトのテキスト。
- リンクのテキスト
- テキスト空欄の場合：デフォルトのテキスト。
- 入力済みメッセージ
- テキスト[product]は商品名に置き換えられます。空欄の場合：「こんにちは。[product]について質問があります」
- メッセージに商品のリンクを追加する
- オンまたはオフデフォルト: オン
メッセージ入力済みのWhatsAppチャットを開く一文です。番号はテーマ設定の「ソーシャルメディア」から取得されます。番号を追加するまでは、ストアのお問い合わせページにリンクします。
説明
この部分には独自の設定はありません。
折りたたみ可能な行
一般
- 見出し
- テキスト
- 行に表示する内容
- 選択: テキストまたはページ、商品の仕様、アイコン付きリストデフォルト: テキストまたはページ
- コンテンツ
- テキスト
- ページのコンテンツ
- ページ上記のコンテンツの後に表示されます。
- 商品仕様のフィールド
- テキストネームスペースとキー（例：custom.specs）。フィールドには1行に1項目ずつ「名前: 値」の形式で入力します。フィールドがない商品では、この行は表示されません。
- 行
- テキスト1行に1文。アイコンは単語から選ばれます：shipping、return、support、secure、payment（ヘブライ語も可）。その他の行には、チェックマーク付きの盾が表示されます。
- 配送ポリシーと返金ポリシーへのリンク
- オンまたはオフデフォルト: オン
オファーの吹き出し
一般
- アイコン
- 選択: 稲妻、ギフト、きらめき、タイマー、ハート、チェックマーク付きの盾、アイコンなしデフォルト: 稲妻
- タイトル
- テキスト空欄：訪問者の言語で「特別オファー」。
- オファーの行
- テキスト例：「200ドル以上のご注文で20ドルオフ」。行がない場合、吹き出しは表示されません。
- 商品
- 商品（複数）ここで選んだ商品にのみ吹き出しが表示されます。空欄：このテンプレートを使うすべての商品。
カウントダウン
一般
- オファーの行
- テキスト例：「20%オフ」。空欄：比較価格がある場合はバリエーションの割引率。
- 短いテキスト
- テキストオファーの行の横に表示されます。空欄：訪問者の言語で「期間限定」。
- 商品
- 商品（複数）ここで選んだ商品にのみバーが表示されます。空欄：どこにも表示されません。実際の終了日がある本当のセールに使いましょう。
タイマー
- 終了日時
- テキスト年-月-日 時:分（例：2026-10-20 18:00）、ストアのタイムゾーン。空欄または無効：ストアにバーは表示されず、エディターにストアが解釈した日付のメモが表示されます。
- 秒を表示する
- オンまたはオフデフォルト: オン視差効果を減らす設定の訪問者には秒は表示されず、タイマーは1分ごとに更新されます。
- 期限が切れたとき
- 選択: オファー終了のメッセージを表示、バーが消えるデフォルト: バーが消える
- 終了メッセージ
- テキスト空欄の場合：訪問者の言語で「このオファーは終了しました。ご関心をお寄せいただきありがとうございます。」
背景
- 背景色
- 色空欄：ストアのインク色。ライトステージはこの色から作られます。
- 背景のスタイル
- 選択: 単色、ライトステージデフォルト: ライトステージライトステージ：上から柔らかな光が差し、下に向かって落ち着いていきます。選んだ色から作られます。明るい色では上部が白に、暗い色では暗いステージになります。
- 光の色
- 色上部中央からのやわらかな光。空欄の場合：白。
- テキストの色
- 色空欄の場合：自動。暗い背景では明るく、明るい背景では暗くなります。
カスタムLiquid
一般
- カスタムLiquid
- コード高度なカスタマイズやアプリのスニペット向けです。
エディタの表示とここの内容が違う場合は、お知らせください。ガイドを修正します。