テーマ仕様書
shop
利用ガイド
利用ガイド画面

利用ガイド画面

利用ガイドを表示する画面です。
利用ガイドの内容は「設定 > ヘルプ関連 > 利用ガイド (opens in a new tab)」で登録します。

ショップのパス

ドメイン/shop/guide

テーマ管理のファイルパス

ec_force/shop/guides/index.html.liquid
ec_force/shop/guides/index.html+smartphone.liquid

JS タグ

{{ 'shop/info' | javascript_include_tag }}

必要なコンポーネント

※任意とあるもの以外はシステム上必要なコンポーネントとなりますので、必ず使用するようにしてください。

{{ 'shop/info' | javascript_include_tag }}
 
<!-- 利用ガイド -->
{% for guide in guides %}
  
  <!-- タイトル -->
  {{ guide.title }}
  
  <!-- 内容 -->
  {{ guide.text }}
 
{% endfor %}

画面イメージ

※こちらは、上記で紹介しているコンポーネントのコードにデフォルトデザインをCSSであてたイメージになります。コンポーネントのコードのみだと、このような表示にはなりませんのでご注意ください。