SOY Shop内でSOY Appを使用する
1.6.0以降
お問合せフォームを設置するならSOY CMS内に設置して運営すれば良いが、
カートを表示したり、ログイン状況をページに表示する場合はSOY Shop内にSOY Appが設置できれば都合が良い。
ここではSOY Shop内でSOY Appを設置する方法を説明します。
SOY Shop内ではSOY Appはフリーページで動作します。
始めにSOY App用のフリーページテンプレートを用意します。
フリーページのテンプレートが作成できたら、
<body>タグ直下に
<!-- cms:id="apps" cms:app="app_id" /-->
を記述します。
cms:app="app_id"のapp_idには、アプリケーションの種類を記述します。
たとえば、お問合せフォームの場合、
アプリケーションIDはinquiryなので
<!-- cms:id="apps" cms:app="inquiry" /-->
となります。
この記述の下のアプリケーションを表示させたい箇所に
SOY Appごとの設置に関する記述を記載すれば表示されます。
SOY Inquiryの例
<!-- app:id="soyinquiry" app:formid="inquiry" --> ここにフォームが表示されます。 <!-- /app:id="soyinquiry" -->
テンプレート記述の例
<html>
<!-- headは省略 -->
<body> <!-- cms:id="apps" cms:app="inquiry" /-->
<h1>ページタイトル</h1>
<p>なんかのテキスト</p>
<!-- app:id="soyinquiry" app:formid="inquiry" --> ここにフォームが表示されます。 <!-- /app:id="soyinquiry" -->
</body>
</html>
一枚のページに複数アプリケーションを設置することも可能です。
その場合は、
<!-- cms:id="apps" cms:app="inquiry board" /-->
上記記述のように、
アプリケーションIDの間に半角スペースを入れれば動作します。
なお、
この記述はSOY CMSでも使用でき、
SOY CMS内ではどのページでも使用可能です。
