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

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  4. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  6. http://www.ec-cube.co.jp/
  8. For the full copyright and license information, please view the LICENSE
  9. file that was distributed with this source code.
  10. #}
  11. {% set Categories = repository('Eccube\\Entity\\Category').getList() %}
  13. <div class="l-header">
  14.   <div class="l-header__inner">
  15.     <div class="l-header__left">
  16.       <div class="l-header__logo">
  17.         <a href="{{ url('homepage') }}"><img src="/html/user_data/assets/img/common/logo.png" alt="" /></a>
  18.         <p class="l-header__days">10:00-19:00 / 水曜定休</p>
  19.       </div>
  20.       <div class="l-header__search u-pc-only">{{ render(path('block_search_product')) }}</div>
  21.       {# <div class="ec-headerRole__navSP">{{ include('Block/nav_sp.twig') }}</div> #}
  22.     </div>
  23.     <div class="js-headerSpContent l-header__center">
  24.       <div class="l-header__megamenu">
  25.         <div class="l-header__search u-sp-only">{{ render(path('block_search_product')) }}</div>
  26.         <nav class="l-header__megamenuNav">
  27.           <ul class="l-header__megamenuNavList">
  28.             {% for Category in Categories %}
  29.               {% if (Category.children|length) > 0 %}
  30.                 <li class="l-header__megamenuItem">
  31.                   <button>{{ Category.name }}</button>
  32.                   <div class="l-header__megamenuContent">
  33.                     <ul class="l-header__megamenuContentList">
  34.                       {% for CategoryChildren in Category.children %}
  35.                         {% if (CategoryChildren.children|length) > 0 %}
  36.                           <li class="l-header__megamenuContentItem">
  37.                             <button>・{{ CategoryChildren.name }}</button>
  38.                             <div class="l-header__megamenuContentChildWrap">
  39.                               {% for group in CategoryChildren.children|batch(14) %}
  40.                                 <ul class="l-header__megamenuContentChild">
  41.                                   {% for CategoryGrandchild in group %}
  42.                                     <li class="l-header__megamenuContentChildItem">
  43.                                       <a href="{{ url('product_list') }}?category_id={{ CategoryGrandchild.id }}">{{ CategoryGrandchild.name }}</a>
  44.                                     </li>
  45.                                   {% endfor %}
  46.                                 </ul>
  47.                               {% endfor %}
  48.                             </div>
  49.                           </li>
  50.                         {% endif %}
  51.                       {% endfor %}
  52.                     </ul>
  53.                   </div>
  54.                 </li>
  55.               {% endif %}
  56.             {% endfor %}
  57.           </ul>
  58.         </nav>
  59.       </div>
  60.     </div>
  61.     <div class="l-header__right">
  62.       {# <div class="l-header__nav">{{ include('Block/login.twig') }}</div> #}
  63.       <div class="l-header__cart">{{ include('Block/cart.twig') }}</div>
  64.       <div class="l-header__contact">
  65.         <a href="{{ url('contact') }}"><img src="/html/user_data/assets/img/common/icon-contact.svg" alt="" /></a>
  66.       </div>
  67.       <button class="js-headerSpBtn l-header__spBtn">
  68.         <span class="js-headerBtn l-header__spBtnInner">
  69.           <span class="l-header__spBtnLine"></span>
  70.           <span class="l-header__spBtnText">メニュー</span>
  71.         </span>
  72.       </button>
  73.     </div>
  74.   </div>
  75. </div>
  76. <div class="js-fixedContent c-fixedContent">
  77.   <div class="c-tmpClosed">
  78.     <div class="c-tmpClosed__inner">
  79.       <button class="js-fixed-btn c-tmpClosed__head">
  80.         <div class="c-tmpClosed__head--img">
  81.           <img class="c-tmpClosed__head--open" src="/html/user_data/assets/img/common/tmpClosed-open.svg" alt="" />
  82.           <img class="c-tmpClosed__head--close" src="/html/user_data/assets/img/common/tmpClosed-close.svg" alt="" />
  83.         </div>臨時休業
  84.       </button>
  85.       <div class="js-fixed-item c-tmpClosed__body">
  86.         <div class="c-tmpClosed__itemWrap">
  87.           <p class="c-tmpClosed__item">
  88.             <span class="c-tmpClosed__itemHead">
  89.               <span>SUN</span>
  90.               <span>11</span>
  91.             </span>
  92.             <span class="c-tmpClosed__itemBody">山の日</span>
  93.           </p>
  94.           <p class="c-tmpClosed__item">
  95.             <span class="c-tmpClosed__itemHead">
  96.               <span>SUN</span>
  97.               <span>11</span>
  98.             </span>
  99.             <span class="c-tmpClosed__itemBody">山の日</span>
  100.           </p>
  101.           <p class="c-tmpClosed__item">
  102.             <span class="c-tmpClosed__itemHead">
  103.               <span>SUN</span>
  104.               <span>11</span>
  105.             </span>
  106.             <span class="c-tmpClosed__itemBody">山の日</span>
  107.           </p>
  108.           <p class="c-tmpClosed__item">
  109.             <span class="c-tmpClosed__itemHead">
  110.               <span>SUN</span>
  111.               <span>11</span>
  112.             </span>
  113.             <span class="c-tmpClosed__itemBody">山の日</span>
  114.           </p>
  115.           <p class="c-tmpClosed__item">
  116.             <span class="c-tmpClosed__itemHead">
  117.               <span>SUN</span>
  118.               <span>11</span>
  119.             </span>
  120.             <span class="c-tmpClosed__itemBody">山の日</span>
  121.           </p>
  122.           <p class="c-tmpClosed__item">
  123.             <span class="c-tmpClosed__itemHead">
  124.               <span>SUN</span>
  125.               <span>11</span>
  126.             </span>
  127.             <span class="c-tmpClosed__itemBody">山の日</span>
  128.           </p>
  129.           <p class="c-tmpClosed__item">
  130.             <span class="c-tmpClosed__itemHead">
  131.               <span>SUN</span>
  132.               <span>11</span>
  133.             </span>
  134.             <span class="c-tmpClosed__itemBody">山の日</span>
  135.           </p>
  136.           <p class="c-tmpClosed__item">
  137.             <span class="c-tmpClosed__itemHead">
  138.               <span>SUN</span>
  139.               <span>11</span>
  140.             </span>
  141.             <span class="c-tmpClosed__itemBody">山の日</span>
  142.           </p>
  143.         </div>
  144.       </div>
  145.     </div>
  146.   </div>
  147.   <div class="c-campaign">
  148.     <div class="c-campaign__inner">
  149.       <button class="js-fixed-btn c-campaign__head">
  150.         キャンペーン情報<div class="c-campaign__head--img">
  151.           <img class="c-campaign__head--open" src="/html/user_data/assets/img/common/campaign-open.svg" alt="" />
  152.           <img class="c-campaign__head--close" src="/html/user_data/assets/img/common/campaign-close.svg" alt="" />
  153.         </div>
  154.       </button>
  155.       <div class="js-fixed-item c-campaign__body">
  156.         <div class="c-campaign__itemWrap">
  157.           <div class="c-campaign__item">
  158.             <a href="/user_data/campaign#1"><img src="/html/user_data/assets/img/common/240212rp8present.jpg" alt="" /></a>
  159.           </div>
  160.           <div class="c-campaign__item">
  161.             <a href="/user_data/campaign#2"><img src="/html/user_data/assets/img/common/rp9_rp8_test.jpg" alt="" /></a>
  162.           </div>
  163.           <div class="c-campaign__item">
  164.             <a href="/user_data/campaign#3"><img src="/html/user_data/assets/img/top/banner03.png" alt="" /></a>
  165.           </div>
  166.           <div class="c-campaign__item">
  167.             <a href="/user_data/campaign#4"><img src="/html/user_data/assets/img/top/banner01.png" alt="" /></a>
  168.           </div>
  169.           <div class="c-campaign__item">
  170.             <a href="/user_data/campaign#5"><img src="/html/user_data/assets/img/common/senri_deliv_free_30km_001.jpg" alt="" /></a>
  171.           </div>
  172.           <div class="c-campaign__item">
  173.             <a href=""><img src="/html/user_data/assets/img/top/banner03.png" alt="" /></a>
  174.           </div>
  175.           <div class="c-campaign__item">
  176.             <a href=""><img src="/html/user_data/assets/img/top/banner01.png" alt="" /></a>
  177.           </div>
  178.           <div class="c-campaign__item">
  179.             <a href=""><img src="/html/user_data/assets/img/top/banner02.png" alt="" /></a>
  180.           </div>
  181.           <div class="c-campaign__item">
  182.             <a href=""><img src="/html/user_data/assets/img/top/banner03.png" alt="" /></a>
  183.           </div>
  184.           <div class="c-campaign__item">
  185.             <a href=""><img src="/html/user_data/assets/img/top/banner01.png" alt="" /></a>
  186.           </div>
  187.           <div class="c-campaign__item">
  188.             <a href=""><img src="/html/user_data/assets/img/top/banner02.png" alt="" /></a>
  189.           </div>
  190.           <div class="c-campaign__item">
  191.             <a href=""><img src="/html/user_data/assets/img/top/banner03.png" alt="" /></a>
  192.           </div>
  193.         </div>
  194.       </div>
  195.     </div>
  196.   </div>
  197. </div>