Search
Duplicate
2️⃣

オンラインストア2.0対応テーマインストール方法

対応テーマ※813日現在 ・無料テーマ「Dawn」 ・有料テーマ 「Prestige」「Pipeline」「Fashionopolism」 「Colors」「Broadcast」「Foodie」「Warehouse」「California」「Showcase」 「Symmetry」「Testament」「Impulse」「Empire」「Canopy」 ※Mikawaya Subscriptionは2.0対応テーマにはすべてご利用可能になります。
JavaScript

商品ページに定期購入プランを表示させる方法

※無料・有料どちらのテーマもテーマエディターからアプリブロックを追加してください。テーマによってアプリブロックに対応していない場合、手動インストールを行ってください。
手順①アプリの「インストール」でテーマを選択。(今回はDawnを選択)
手順②「テーマエディター」へ行き、商品情報の「ブロックを追加」をクリック。テーマブロック内のアプリで「Mikawaya 定期便プラン」を選択します。
手順③フォームIDを挿入にチェックを入れる
(※Dawnの場合は必ず「フォームIDを挿入」に✓を入れてください)
(その他のテーマは✓は入れなくて大丈夫です)
手順④アプリブロックを任意の場所に設置します。
手動インストールの方法はこちら

アカウントページにマイページリンクを表示させる方法

■Dawnの場合

「Dawn」テーマのアカウントページはOS2.0対応していない為、アプリブロックを使用したインストールは行えません。
アカウントページへは以下の手順でインストールを行ってください。
customers/account.liquidの任意の場所に以下のコードを追加
<div style="margin-bottom: 20px"> <a class="ui-button btn btn--subdued btn--size-small" href="/apps/floor-s"> サブスクリプションを管理 </a> </div>
JavaScript
<h1>{{ 'customer.account.title' | t }}</h1>
の直下に設置することをオススメいたします。

Prestigeの場合

テーマエディターより、マイページリンクのアプリブロックを設置してください。
アプリブロックでインストールが行えない場合は以下の手順でコード設置を行ってください。
main-customers-account.liquid
<div class="SectionHeader"> の上あたりに以下のコードを設置
<div style="margin-bottom: 20px"> <a class="ui-button btn btn--subdued btn--size-small" href="/apps/floor-s"> サブスクリプションを管理 </a> </div>
JavaScript
▼拡大

■Expanseの場合

OS2.0テーマで、アプリブロックからフォームIDの設定を手動で行う必要があります。
右クリック → Inspect(詳細)で商品ページのソースを開き、「action」属性が/cart/add の「form」タグを見つける。そのformタグの「id」をコピーし、アプリブロックの「フォームID」に貼り付ける