テーマ仕様書
shop
部分テンプレート(shared_partial)
nav★

nav (shared_partial)

全画面で共通利用する shared_partial です。

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

ec_force/shop/shared/_nav.html.liquid
ec_force/shop/shared/_nav.html+smartphone.liquid

必要なコンポーネント

特に必要な記述はございません。以下、記述例となります。

<!-- カートモーダル利用時は必須 -->
<nav>
 
  <!-- ロゴ -->
  <a href="/shop">
  {% if base_info.logo %}
    {% assign src = base_info.logo.url %}
  {% else %}
    {% assign src = 'default-shop-logo' | image_url %}
  {% endif %}
 
  <img src="{{ src }}">
  </a>
 
  {% if current_order %}
    {% assign target_order = current_order %}
  {% else %}
    {% assign target_order = order %}
  {% endif %}
 
  {% unless request_path_shop_cv_confirm %}
    {% if target_order.completed? or target_order.converted? %}
      {% if base_info.use_cart? and base_info.use_cart_modal? and display_screen_flag_for_cart_modal %}
        <!-- カートモーダル -->
        <a id="show-cart-modal" href="#">カートを見る <span id="header-order-quantity">0</span> 点</a>
      {% else %}
        <!-- カート画面へのリンク -->
        <a href="/shop/cart">カートを見る <span id="header-order-quantity">0</span> 点</a>
      {% endif %}
    {% else %}
      {% if base_info.use_cart? and base_info.use_cart_modal? and display_screen_flag_for_cart_modal %}
        <!-- カートモーダル -->
        <a id="show-cart-modal" href="#">カートを見る <span id="header-order-quantity">{{ target_order.quantity }}</span> 点</a>
      {% else %}
        <!-- カート画面へのリンク -->
        <a href="/shop/cart">カートを見る <span id="header-order-quantity">{{ target_order.quantity }}</span> 点</a>
      {% endif %}
    {% endif %}
 
    {% if customer_signed_in %}
      <!-- マイページへのリンク -->
      <a href="/shop/customer">マイページ</a>
 
      <!-- ログアウト -->
      <a href="/shop/customers/sign_out">ログアウト</a>
    {% else %}
      <!-- ログイン -->
      <a href="/shop/customers/sign_in">ログイン</a>
    {% endif %}
  {% endunless %}
 
<!-- カートモーダル利用時は必須 -->
</nav>