makeshopGMOインストールガイド

    makeshopGMOインストールガイド


    記事の要約

    コモン

    以下のアドレスにアクセスし、makeshopGMOアカウントでログインしてください。

    https://console.makeshop.jp/


    テーマの変更

    1. makeshopGMOの管理画面で、「ショップデザイン」→「テンプレート選択・編集」を選択します。

    1. 編集するテーマを選択してクリックします。


    コードを変更する

    グローバルページの変更

    全ページ共通」 は、サイト全体で一般的に使用されるページコンポーネントを編集するページです→ JaveScriptのShopliveでは、以下のように統合コードを挿入し、「 保存」  ボタンを押してください。(8~9行目参照)

    <script type="text/javascript" src="https://static.shoplive.cloud/shoplive-shortform.js"></script>
    <script>cloud.shoplive.initShortform({ accessKey: 'YOUR ACCESS KEY HERE' });</script>


    ページ内ショートフォーム挿入

    1. コンポーネントごとにページを編集できる「 モジュール管理」で、Shopliveのショートフォームを挿入したいモジュールページをクリックします。

    1. 挿入したいモジュールに以下のコードを挿入し、「 保存」  ボタンを押してください。(3~8行目参照)

    <div id="shoplive-shortform"></div>
    <script defer >
      document.addEventListener('DOMContentLoaded', function() {
      cloud.shoplive.setShortformCollection("shoplive-shortform", {template: "GRID2"} );
      });
    </script>