makeshopで、クリエイターモードの Complete 、Pulsefit 、Garden のテーマをご利用される場合は、別途ガイドをご用意しております。
下記リンクをご参照ください。
上記以外のテーマ、もしくはカスタムテーマをご利用の場合は、引き続きこのページをご参照ください。
※各写真はレビューデータがある状態の例の写真です。
U-KOMIタグはmakeshopの既存のレビュー機能のif文の外に設置します。
makeshopの既存のテンプレートには
<{if $item.review.is_enabled}> のような、if文が設置されております。
これは、「makeshopの旧商品レビュー機能が有効だったら」というif文になります。
このif文の中にU-KOMIのタグを設置してしまうと、
makeshopの旧商品レビュー機能を無効にした際にU-KOMIのレビュー表示もされなくなってしまうのでご注意ください。
☝️「お客様の声ページ」を作成することで、全商品のレビューとショップレビューを１つのページにまとめて表示することができます。
また、TOPページに設置したレビュースライダーの「もっと見る」ボタンを押すと、このページに移動されるようにできます。
「お客様の声ページ」を未作成のまま、レビュースライダーに「 もっと見る 」リンクを設定すると、遷移先が存在せず「ページがありません」等のエラーが表示される場合があります。
①makeshop管理画面の「ショップデザイン > テンプレート選択・編集 > デザインセット一覧」より、使用するデザインセットを選び「コードを編集」を押します。
②ページ下部の「フリーページ管理」を開き、「ページ追加」を押します。
③ヘッダー等のタグを追加したら、ページURL・ページ名・ステータスの設定と
下記のタグを設置し「保存」を押します。
💡入力例
ページURL ： review-list
ページ名 ： 任意のページ名（お客様の声 / お客様レビュー など）
ステータス ： 公開
🔑全商品のレビュー一覧表示のタグ
④ お客様の声ページが作成できました🎉
一覧に表示したくない商品がある場合
「 U-KOMI管理画面 > レビュー > レビュー管理 」より、該当商品のレビューのステータスを「 非公開 」に変更してください。
例：完売商品など
☝️STEP１で作成した「お客様の声」をスライダー形式にして、トップページに表示させることができます。（レビュースライダー）
①makeshop管理画面の「ショップデザイン > テンプレート選択・編集 > コードを編集 > トップ」を開きます。
②表示させたい位置に、スライダー形式で全表示のレビューを表示するタグを設置し、「保存」を押します。
🔑スライダー形式で全商品のレビューを表示するタグ
※お客様の声ページのURLが異なる場合は
data-morereview-page-link="○○" の部分に当該URLを入力してください。
ポイント１
※data-morereview-page-link="○○"の○○には
「ショップデザイン > テンプレート選択・編集 > 独自ページ」下部にある
独自ページURL一覧のページURLから、
" "内にあるURLのみをコピーして入力してください。
例：ページURL：<a href="/html/page2.html">お客様の声</a> の場合のタグ
ポイント２
「レビューをもっと見る」ボタンの文言は、タグ内の data-morereview-page-text="レビューをもっと見る" を任意の文言にすることで変更することができます。
例：ボタンの文言を「More」にしたい場合のタグ
③トップページにレビュースライダーが表示されました🎉
☝️レビューを星の５段階評価で表示することで、視覚的にもわかりやすくなります。
（スターレーティング）
①makeshop管理画面の「ショップデザイン > テンプレート選択・編集 > コードを編集 > 商品カテゴリー」を開きます。
②HTML欄にスターレーティングを表示するタグを入力し、「保存」を押します。
🔑スターレーティングを表示するタグ
③商品カテゴリーページにスターレーティングが表示されました🎉
①makeshop管理画面の「ショップデザイン > テンプレート選択・編集 > コード編集 > 商品検索結果」より、
商品カテゴリーページと同様にタグを設置し、「保存」を押します。
スターレーティングを表示するタグ
②商品検索結果ページにもスターレーティングが表示されました
①makeshop管理画面の「ショップデザイン > テンプレート選択・編集 > コード編集 > 商品詳細」より、
商品カテゴリーページと同様にタグを設置し、「保存」を押します。
スターレーティングを表示するタグ
②商品詳細ページにもスターレーティングが表示されました
①makeshop管理画面の
「ショップデザイン > テンプレート選択・編集 > コード編集 > モジュール管理 > 商品グループ 」をクリックします。
②HTML欄にスターレーティングを表示するタグを入力し、「保存」を押します。
関連商品にスターレーティングを表示するタグ
③関連商品欄にスターレーティングが表示されました
☝️商品詳細ページの下にレビューを表示することで、ページの変遷を減らすことができます。
①makeshop管理画面の「ショップデザイン > テンプレート選択・編集 > コード編集 > 商品詳細」を開きます。
②HTML欄に、レビュー一覧を表示するタグを入力し、「保存」を押します。
🔑レビュー一覧を表示させるタグ
③商品詳細下部に、レビュー一覧が表示されました🎉
makeshop管理画面の「商品管理 > 機能・設定 ＞ 旧商品レビュー ＞ 商品レビュー機能の設定 」から無効化することができます。
①商品レビューを「使用しない」にチェックを入れます。
②保存を押して完了です。
以上で、U-KOMIの初期設定は終了となります おつかれさまでした！