futureshopのトップページでレビュー一覧を表示させる方法(コマースクリエイター)

futureshopではトップページにお客様のレビューを表示させるための方法は提供されていません。
以下のコードを丸ごとコピーしてパーツに保存、そのパーツを好きな場所に配置することでお客様のレビューを表示させることができます。

編集箇所は、以下の2ヶ所です。
・var displayAmount = 10; // レビューを表示させたい数
・var Url = ‘https://www.hogehoge.jp’; // トップページのURL

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

  <script>
    $(function(){
        var displayAmount = 10; // レビューを表示させたい数
        var Url = 'https://www.hogehoge.jp'; // トップページのURL
      $.ajax({
        url: Url + '/p/reviews',
        cache: false,
        datatype: 'html',
        success: function(html) {
            var h = $(html).find('.fs-c-history ul li');
            for (var i = 0; i < displayAmount; i++) {
                $('#review_display_wrap ul').append(h[i]);
            }
        }
      });
    });
  </script>


  <div id="review_display_wrap">
      <ul>
        <!-- ここにレビューが出力される -->
      </ul>
  </div>

ご自身での編集が難しい場合は、お問い合わせボタンより一度お問い合わせください。
上記のレビューパーツの作成と設置を550円(税込)でお引き受けいたします。

コメントを残す

メールアドレスが公開されることはありません。