FAQ 「カレンダーマスター」Shopifyアプリ

初回のアプリ導入サポートを実施しております。ただし、テーマカスタマイズが必要な場合は別途お見積もりをさせていただく可能性がございます。

設定方法や機能に関して解説動画も用意していますのでご活用ください。
・Shopify 配送日時指定アプリ カレンダーマスター①（導入方法解説）
・Shopify 配送日時指定アプリ カレンダーマスター②（機能解説）

アプリのお問い合わせから不明点をお伝えください。必要に応じてコラボレーターアクセス許可をご依頼する場合がございます。
Shopify コラボレーターに関して
コラボレーターアクセスを許可いただける場合、以下情報の共有をお願い致します。
------------------
1. ストアURL: Shopify管理画面で表示されているURLになります。
（ストア名.myshopify.com）
2. リクエストコード（設定されている場合）
------------------

基本的にどのテーマでもご利用いただけるよう実装しております。しかし、テーマによってファイル構成などが異なる場合がございます。
各公式テーマへの反映方法 を参照ください。

 公式テーマ「Express」実装方法をご参考に、実装をお試しください。

ただし、テーマによってドロワーカートで実装できない場合がございます。その場合はカートのタイプを「ページ」に切り替えてご利用ください。

「今すぐ購入」など動的チェックアウトボタンを利用した場合、カートを経由しないため日時指定する接点を作ることができません。
対策としてを動的チェックアウトボタンをカート画面以外で利用しないようにする、もしくは商品詳細画面の説明などで注釈を入れて対応いただくことをご案内しております。

Cart.liquidファイルに記載できる箇所がないか、「subtotal」などのワードで検索してみてください。 主要テーマでの実装方法はこちらの各公式テーマへの反映方法
もご覧ください。 実装方法で不明点があればお気軽にお問い合わせください。

Shopify Plusプラン以外ではチェックアウト画面に配送日時指定を設定することができません。
注文完了ページには、下記コードをご参考にテンプレートに追加いただくことで選択した日時を表示させることができます。

<tr>
  <td>配送希望日：</td>
  <td>{{ attributes[“delivery_date”] | date: “%Y/%m/%d” }}</td>
</tr>
<tr>
  <td>配送希望時間：</td>
  <td>{{ attributes[“delivery_time”] }}</td>
</tr>

「お届け不可日の設定」で特定の日、曜日を選択できなくします。

カレンダーマスターは受注管理システム「ネクストエンジン」と連携しやすいフォーマットで日時データが取り込まれます。
カレンダーマスター × ネクストエンジンの連携方法 を参照してください。

注文確認メールに配送日時を表示させるにはメールテンプレートを変更する必要があります。
通知設定画面で「注文の確認」を開き、表示したい箇所に以下サンプルコードを貼り付けてください。
注文確認メールサンプルコード

アプリで出力される要素の表示を制御するにはご利用のテーマをカスタマイズいただく必要があります。
大変お手数ですが以下サンプルコードを参考に実装ください。
https://codepen.io/ShirasuGyoza/pen/mdrdXvv

まずアプリが有効化になっているかご確認ください。それでも要素が表示できない場合はお気軽にサポートまでご連絡ください。

アプリを一度無効化いただき、再度有効化の設定をお試しください。

ご利用のテーマ処理とアプリの処理がバッティングしている可能性がございます。ご利用のテーマ名を記載の上、サポートまでご連絡ください。

ストアカレンダー機能を利用することでストアの休業日情報やお知らせを表示できます。

動的チェックアウトボタンはアプリで利用されるカート属性をサポートしていません。
公式には推奨されていないため、できる限りカート画面には動的チェックアウトボタンを設置しないようにしてください。
動的チェックアウトボタンの設置がどうしても必要な場合は以下リンク先の内容を参照してください。
動的チェックアウトボタンとの連携

アプリで利用される以下設定ファイルはアプリインストール時に公開テーマへ自動追加される仕様となっています。

• snippets/delivery-date.liquid（日時指定カレンダー表示ファイル）
• snippets/delivery-time.liquid（配送時間選択ボックス表示ファイル）
• assets/calendarMaster.css（上書き用CSSファイル）

そのため、インストール後新しくテーマを追加したり、テーマを切り替えた場合は上記ファイルを対象テーマに作成いただく必要があります。

delivery-date.liquid, delivery-time.liquidの記述は以下リンク先のコードをコピペしてご利用いただけます。calendarMaster.cssは上書き用の空ファイルのため、任意で作成してください。

delivery-date.liquidの記述
delivery-time.liquidの記述

現状では、商品別には日付設定には対応しておりません。
テキストエリアに直接希望日を記載いただくなど
アプリとは別でご対応をお願い致します。