テーマ仕様書
レイアウト
購入

購入（レイアウト）

購入画面で共通利用する レイアウト ファイルです。

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

layouts/ec_force/shop/order.html.liquid
layouts/ec_force/shop/order.html+smartphone.liquid

必要なコンポーネント

  • 任意とあるもの以外はシステム上必要なコンポーネントです。必ず使用してください。
  • ecforce 管理画面のショップタグ設定 (opens in a new tab)を反映するには、ショップ共通タグ・ショップページ共通タグのコンポーネントを所定の位置に記述してください。
  • プレビューフッターは必ず使用してください。
  • 読み込み先のテンプレートファイル（preview_footer(shared_partial)）についても必ず記述してください。
<!DOCTYPE html>
<html lang="ja">
  <head>
    <!-- ショップ共通タグ (header 要素の最初に追加) -->
    {{ 'header_prepend' | shop_shared_tag }}
 
    <!-- ショップページタグ (header 要素の最初に追加) -->
    {{ 'header_prepend' | shop_page_tag }}
 
    <!-- headタグ内に記述するコードのためのパーシャル -->
    <!-- metaタグや外部CSS/JSの読み込み等で使用する -->
    {% include 'ec_force/shop/shared/header.html' %}
 
    <!-- Google Tag Managerを利用するときにタグとデータレイヤーの出力に使用する -->
    {% include 'ec_force/shop/shared/head_google_tag_manager.html' %}
 
    <!-- ショップ共通タグ (header 要素の最後に追加) -->
    {{ 'header_append' | shop_shared_tag }}
 
    <!-- ショップページタグ (header 要素の最後に追加) -->
    {{ 'header_append' | shop_page_tag }}
  </head>
  <body>
    <!-- Google Tag Managerを利用するときにnoscriptタグの出力に使用する -->
    {% include 'ec_force/shop/shared/body_google_tag_manager.html' %}
 
    <!-- ショップ共通タグ (body 要素の最初に追加) -->
    {{ 'body_prepend' | shop_shared_tag }}
 
    <!-- ショップページタグ (body 要素の最初に追加) -->
    {{ 'body_prepend' | shop_page_tag }}
 
    {% if customer_signed_in %}
      <input type="hidden" id="customer-email" value="{{ current_customer.email }}">
      <input type="hidden" id="customer-number" value="{{ current_customer.number }}">
    {% endif %}
 
    <!-- ヘッダー: shared_partial (nav) の読み込み (任意) -->
    {% include 'ec_force/shop/shared/nav.html' %}
 
    <!-- サイドバー: shared_partial(sidebar) の読み込み (任意) -->
    {% include 'ec_force/shop/shared/sidebar.html' %}
 
    <!-- ecforceが提供しているJavascript変数を読み込むための記述 -->
    {{ include_gon }}
 
    <!-- 各テンプレートを呼び出すための記述 -->
    {{ content_for_layout }}
 
    <!-- フッター: shared_partial(footer) の読み込み (任意) -->
    {% include 'ec_force/shop/shared/footer.html' %}
 
    <!-- プレビューフッター -->
    {% if theme_preview_mode %}
      {% include 'ec_force/shop/shared/preview_footer.html' %}
    {% endif %}
 
    <!-- ショップ共通タグ (body 要素の最後に追加) -->
    {{ 'body_append' | shop_shared_tag }}
 
    <!-- ショップページタグ (body 要素の最後に追加) -->
    {{ 'body_append' | shop_page_tag }}
  </body>
</html>