app/template/default/Block/header.twig line 1

Open in your IDE?
  1. <header class="pc">
  2.   <div class="left">
  3.     <a href="/"><img src="/html/user_data/assets/img/common/logo.svg" /></a>
  4.   </div>
  5.   <div class="right">
  6.     <nav>
  7.       <div class="nav-top-box"><a href="/"></a></div>
  8.       <div class="nav-product-box"><a href="/products/list"></a></div>
  9.       <div class="nav-news-box"><a href="https://www.instagram.com/patisserie_lazry/?hl=ja"></a></div>
  10.       <div class="nav-store-box"><a href="/about"></a></div>
  11.       <div class="nav-contact-box"><a href="/contact"></a></div>
  12.       <div class="nav-online-shop-box">
  13.         <a href="/shopping/online"></a>
  14.         {% set totalQuantity = get_carts_total_quantity() %}
  15.         <a href="/cart"><span class="cart-total-quantity">{{totalQuantity}}</span></a>
  16.       </div>
  17.     </nav>
  18.   </div>
  19. </header>
  20. <header class="sp">
  21.   <div class="left">
  22.     <a href="https://www.instagram.com/patisserie_lazry/?hl=ja"><img src="/html/user_data/assets/img/common/header_instagram_icon_sp.svg" /></a>
  23.   </div>
  24.   <div class="center">
  25.     <a href="/"><img src="/html/user_data/assets/img/common/logo.svg" /></a>
  26.   </div>
  27.   <div class="right">
  28.     <span class="top"></span>
  29.     <span class="middle"></span>
  30.     <span class="bottom"></span>
  31.   </div>
  32.   <nav>
  33.     <div>
  34.       <div class=""><a href="/">
  35.         <div class="en">TOP</div> 
  36.         <div class="ja">トップ</div> 
  37.       </a></div>
  38.       <div class=""><a href="/products/list">
  39.         <div class="en">MENU</div> 
  40.         <div class="ja">商品一覧</div> 
  41.       </a></div>
  42.       <div class=""><a href="https://www.instagram.com/patisserie_lazry/?hl=ja">
  43.         <div class="en">NEWS</div> 
  44.         <div class="ja">新着情報</div> 
  45.       </a></div>
  46.       <div class=""><a href="/about">
  47.         <div class="en">SHOP</div> 
  48.         <div class="ja">店舗情報</div> 
  49.       </a></div>
  50.       <div class=""><a href="/contact">
  51.         <div class="en">CONTACT</div> 
  52.         <div class="ja">お問い合わせ</div> 
  53.       </a></div>
  54.       <div class="online-shop-box"><a href="/shopping/online"><img src="/html/user_data/assets/img/common/nav_online_shop_sp.svg" /></a></div>
  55.       <div class="cart-box">
  56.         {% set totalQuantity = get_carts_total_quantity() %}
  57.         <a href="/cart"><span class="cart-total-quantity">{{totalQuantity}}</span><img src="/html/user_data/assets/img/common/nav_cart_sp.svg" /></a>
  58.       </div>
  59.     </div>
  60.   </nav>
  61. </header>
  62. {% block javascript %}
  63.     <script>
  64.         $(function() {
  65.             //Menuアニメーション
  66.             $("header.sp .right").on("click",function(e){
  67.               e.preventDefault();
  68.               $(".ec-layoutRole header.sp nav").slideToggle();
  69.               if($(this).hasClass("is-open")){
  70.                 $(this).removeClass("is-open") 
  71.               }else{
  72.                 $(this).addClass("is-open") 
  73.               }
  74.             });
  75.         });
  76.     </script>
  77. {% endblock javascript %}