Wix ストア：Studio Two の商品ページをカスタマイズする

1. 「データを管理」をクリックします。
2. ダッシュボードの「商品」ページで、商品を追加・管理します。

ヒント：商品とカテゴリーの管理について詳しくはこちら

1. 「パディングと動作」アイコン をクリックします。
2. ページに設定したいパディングを入力します。

1. 「すべてのデザインオプション」アイコン をクリックします。
2. 要素設定パネルでデザインオプションを設定します。

1. ページ上の要素を右クリックします。
2. 「データに接続」をクリックします。
3. 要素をデータソースに接続します。

1. ページ上のメディアギャラリーを選択します。
2. 「動画」セクションと「スライダー」セクションで、ギャラリーを設定します：
   • 動画コントロールを表示：トグルを有効にすると、動画に再生コントロールが表示されます。
   • 動画を自動再生：トグルを有効にすると、動画が自動的に再生されます。
   • 動画をループ再生：トグルを有効にすると、動画が繰り返し再生されます。
   • アイテムをループ表示：トグルを有効にすると、スライダーの最後のアイテムの次に最初のアイテムが表示されます。
3. （オプション）「デザイン」タブをクリックし、「デザインする対象を選択」で「ギャラリーアイテム」「次へボタン」「前へボタン」のいずれかを選択して、その部分をデザインします。

1. ページ上のパンくずリストを選択します。
2. 「アクセシブル名」フィールドにスクリーンリーダー用の説明を入力します。

商品名は商品データに接続されたテキスト要素であるため、各商品の名前が自動的に表示されます。

1. ページ上の商品名を選択します。
2. アクションバーを使用して、フォントやサイズなどのテキストをデザインします。

1. ページ上の価格を選択します。
2. 「プロパティ」セクションで、価格の表示方法を選択します：
   • セール前の価格を先に表示：トグルを有効にすると、セール前の価格が先に表示されます。
   • 「から」ラベル：商品の価格が変動する場合に、価格の前に表示されるテキストを入力します。

1. ページ上のリボンを選択します。
2. 要素設定パネルの「デザイン」タブをクリックします。
3. 「デザインする対象を選択」で、デザインしたい部分を選択します：
   • リボン：すべてのリボンをまとめてデザインします。
   • メインリボン：メインのリボンをデザインします。
   • 追加リボン：その他のリボンをデザインします。

1. ページ上の商品オプションを選択します。
2. オプションの表示方法を選択します：
   • テキストオプションの表示形式：「ボタン」または「ドロップダウン」を選択して、テキストオプションの表示方法を選びます。
   • カラーオプション、テキストオプション、モディファイア：「オプションの種類の表示設定」で、各トグルを有効または無効にして、その種類のオプションの表示・非表示を切り替えます。
   • 表示するオプション数：スライダーをドラッグして、表示するオプションの数を 1 から「すべて」の間で選択します。

**注意：**非表示にした必須オプションがあると、カスタマーが商品をカートに追加できなくなる場合があります。非表示にしたオプションは、別の「商品オプション」要素に表示してください。

1. ページ上の定期購入プランを選択します。
2. プランの表示方法を選択します：
   • コンテンツモード：「1 回限りと定期購入」または「すべてのカード」を選択します。
   • 1 回限りのカードの位置：1 回限りの購入カードを表示する位置（例：「最初」）を選択します。
3. （オプション）パネル上部の「頻度ドロップダウン」を選択して、「HTML タグ」や「アクセシブル名」などのアクセシビリティオプションを設定します。

1. ページ上の数量ピッカーを選択します。
2. アクションバーの「プラスアイコンをカスタマイズ」または「マイナスアイコンをカスタマイズ」をクリックして、アイコンを変更します。
3. （オプション）「デザイン」タブをクリックし、「デザインする対象を選択」で「マイナスボタン」または「プラスボタン」を選択して、そのボタンをデザインします。

アクションボタンは、「カートに追加」ボタンと「今すぐ購入」ボタンを組み合わせたものです。

1. ページ上のボタンを選択します。
2. 「プロパティ」セクションで、ボタンの動作を選択します：
   • ボタンに価格を表示：トグルを有効にすると、ボタンに価格が表示されます。
   • クリック時にオプションの選択を求める：トグルを有効にすると、クリック後に商品オプションの選択を求めるメッセージが表示されます。
   • 未選択時のボタンテキスト：カスタマーがすべてのオプションを選択していない場合に、ボタンに表示されるテキストを入力します。
   • 予約注文ボタンのクリック時のアクション：カスタマーが予約注文ボタンをクリックしたときの動作（例：「カートに追加」）を選択します。
   • カート追加後のアクション：カスタマーが商品をカートに追加した後の動作（例：「サイドカートを開く」）を選択します。

1. ページ上の情報セクションを選択します。
2. 「商品情報セクション」タブで「商品説明を表示」トグルを有効にすると、商品の説明が表示されます。
3. 「アコーディオン」タブをクリックし、セクションの開き方を選択します：
   • デフォルトの状態を選択：「すべて閉じる」「最初のアイテムを開く」「すべて開く」から選択します。
   • 複数のアイテムを同時に開く：トグルを有効にすると、カスタマーが複数のセクションを同時に開けるようになります。