app/template/plants/Block/customheader.twig line 1

Open in your IDE?
  1. {% set Carts = get_all_carts() %}
  2. {% set totalPrice = get_carts_total_price() %}
  3. {% set totalQuantity = get_carts_total_quantity() %}
  6. <div id="app">
  7. <!--header-->
  8. <header> 
  9.   <div class="fixedcontainer">
  10.       <div class="header_in">
  11.           <div class="logo display_only_sp"><a href="{{ url('homepage') }}" class="btn-mm-dark magic-hover magic-hover__square"><img src="{{ asset('assets/img/logo.png' , 'user_data') }}"></a></div>
  12.           <div class="header_links">
  13.               <ul class="hidden-sp ec-headerRole__cart">
  15.                   {% if is_granted('ROLE_USER') %}
  16.                     <li><a href="{{ url('product_list') }}">前日特別販売</a></li>
  17.                     <li><a href="{{ url('product_list') }}?category_id=1">セレクト商品</a></li>
  18.                     {# <li><a href="{{ url('request') }}">リクエスト販売</a></li> #}
  19.                     <li><a href="https://tano.mu/login" target="_blank">TANOMU</a></li>
  20.                     <li><a href="{{ url('shop_intro') }}">店舗紹介</a></li>
  21.                     <li><a href="{{ url('contact') }}">お問合せ</a></li>
  22.                     <li class="custom_h_mypage">
  23.                         <a href="{{ url('mypage') }}">マイページ</a>
  24.                     </li>
  25.                     <li>
  26.                         <a href="{{ url('cart') }}" class="btn-mm-dark magic-hover magic-hover__square">
  27.                             <img src="{{ asset('assets/img/icon-bag2.png' , 'user_data') }}" height="30px">
  28.                                 <span class="ec-cartNavi__badge">{{ totalQuantity|number_format }}</span>
  29.                         </a>
  30.                     </li>
  31.                 {% else %}
  32.                     <li><a href="{{ url('hajimete') }}">はじめての方へ</a></li>
  33.                     <li><a href="/function">Function JOURNAL</a></li>
  34.                     <li><a href="{{ url('shop_intro') }}">店舗紹介</a></li>
  35.                     <li><a href="{{ url('contact') }}">お問合せ</a></li>
  36.                     <li><a href="{{ url('mypage_login') }}">ログイン</a></li>
  37.                     <li>
  38.                         <a href="{{ url('cart') }}" class="btn-mm-dark magic-hover magic-hover__square">
  39.                             <img src="{{ asset('assets/img/icon-bag2.png' , 'user_data') }}" height="30px">
  40.                             <span class="ec-cartNavi__badge">{{ totalQuantity|number_format }}</span>
  41.                         
  42.                         </a>
  43.                     </li>
  44.     
  45.                 {% endif %}
  46.               </ul>
  47.               <a class="menu-trigger visible-sp">
  48.                 <span></span><span></span><span></span>
  49.             </a>
  50.           </div>
  51.       </div>
  52.   </div>
  53.   
  54.   <nav class="g-nav visible-sp">        
  55.         <ul class="list">              
  56.         {% if is_granted('ROLE_USER') %}
  57.         <li><a href="{{ url('product_list') }}">前日特別販売</a></li>
  58.         <li><a href="{{ url('product_list') }}?category_id=1">セレクト商品</a></li>
  59.         {# <li><a href="{{ url('request') }}">リクエスト販売</a></li> #}
  60.         <li><a href="https://tano.mu/login" target="_blank">TANOMU</a></li>
  61.         <li><a href="{{ url('shop_intro') }}">店舗紹介</a></li>
  62.         <li><a href="{{ url('contact') }}">お問合せ</a></li>
  63.           <li class="custom_h_mypage_sp"><a href="{{ url('mypage') }}">マイページ</a></li>
  64.         {% else %}
  65.         <li><a href="{{ url('hajimete') }}">はじめての方へ</a></li>
  66.         <li><a href="/function">Function JOURNAL</a></li>
  67.         <li><a href="{{ url('shop_intro') }}">店舗紹介</a></li>
  68.         <li><a href="{{ url('contact') }}">お問合せ</a></li>
  69.           <li><a href="{{ url('mypage_login') }}">ログイン</a></li>
  70.         {% endif %}
  71.         <li class="header_sp_cart">
  72.             <a href="{{ url('cart') }}" class="btn-mm-dark magic-hover magic-hover__square">
  73.                 <img src="{{ asset('assets/img/icon-bag2.png' , 'user_data') }}">
  74.                 <span class="ec-cartNavi__badge">{{ totalQuantity|number_format }}</span>
  75.             </a>
  76.         </li>
  77.     
  78.         </ul>        
  79.     </nav>
  80. </header>
  81. <div class="header_left">
  82.     <div class="logo only_pc"><a href="{{ url('homepage') }}" class="btn-mm-dark magic-hover magic-hover__square"><img src="{{ asset('assets/img/logo.png' , 'user_data') }}"></a></div>
  83.     <div class="only_pc"><img src="{{ asset('assets/img/top_ttl.png' , 'user_data') }}" width="26px"></div>
  84.     <!--<div class="left_insta only_pc">
  85.         <p>FOLLOW US</p>
  86.         <div><a href="https://www.instagram.com/Function_01/" target="_blank" class="btn-mm-light magic-hover magic-hover__square"><svg xmlns="https://www.huelemuseum.com/on/demandware.static/-/Sites/ja_JP/dw713295ab/HLM/images/common/_i_sns_ig.svg" width="33" height="33" viewBox="0 0 16.003 16"><g transform="translate(-4.1 -4.1)" fill="#222"><path d="M12.1 5.542c2.137 0 2.388.01 3.232.048a4.365 4.365 0 0 1 1.486.276 2.482 2.482 0 0 1 .921.6 2.444 2.444 0 0 1 .6.921 4.447 4.447 0 0 1 .276 1.486c.038.845.048 1.1.048 3.232s-.01 2.388-.048 3.232a4.365 4.365 0 0 1-.276 1.486 2.482 2.482 0 0 1-.6.921 2.444 2.444 0 0 1-.921.6 4.447 4.447 0 0 1-1.486.276c-.845.038-1.1.048-3.232.048s-2.388-.01-3.232-.048a4.365 4.365 0 0 1-1.486-.276 2.483 2.483 0 0 1-.921-.6 2.444 2.444 0 0 1-.6-.921 4.447 4.447 0 0 1-.276-1.486c-.038-.845-.048-1.1-.048-3.232s.01-2.388.048-3.232a4.365 4.365 0 0 1 .276-1.486 2.482 2.482 0 0 1 .6-.921 2.444 2.444 0 0 1 .921-.6 4.447 4.447 0 0 1 1.486-.276c.845-.041 1.1-.048 3.232-.048m0-1.442c-2.172 0-2.445.01-3.3.048a5.863 5.863 0 0 0-1.94.372 3.9 3.9 0 0 0-1.416.924 3.968 3.968 0 0 0-.924 1.416 5.867 5.867 0 0 0-.372 1.94c-.038.854-.048 1.127-.048 3.3s.01 2.445.048 3.3a5.9 5.9 0 0 0 .372 1.943 3.9 3.9 0 0 0 .924 1.416 3.967 3.967 0 0 0 1.416.924 5.867 5.867 0 0 0 1.943.372c.854.038 1.124.048 3.3.048s2.445-.01 3.3-.048a5.9 5.9 0 0 0 1.943-.372 3.9 3.9 0 0 0 1.416-.924 3.967 3.967 0 0 0 .924-1.416 5.867 5.867 0 0 0 .372-1.943c.038-.854.048-1.124.048-3.3s-.01-2.445-.048-3.3a5.9 5.9 0 0 0-.372-1.943 3.9 3.9 0 0 0-.926-1.417 3.968 3.968 0 0 0-1.416-.924 5.867 5.867 0 0 0-1.944-.372c-.857-.035-1.13-.044-3.3-.044zm0 3.89a4.109 4.109 0 1 0 4.107 4.11 4.109 4.109 0 0 0-4.107-4.11zm0 6.776a2.667 2.667 0 1 1 2.666-2.666 2.667 2.667 0 0 1-2.666 2.666z"></path><circle cx=".959" cy=".959" r=".959" transform="translate(15.41 6.869)"></circle></g></svg></a></div>
  87.     </div>-->
  88.     {# <div class="ec-blockTopBtn pagetop h_l_totop"><img src="{{ asset('assets/img/common/top_icon.png' , 'user_data') }}"></div> #}
  89.     <div class="ec-blockTopBtn pagetop h_l_totop"><img src="{{ asset('assets/img/common/top_icon_2.png' , 'user_data') }}"></div>
  90. </div>
  91. <div class="header_right">
  92.     <p>FOLLOW US</p>
  93.     <!--<div><a href="https://www.instagram.com/Function_01/" target="_blank" class="btn-mm-light magic-hover magic-hover__square"><svg xmlns="https://www.huelemuseum.com/on/demandware.static/-/Sites/ja_JP/dw713295ab/HLM/images/common/_i_sns_ig.svg" width="33" height="33" viewBox="0 0 16.003 16"><g transform="translate(-4.1 -4.1)" fill="#222"><path d="M12.1 5.542c2.137 0 2.388.01 3.232.048a4.365 4.365 0 0 1 1.486.276 2.482 2.482 0 0 1 .921.6 2.444 2.444 0 0 1 .6.921 4.447 4.447 0 0 1 .276 1.486c.038.845.048 1.1.048 3.232s-.01 2.388-.048 3.232a4.365 4.365 0 0 1-.276 1.486 2.482 2.482 0 0 1-.6.921 2.444 2.444 0 0 1-.921.6 4.447 4.447 0 0 1-1.486.276c-.845.038-1.1.048-3.232.048s-2.388-.01-3.232-.048a4.365 4.365 0 0 1-1.486-.276 2.483 2.483 0 0 1-.921-.6 2.444 2.444 0 0 1-.6-.921 4.447 4.447 0 0 1-.276-1.486c-.038-.845-.048-1.1-.048-3.232s.01-2.388.048-3.232a4.365 4.365 0 0 1 .276-1.486 2.482 2.482 0 0 1 .6-.921 2.444 2.444 0 0 1 .921-.6 4.447 4.447 0 0 1 1.486-.276c.845-.041 1.1-.048 3.232-.048m0-1.442c-2.172 0-2.445.01-3.3.048a5.863 5.863 0 0 0-1.94.372 3.9 3.9 0 0 0-1.416.924 3.968 3.968 0 0 0-.924 1.416 5.867 5.867 0 0 0-.372 1.94c-.038.854-.048 1.127-.048 3.3s.01 2.445.048 3.3a5.9 5.9 0 0 0 .372 1.943 3.9 3.9 0 0 0 .924 1.416 3.967 3.967 0 0 0 1.416.924 5.867 5.867 0 0 0 1.943.372c.854.038 1.124.048 3.3.048s2.445-.01 3.3-.048a5.9 5.9 0 0 0 1.943-.372 3.9 3.9 0 0 0 1.416-.924 3.967 3.967 0 0 0 .924-1.416 5.867 5.867 0 0 0 .372-1.943c.038-.854.048-1.124.048-3.3s-.01-2.445-.048-3.3a5.9 5.9 0 0 0-.372-1.943 3.9 3.9 0 0 0-.926-1.417 3.968 3.968 0 0 0-1.416-.924 5.867 5.867 0 0 0-1.944-.372c-.857-.035-1.13-.044-3.3-.044zm0 3.89a4.109 4.109 0 1 0 4.107 4.11 4.109 4.109 0 0 0-4.107-4.11zm0 6.776a2.667 2.667 0 1 1 2.666-2.666 2.667 2.667 0 0 1-2.666 2.666z"></path><circle cx=".959" cy=".959" r=".959" transform="translate(15.41 6.869)"></circle></g></svg></a></div>-->
  94.     <div class="right_instagram_wrap"><a href="https://www.instagram.com/Function_01/" target="_blank" class="btn-mm-light magic-hover magic-hover__square"><img src="{{ asset('assets/img/common/instagram_icon.png' , 'user_data') }}" alt="インスタグラム"></a></div>
  95. </div>