Wix ストア：商品ページをカスタマイズする
この記事内
- 商品ページのパーツを表示・非表示にする
- 商品ページの設定をカスタマイズする
- レイアウトと画像の表示方法をカスタマイズする
- 商品ページのデザインをカスタマイズする
- 商品ページのボタンテキストを編集する
- よくある質問
重要：
この記事は、Wix エディタ、Wix Harmony エディタの商品ページ、および Wix Studio エディタの新しい商品ページに関するものです。以前の Wix Studio 商品ページをカスタマイズする方法はこちら
商品ページは、各商品の詳細情報を表示する動的ページです。
ページのデザインは常に同じですが、コンテンツ（商品画像とテキスト）は表示される商品によって異なります。
背景色やボタンテキストの変更など、商品ページに加えた変更内容は、すべての商品に影響します。
商品ページのパーツを表示・非表示にする
「表示設定」タブをクリックして、商品ページに表示・非表示にするパーツを選択します。
商品ページの「カートに追加」ボタンは、デフォルトで有効になっています。また、「設定」タブを使用すると、ほしい物リストアイコンと「今すぐ購入」ボタンを有効にすることもできます。
「今すぐ購入」ボタンは、エクスプレスチェックアウトボタン（例：PayPal、Apple Pay、Google Pay）に置き換えることも可能です。
PayPal、または Apple Pay や Google Pay での購入手続きに関する詳細は、それぞれのリンク先をご覧ください。
商品ページのパーツを表示または非表示にする方法：
Wix エディタ
Wix Harmony エディタ
- エディタに移動します。
- 商品ページに移動します：
- エディタ左側で「ページ・メニュー」
をクリックします。 - 「ショップページ」をクリックします。
- 「商品ページ」をクリックします。
- エディタ左側で「ページ・メニュー」
- ページ上の商品ページをクリックします。
- 「設定」をクリックします。
- 「表示設定」タブをクリックします。
- 任意のチェックボックスを選択または選択解除して、パーツを表示・非表示にします。
ヒント：
「低在庫メッセージ」横のチェックボックスを選択して、在庫が少なくなったことを顧客に知らせることができます。商品の在庫が 10未満になると、メッセージが表示されます（例：在庫残り 3点）。
商品ページの設定をカスタマイズする
Wix エディタ
Wix Harmony エディタ
- エディタに移動します。
- 商品ページに移動します：
- エディタ左側で「ページ・メニュー」 をクリックします。
- 「ショップページ」をクリックします。
- 「商品ページ」をクリックします。
- エディタ左側で「ページ・メニュー」
- ページ上の商品ページをクリックします。
- 「設定」をクリックします。
- 「設定」タブをクリックします。
- 「「カートに追加」ボタン」をクリックします：
- 「ボタンをスティッキーにする」トグルをクリックして有効にします。
ヒント：これはモバイル用の設定です。有効にすると、「カートに追加」ボタンが常に表示されます。 - ボタンクリック時のアクションを選択します：
- 完了のポップアップを表示：ポップアップ通知が表示されます。
注意：ポップアップはモバイルには表示されません。顧客はカートページに誘導されます。 - サイドカートを開く：画面の横にカートが開きます。
- カートページを開く：顧客は直接全カートページに移動します。
- 商品ページに留まる：顧客は商品ページに留まります。このボタンには、商品がカートに追加されたことを表すチェックマークが表示されます。
- 完了のポップアップを表示：ポップアップ通知が表示されます。
- 「ボタンをスティッキーにする」トグルをクリックして有効にします。
- 「ほしい物リストボタン」をクリックし、「「ほしい物リストに追加」ボタンを表示」トグルをクリックして、有効または無効にします。
ヒント：ほしい物リストを追加・設定する方法はこちら
レイアウトと画像の表示方法をカスタマイズする
「レイアウト」タブをクリックして、ショップに最適な商品ページのレイアウトを選択することができます。また、画像の表示方法をカスタマイズすることも可能です。
注意：
表示される画像オプションは、選択したレイアウトによって異なります。
Wix エディタ
Wix Harmony エディタ
- エディタに移動します。
- 商品ページに移動します：
- エディタ左側で「ページ・メニュー」 をクリックします。
- 「ショップページ」をクリックします。
- 「商品ページ」をクリックします。
- エディタ左側で「ページ・メニュー」
- ページ上の商品ページをクリックします。
- 「設定」をクリックします。
- 「レイアウト」タブをクリックします。
- General（基本設定）：
- 商品ページのレイアウトを選択します。
- 「全幅に引き延ばす」トグルをクリックして有効または無効にします。
- 商品画像：ストアに画像を表示する方法はこちら
- 「画像の比率」ドロップダウンをクリックし、比率を選択します。
- 「画像のサイズ変更方法」下でオプションを選択します：
- クロップ：すべての画像を同じサイズにクロップします。
- フィット：画像の縦横比を維持します。
- 「画像ズーム」トグルをクリックして有効にします（一部のレイアウトで利用可能）。
注意：ズームをプレビューするには、ライブサイトに移動してください。 - 「サムネイルを表示」下でサムネイル画像の表示方法を選択します。
- 色見本：商品オプションと変更の選択肢のテキスト（「サイズ」など）を表示する方法を選択し、選択したオプションをカスタマイズします。
商品ページのデザインをカスタマイズする
「デザイン」タブから、色、フォント、ボタンのスタイルなどがカスタマイズでき、ストアの雰囲気に合ったデザインを作成することができます。
ヒント：
利用可能なカスタマイズは、選択したレイアウトや設定オプションによって異なる場合があります。
Wix エディタ
Wix Harmony エディタ
- エディタに移動します。
- 商品ページに移動します：
- エディタ左側で「ページ・メニュー」 をクリックします。
- 「ショップページ」をクリックします。
- 「商品ページ」をクリックします。
- エディタ左側で「ページ・メニュー」
- ページ上の商品ページをクリックします。
- 「設定」をクリックします。
- 「デザイン」タブをクリックします。
- 利用可能なオプションを使用して、デザインをカスタマイズします。
下記をご確認ください：
商品ページのボタンテキストを編集する
「テキスト」タブをクリックして、商品ページのボタンに表示されるテキストオプションを編集することができます。
ヒント：
「カートに追加」または「今すぐ購入」ボタンを無効にしている場合、一部のオプションは表示されません。
Wix エディタ
Wix Harmony エディタ
- エディタに移動します。
- 商品ページに移動します：
- エディタ左側で「ページ・メニュー」 をクリックします。
- 「ショップページ」をクリックします。
- 「商品ページ」をクリックします。
- エディタ左側で「ページ・メニュー」
- ページ上の商品ページをクリックします。
- 「設定」をクリックします。
- 「テキスト」タブをクリックします。
- 利用可能なテキストオプションを編集します。
下記をご確認ください：
よくある質問
商品ページに複数のバージョンを作成することはできますか？
商品画像にズーム機能を追加するにはどうすればよいですか？
商品ページをよりアクセシブルなものにするにはどうすればよいですか？
商品ページまたは特定の商品へのアクセスを制限することはできますか？
商品ページを削除することはできますか？