目次
配送日時指定.ampのインストール方法や設定方法がよく分からない有料テーマの導入に伴うLiquidコードの編集方法がよく分からない。
配送日時を指定するモジュールを設置することはできたが、デザインがずれている
テーマを正しく編集してもカートページに配送日時指定のボタンが表示されない。
☆jQueryの追加手順
開発ストアにアプリをテスト導入することはできますか？
配送日時指定.ampのインストール方法や設定方法がよく分からない
導入ガイドをお読みいただいてもうまくいかない場合は、弊社でアプリのインストールから基本的な設定までの有償代行サービスも行っております。詳しくはお問い合わせくださいませ。
有料テーマの導入に伴うLiquidコードの編集方法がよく分からない。
こちらで手順を紹介させていただいているのですが、有料テーマはテーマにより導入手順が異なり、弊社で同様の環境を準備できないため詳しい導入手順はご案内できません。ただし弊社の有償サポートをご利用いただきますと、個別でテーマを調査し導入代行をすることが可能です。詳しくはお問い合わせくださいませ。
配送日時を指定するモジュールを設置することはできたが、デザインがずれている
ご利用のテーマの仕様や、そのカスタマイズ状況との兼ね合いで、Liquidコードが正常な位置に挿入されていないものと思われます。ご自身での調整が難しい場合は、この場合も有償サポートのご利用をご検討いただけますと幸いです。ご希望の場合はお問い合わせくださいませ。
テーマを正しく編集してもカートページに配送日時指定のボタンが表示されない。
考えられる原因はいくつかございます。
①jQueryが入っていない
jQueryは多くのテーマには元々入っているのですが、一部のテーマの仕様やカスタマイズ状況により抜けている可能性がございます。以下の手順をお試し下さい。
☆jQueryの追加手順
1. Shopify管理画面の左側メニュー、オンラインストア＞テーマをクリックします。「現在のテーマ」内のアクション＞コードを編集するを選択するとコード編集画面が表示されます。
2. 画面左側のLayoutディレクトリの中から、以下のコードをクリックします。
theme.liquid
3. 上記Liquidコード内で、下記のようなheadを閉じるタグを探してください。
</head>
4. 上記タグの１行上に、下記のコードを貼り付けます。
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.2.3/jquery.min.js"></script>
※headタグ全体の完成イメージ
<head>
...
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.2.3/jquery.min.js"></script>
</head>5. Saveをクリックします。
②アプリ版のShopifyからコードを編集している
アプリ版からだとコードの編集内容がうまく反映されない場合があるため、
パソコンのブラウザからお試しください。
③コードの編集方法が正しくない
無料テーマをご利用の場合、コードの自動編集機能をご利用いただくことになりますが、
ストアによっては同じ名前のテーマが複数入っていることもあり、
自動編集を行ったテーマがライブテーマとは違ったものだったというお話も多くいただきます。
お手数ではございますが、自動編集を行ったテーマがライブテーマに間違いないか、
或いは、ライブテーマが実は別のテーマでったということがないかなど、
今一度ご確認くださいませ。
有料テーマをご利用の場合は、有償サポートのご利用もご検討ください。
開発ストアにアプリをテスト導入することはできますか？
本アプリは開発環境のストアではご利用いただくことができず、どうしても決済情報の登録がある本番環境のストアでなければご利用いただけないものとなっております。
→ 2021.06.25 開発ストアでもご利用いただけるようになりました！
Online Store 2.0で使えますか？
本アプリの機能は、ストアのテーマに対して導入するものとなっておりますので、Online Store 2.0に対応したテーマをご利用であれば導入いただけます。
有料テーマをご利用で、導入方法がよくわからない場合は、有償の導入代行サポートのご利用をご検討くださいませ。