こちらは、クリエイターモードのテンプレートを【Garden】に設定された方のための初期設定ガイドです。
各テンプレートの特徴はmakeshop様のこちらのリンクをご覧ください。
※各写真はレビューデータがある状態の例の写真です。
☝️「お客様の声ページ」を作成することで、全商品のレビューとショップレビューを１つのページにまとめて表示することができます。
また、TOPページに設置したレビュースライダーの「もっと見る」ボタンを押すと、このページに移動されるようにできます。
①makeshop管理画面の「ショップデザイン > テンプレート選択・編集 > デザインセット一覧」より、使用するデザインセットを選び「コードを編集」を押します。
②ページ下部の「フリーページ管理」を開き、「ページ追加」を押します。
③ページURL・ページ名・ステータスの設定をします。
入力例
ページURL ： review-list
ページ名 ： 任意のページ名（お客様の声 / お客様レビュー/レビュー一覧 など）
ステータス ： 公開
④HTML欄にタグを設置し、「保存」を押します。
すでにカスタマイズしたフリーページがある場合
既存のフリーページのHTMLをコピーし、作成したいページにペーストします。
その後、レビューを表示したい場所に下記のタグを設置し「保存」を押します。
🔑全商品のレビュー一覧表示のタグ
フリーページを作成したことがない場合
下記のテキストファイルよりフリーページ用のコードをダウンロードし、HTML欄にコピー＆ペーストをしてください。
↓ フリーページ用コードのダウンロードはこちら📖 ↓
⑤お客様の声ページが作成できました🎉
☝️STEP１で作成した「お客様の声」をスライダー形式にして、トップページに表示させることができます。（レビュースライダー）
①makeshop管理画面の「ショップデザイン > テンプレート選択・編集 > コードを編集 > トップ」を開きます。
②表示させたい位置に、スライダー形式で全表示のレビューを表示するタグを設置し、「保存」を押します。
🔑スライダー形式で全商品のレビューを表示するタグ
※お客様の声ページのURLが異なる場合は
data-morereview-page-link="○○" の部分に当該URLを入力してください。
③トップページにレビュースライダーが表示されました🎉
☝️レビューを星の５段階評価で表示することで、視覚的にもわかりやすくなります。
（スターレーティング）
①makeshop管理画面の「ショップデザイン > テンプレート選択・編集 > コードを編集 > 商品カテゴリー」を開きます。
②HTML欄にスターレーティングを表示するタグを入力し、「保存」を押します。
🔑スターレーティングを表示するタグ
例：商品説明の下にスターレーティングを表示する場合
③商品カテゴリーページにスターレーティングが表示されました🎉
①makeshop管理画面の「ショップデザイン > テンプレート選択・編集 > コード編集 > 商品検索結果」より、商品カテゴリーページと同様にタグを設置し、「保存」を押します。
スターレーティングを表示するタグ
例：商品説明の下にスターレーティングを表示する場合
②商品検索結果ページにもスターレーティングが表示されました
①makeshop管理画面の「ショップデザイン > テンプレート選択・編集 > コード編集 > 商品詳細」より、商品カテゴリーページと同様にタグを設置し、「保存」を押します。
スターレーティングを表示するタグ
例：商品価格の上に表示したい場合
②商品詳細ページにもスターレーティングが表示されました
☝️商品詳細ページの下にレビューを表示することで、ページの変遷を減らすことができます。
①makeshop管理画面の「ショップデザイン > テンプレート選択・編集 > コード編集 > 商品詳細」を開きます。
②HTML欄の <!--product-detai2 end--> の部分に、レビュー一覧を表示するタグを入力し、「保存」を押します。
🔑レビュー一覧を表示させるタグ
③商品詳細下部に、レビュー一覧が表示されました🎉
☝️makeshop管理画面の「商品管理＞商品レビュー＞商品レビュー機能の設定」から無効化します。
①商品レビューを「使用しない」にチェックを入れます。
②保存を押して完了です。
以上で、U-KOMIの初期設定は終了となります🙌 おつかれさまでした！