レスポンシブカレンダーの利用

カレンダー用のページ(ナビゲーションページを推奨)を作成して下記のコードを記述する。

<!-- shop:module="reserve.smart_calendar" -->

<nav class="pager">
	<!-- cms:id="prev_month" --><a cms:id="prev_month_link">← 前の月</a></li><!-- /cms:id="prev_month" -->

	<!-- cms:id="caption" -->現在<!-- /cms:id="caption" -->

	<!-- cms:id="next_month" --><a cms:id="next_month_link">次の月 →</a><!-- /cms:id="next_month" -->
</nav>

<!-- block:id="calendar_{商品ID}" /-->

<!-- /shop:module="reserve.smart_calendar" -->

作成したページのどこかにjQueryの読み込みの記述を挿入する。

jQueryのコードの挿入個所は</html>より上であればどこでも良いです。
CDNを利用するのであれば、下記のページからコードをコピーします。
jQuery CDN

Bootstrap 4系でのサンプルコード