TOPCMSの仕様についてRestyカレンダー埋め込み方法(コーダー用)
最終更新日 : 2022/09/30

Restyカレンダー埋め込み方法(コーダー用)

1)Restyカレンダーを挿入したい箇所に下記コードを追加
※CMS-STORE-IDは該当店舗のIDに変更する
※RESTY-GROUP-CODEとRESTY-SHOP-IDは下記で詳しく説明

<!-- Restyカレンダー 連携タグここから -->
<script src="https://static.ccmphp.com/reservation/1.0.0/raven_reservation.js" async></script>
<div class="CMS-RESERVATION-CALENDAR" CMS-STORE-ID="#" RESTY-GROUP-CODE="#" RESTY-SHOP-ID="#"></div>
<!-- Restyカレンダー 連携タグここまで -->

 

2)RESTY-GROUP-CODE、RESTY-SHOP-IDを見つける方法
ダッシュボード>サイト管理>Resty予約機能情報

スクリーンショット 2022-09-30 9.37.24.png
スクリーンショット 2022-09-30 9.37.35.png

 

RESTY-GROUP-CODEとRESTY-SHOP-IDの#に入れ替える

スクリーンショット 2022-09-30 9.44.19.png

 

3)PC、SP両方崩れがないか確認
→崩れていたらcss調整する

【見本】

https://3276-274e771e315-ffcccbc4ea6d471df0ec22bb90227328c72446d3.production.preview.ccmphp.com/

PC時

スクリーンショット 2022-09-30 10.06.15.png

SP時

FireShot Capture 074 - ホーム - 炭火串焼さくらだ 千歳烏山 炭火串焼 串焼き 焼き鳥 和モダン ワイン - sumibikushiyaki-sakurada.com.png