Product Reviewsをカスタマイズする
ストアの商品レビュー入力フォームとレビュースコアバッジ (星評価とも呼ばれる) をカスタマイズできます。これらの要素をカスタマイズする手順は、Online Store 2.0のテーマまたは以前のテーマのどちらを使用しているかによって異なります。テーマのアーキテクチャバージョンの確認方法についてはこちらをご覧ください。
テーマエディタとProduct Reviewsアプリの [設定] ページから、ストアの商品レビュー入力フォームと星評価の見た目をカスタマイズできます。
目次
星評価の見た目とデータソースを変更する
テーマエディタで、星評価アプリのブロック設定にある星評価の見た目とデータソースを変更できます。
次の設定を変更できます。
- 星の色 - 星評価ブロックにある星の中身と輪郭の色を選択します。カラーピッカーから色を選択するか、16進コードを入力します。もしくは動的ソースを選択し、表示する商品に応じて星の色を変えます。
- 星のサイズ - スライダーを使用して星のサイズをピクセル単位で設定します。
- 位置 - 星評価ブロックの位置を設定します - [左]、[右]、または [中央] のいずれかを選びます。
- 商品 - 星評価の動的ソースを選択するか、星評価を静的な商品に連携させます。デフォルトでは、現在のページの商品が星評価の動的ソースになっています。
- 管理画面から [オンラインストア] > [テーマ] の順に移動します。
- 編集するテーマを見つけて、[カスタマイズする] をクリックします。
- Shopifyアプリから [ストア] をタップします。
- 販売チャネルセクションで、[オンラインストア] をタップします。
- [テーマを管理する] をタップします。
- 編集するテーマを見つけて、[カスタマイズする] をタップします。
- [編集] をタップします。
- Shopifyアプリから [ストア] をタップします。
- 販売チャネルセクションで、[オンラインストア] をタップします。
- [テーマを管理する] をタップします。
- 編集するテーマを見つけて、[カスタマイズする] をタップします。
- [編集] をタップします。
- 星評価ブロックが含まれているセクションに進み、星評価ブロックをクリックしてその設定を表示します。
- 星評価の設定を必要に応じて調整します。
- [保存] をクリックします。
Product Reviewsアプリの設定ページから、ストアの商品レビューフォームとレビュースコアバッジの外観をカスタマイズできます。
星アイコンの色を変更する
次の手順を実行して、商品評価に表示される星アイコンの色を変更します。
管理画面から、[設定] > [アプリと販売チャネル] の順にクリックします。
[アプリと販売チャネル] ページで、[Product Reviews] をクリックします。
[アプリを開く] をクリックします。
[設定] をクリックします。
星アイコンの色セクションで、[カスタムカラー] をクリックします。
アイコンの色の横に表示される色の見本をクリックします。
カラーピッカーを使用して色を選択するか、フィールドに16進コードを貼り付けます。
[保存] をクリックします。
レビューリストやレビューフォームを表示または非表示にする
デフォルトで、商品レビューリストとレビュー入力フォームを表示する、またはそれらを非表示にするかどうかを選択できます。レビューリストまたはレビュー入力フォームが非表示の場合、マーチャントはセクション内のリンクをクリックして、レビューリストまたはレビュー入力フォームにアクセスできます。
レビューまたはレビュー入力フォームを表示する、またはそれらを非表示にするには次の手順を実行します。
管理画面から、[設定] > [アプリと販売チャネル] の順にクリックします。
[アプリと販売チャネル] ページで、[Product Reviews] をクリックします。
[アプリを開く] をクリックします。
[設定] をクリックします。
レビューリストのレイアウトセクションで、[読み込み中のレビューを表示する] チェックボックスをオンまたはオフにします。
[レビューリストのテキスト] セクションで、[読み込み中のレビュー入力フォームを表示する] チェックボックスをオンまたはオフにします。
[保存] をクリックします。
枠線、分割線、余白をカスタマイズする
枠線と分割線の色、およびレビューリスト周囲の余白の量を変更できます。
罫線または区切り線の色を変更するには、次の手順を実行します。
管理画面から、[設定] > [アプリと販売チャネル] の順にクリックします。
[アプリと販売チャネル] ページで、[Product Reviews] をクリックします。
[アプリを開く] をクリックします。
[設定] をクリックします。
レビューリストのレイアウトセクションで、枠線の色または分割線の色の横にある色の見本をクリックします。
カラーピッカーを使用して色を選択するか、フィールドに16進コードを貼り付けます。
[保存] をクリックします。
レビューリストの余白を変更するには、次の手順を実行します。
管理画面から、[設定] > [アプリと販売チャネル] の順にクリックします。
[アプリと販売チャネル] ページで、[Product Reviews] をクリックします。
[アプリを開く] をクリックします。
[設定] をクリックします。
レビューリストのレイアウトセクションで、余白フィールドに必要な余白の量をピクセル単位で入力します。外側の枠線を完全に削除する場合、
0
と入力します。[保存] をクリックします。
フォームテキストをカスタマイズする
テーマに表示されるProduct Reviewsのテキストの大部分は、カスタマイズ可能です。たとえば、Product Reviewsを特定の言語に翻訳して、オンラインストアの他の部分との調和を取ることができます。
テキストをカスタマイズするには、次の手順を実行します。
管理画面から、[設定] > [アプリと販売チャネル] の順にクリックします。
[アプリと販売チャネル] ページで、[Product Reviews] をクリックします。
[アプリを開く] をクリックします。
[設定] をクリックします。
[レビューリストのテキスト] セクションまたは [レビュー入力フォームのテキスト] セクションに、お客様に表示するテキストを入力します。
[保存] をクリックします。
フォームフィールドを必須、オプション、または非表示にする
お客様が新しいレビューを送信するときに、[作成者名] フィールド、[作成者のメールアドレス] フィールド、および [所在地] フィールドの表示を必須、任意、または非表示にするかどうかを変更できます。
利用可能なオプションは以下のとおりです。
- 必須 - このフィールドは、レビューを提出する際に入力する必要があります。
- オプション - このフィールドは空白のまま、もしくは値を入力して送信できます。
- 非表示 - このフィールドは表示されません。
入力フォームフィールドの表示方法を変更するには、次の手順を実行します。
管理画面から、[設定] > [アプリと販売チャネル] の順にクリックします。
[アプリと販売チャネル] ページで、[Product Reviews] をクリックします。
[アプリを開く] をクリックします。
[設定] をクリックします。
[レビュー入力フォームテキスト] セクションで、変更するフィールドの [タイプ] ドロップダウンメニューからフィールドタイプを選択します。フィールドは [必須]、[任意]、または [非表示] に設定できます。
[保存] をクリックします。