OS2.0対応テーマでの配置方法

  1. Shopify管理画面の左側メニュー、オンラインストアテーマをクリックします。「現在のテーマ」内のカスタマイズを選択します。

    Untitled

  2. レコメンドウィジェットを配置したいページを開きます。左側メニューのブロックを追加 > アプリより、本アプリを選択します。

    Untitled

<aside> 💡 レコメンドのブロックに(01)などの数字がついている場合は、アプリ管理画面トップ、ウィジェット一覧の上から1と数えます。

Screenshot 2024-01-26 at 8.41.20.jpg

Screenshot 2024-01-26 at 8.43.13.jpg

</aside>

  1. プレビューを見ながら希望の場所にウィジェットを配置してください。

Liquidコードを手動で編集する配置方法

※OS1.0のテーマをご利用の場合

  1. Shopify管理画面の左側メニュー、オンラインストア>テーマをクリックします。「現在のテーマ」内のアクションコードを編集するを選択するとコード編集画面が表示されます。

    Untitled

  2. 画面左側のSectionsディレクトリの中から、以下のような、ウィジェットを挿入する対象ページを編集するテンプレートをクリックします。

  3. テンプレートの任意の位置に、以下のコードを貼り付けてください。 <div id='related-products'></div>

    <aside> 💡 適切な位置は、ご利用のテーマの仕様やご希望により異なりますので、実際のストアフロントへの反映位置を確認しながら、挿入位置を調整してください。

    </aside>

  4. 保存をクリックします。