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

Open in your IDE?
  1. {#
  2.   This file is part of EC-CUBE
  3.   
  4.   Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  5.   
  6.   http://www.ec-cube.co.jp/
  7.   
  8.   For the full copyright and license information, please view the LICENSE
  9.   file that was distributed with this source code.
  10.   #}
  11. <div class="wrapper_2_header header clearfix">
  12.     <div class="wrapper_2_header_in">
  13.         <a href="{{ url('homepage') }}"><div class="wrapper_2_header_logo01">
  14.             <img src="/html/user_data/assets/img/top/header_logo.png" class="wrapper_2_header_logo01_img01 max_img" alt="北海道屋台" />
  15.         </div></a>
  16.         <div class="wrapper_2_header_ul_li_6_div clearfix">
  17.             <div class="wrapper_2_header_ul_li_6_div_line_before">
  18.             </div>
  19.             <div class="wrapper_2_header_ul_li_6_div_line">
  20.             </div>
  21.             <div class="wrapper_2_header_ul_li_6_div_line_after">
  22.             </div>
  23.         </div>
  24.         <div class="wrapper_2_header_box01">
  25.             <ul class="wrapper_2_header_ul">
  26.                 <li class="wrapper_2_header_ul_li">
  27.                     <a href="{{ url('homepage') }}"><span class="wrapper_2_header_ul_li_span01">
  28.                         トップ
  29.                     </span></a>
  30.                     <div class="wrapper_2_header_ul_li_border01"></div>
  31.                 </li>
  32.                 <!--<li class="wrapper_2_header_ul_li">
  33.                     <a href="{{ url('help_about') }}"><span class="wrapper_2_header_ul_li_span01">
  34.                         北海道屋台について
  35.                     </span></a>
  36.                     <div class="wrapper_2_header_ul_li_border01"></div>
  37.                 </li>-->
  38.                 <li class="wrapper_2_header_ul_li"><!-- onmenu-->
  39.                     <a href="/news/"><span class="wrapper_2_header_ul_li_span01">
  40.                         北海道屋台NEWS
  41.                     </span></a>
  42.                     <div class="wrapper_2_header_ul_li_border01"></div>
  43.                     <!--<ul class="wrapper_2_sub_ul">
  44.                         <a href="service_co.html"><li class="wrapper_2_sub_ul_li">
  45.                             校
  46.                             <div class="wrapper_2_sub_ul_li_border"></div>
  47.                         </li></a>
  48.                     </ul>-->
  49.                 </li>
  50.                 <li class="wrapper_2_header_ul_li">
  51.                     <a href="{{ url('product_list') }}"><span class="wrapper_2_header_ul_li_span01">
  52.                         商品一覧
  53.                     </span></a>
  54.                     <div class="wrapper_2_header_ul_li_border01"></div>
  55.                 </li>
  56.                 <li class="wrapper_2_header_ul_li">
  57.                     <a href="{{ url('contact') }}"><span class="wrapper_2_header_ul_li_span01">
  58.                         お問い合わせ
  59.                     </span></a>
  60.                     <div class="wrapper_2_header_ul_li_border01"></div>
  61.                 </li>
  62.                 {{ include('Block/login_sp.twig') }}
  63.                 <li class="wrapper_2_header_ul_li wrapper_2_header_ul_li_sp">
  64.                     <a href="{{ url('cart') }}"><span class="wrapper_2_header_ul_li_span01">
  65.                         カート
  66.                     </span></a>
  67.                     <div class="wrapper_2_header_ul_li_border01"></div>
  68.                 </li>
  69.             </ul>
  70.             <div class="wrapper_2_header_box01_hr"></div>
  71.             {{ include('Block/login.twig') }}
  72.             {{ render(path('block_search_product')) }}
  73.             <a href="{{ url('cart') }}"><span class="wrapper_2_header_box01_button01">
  74.                 <span class="wrapper_2_header_box01_button01_span">カート</span>
  75.                 <i class="fas fa-shopping-cart wrapper_2_header_box01_button01_ico"></i>
  76.             </span></a>
  77.         </div>
  78.     </div>
  79. </div>
  80.   <div class="headerWrapper" style="display:none;">
  81.     <div class="ec-headerNaviRole">
  82.       <div class="ec-headerNaviRole__left">
  83.         <a href="https://hokkaido-yatai.com/"><img src="/html/user_data/assets/img/top/header_logo.png"/></a>
  84.       </div>
  85.       <div class="ec-headerNaviRole__right">
  86.         <div class="headerNaviRole__right__inner">
  87.           <ul class="flex">
  88.             <li>
  89.                 {# 会員登録・ログイン #}
  90.               <div class="ec-headerNaviRole__nav">
  91.                 {{ include('Block/login.twig') }}
  92.               </div>
  93.             </li>
  94.             <li>
  95.               {# 検索ボックス #}
  96.               {{ render(path('block_search_product')) }}
  97.             </li>
  98.           </ul>
  99.         </div>
  100.         <div class="headerNaviRole__right__inner">
  101.           <ul class="flex">
  102.             <a href="https://hokkaido-yatai.com/help/about"><li>北海道屋台について</li></a>
  103.             <li><span>|</span></li>
  104.             <a href="https://hokkaido-yatai.com/#topinfo"><li>商品一覧</li></a>
  105.             <li><span>|</span></li>
  106.             <a href="https://hokkaido-yatai.com/contact"><li>お問い合わせ</li></a>
  107.             <li>
  108.                   {# カート #}
  109.               <div class="ec-headerRole__cart">
  110.                   {{ include('Block/cart.twig') }}
  111.               </div>
  112.             </li>
  113.           </ul>
  114.         </div>
  115.       </div>
  116.     </div>
  117.   </div>
  118.   <!--<style>
  119.     .headerWrapper > img {
  120.       width: 100%;
  121.       display: block;
  122.     }
  123.     .ec-headerNaviRole__left > a > img {
  124.       width: 100%;
  125.       max-width: 200px;
  126.     }
  127.     .ec-headerNaviRole .ec-headerNaviRole__right {
  128.       display: block;
  129.       text-align: right;
  130.       width: 100%;
  131.     }
  132.     .ec-headerNaviRole .ec-headerNaviRole__right > div {
  133.       width: 100%;
  134.     }
  135.     .headerNaviRole__right__inner {
  136.       display: flex;
  137.     }
  138.     li, ul {
  139.       list-style: none;
  140.     }
  141.     ul {
  142.       width: 100%;
  143.       align-items: center;
  144.       padding-left: 0;
  145.       justify-content: end;
  146.       margin: 0;
  147.     }
  148.     li {
  149.       margin: 0 5px;
  150.     }
  151.     .ec-cartNavi {
  152.       min-width: auto;
  153.     }
  154.     .ec-headerNav .ec-headerNav__item,
  155.     .ec-headerNav .ec-headerNav__item a,
  156.     .ec-headerNav {
  157.       display: flex;
  158.     }
  159.     @media screen and ( max-width : 800px ) {
  160.       li,
  161.       .ec-headerNav .ec-headerNav__itemLink {
  162.         font-size: 12px;
  163.       }
  164.       .ec-headerSearch .ec-headerSearch__category .ec-select select {
  165.         max-width: 100px;
  166.         height: 30px;
  167.         font-size: 12px;
  168.       }
  169.       .ec-headerSearch .ec-headerSearch__keyword input[type="search"] {
  170.         padding: 0;
  171.         height: 28px;
  172.       }
  173.       .ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search {
  174.         border-top-right-radius: inherit;
  175.         border-top-left-radius: 50px;
  176.         border-bottom-left-radius: 50px;
  177.       }
  178.       .ec-headerSearch .ec-headerSearch__keyword {
  179.         float: right;
  180.         width: 57%;
  181.         border-bottom-left-radius: inherit;
  182.         border-top-right-radius: 50px;
  183.         border-bottom-right-radius: 50px;
  184.       }
  185.       .ec-headerSearch .searchform {
  186.         display: flex;
  187.       }
  188.     }
  189.     @media screen and ( max-width : 600px ) {
  190.       .ec-headerNaviRole {
  191.         display: block;
  192.       }
  193.       ul.flex {
  194.         justify-content: space-around;
  195.         margin-top: 15px;
  196.       }
  197.       .ec-headerNaviRole .ec-headerNaviRole__left {
  198.         width: auto;
  199.         text-align: center;
  200.       }
  201.     }
  202.     @media screen and ( max-width : 480px ) {
  203.       li {
  204.         margin: 0 1px;
  205.       }
  206.       .ec-cartNavi {
  207.         padding: 10px 0 0 0;
  208.       }
  209.     }
  210.   </style>-->