app/template/myTemplate/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.     <section id="humburger-menu">
  12.         <div class="wrapper">
  13.             <div class="menu-container">
  14.                 <div class="menu-left">
  15.                     <div class="swiper swiper-humbuger-menu">
  16.                         <div class="swiper-wrapper">
  17.                             {% set Categories = repository('Eccube\\Entity\\Category').getList() %}
  18.                             {% for Category in Categories %}
  19.                                 {% set ChiledCategory = repository('Eccube\\Entity\\Category').find(Category.id) %}
  20.                                 {% set child_categories = ChiledCategory.getChildren %}
  21.                                 {% if child_categories %}
  22.                                     <div class="swiper-slide">
  23.                                         <div class="menu-change">
  24.                                             <h2><a href="/shop/products/list?category_id={{ Category.id }}">{{ Category.name }}</a></h2>
  25.                                         </div>
  26.                                         <ul class="menu-list">
  27.                                             {% for cate1 in child_categories %}
  28.                                                 {% set ChiledCategory2 = repository('Eccube\\Entity\\Category').find(cate1.id) %}
  29.                                                 {% set child_categories2 = ChiledCategory2.getChildren %}
  30.                                                 {% if child_categories2|length > 0 %}
  31.                                                     <li class="accordion-menu">
  32.                                                         <div class="main-menu">
  33.                                                             <p><a href="/shop/products/list?category_id={{ cate1.id }}">{{ cate1.name }}</a></p>
  34.                                                             <div class="arrow"></div>
  35.                                                         </div>
  36.                                                         <ul class="sub-menu">
  37.                                                             {% for cate2 in child_categories2 %}
  38.                                                                 <li class="menu"><a href="/shop/products/list?category_id={{ cate2.id }}">{{ cate2.name }}</a></li>
  39.                                                             {% endfor %}
  40.                                                         </ul>
  41.                                                     </li>
  42.                                                 {% else %}
  43.                                                     <li class="main-menu">
  44.                                                         <a href="/shop/products/list?category_id={{ cate1.id }}">{{ cate1.name }}</a>
  45.                                                     </li>
  46.                                                 {% endif %}
  47.                                             {% endfor %}
  48.                                         </ul>
  49.                                     </div>
  50.                                 {% else %}
  51.                                     <div class="swiper-slide">
  52.                                         <div class="menu-change">
  53.                                             <h2>1.<a href="/shop/products/list?category_id={{ Category.id }}">{{ Category.name }}</a></h2>
  54.                                         </div>
  55.                                     </div>
  56.                                 {% endif %}
  57.                             {% endfor %}
  58.                         </div>
  59.                         <div class="swiper-button-prev"></div>
  60.                         <div class="swiper-button-next"></div>
  61.                     </div>
  62.                 </div>
  63.                 <div class="menu-right">
  64.                     <div class="menu-right-container">
  65.                         <ul class="menu-right-list">
  66.                             <li>
  67.                                 <a href="/">HOME</a>
  68.                             </li>
  69.                             <li>
  70.                                 <a href="/privacy-policy">プライバシーポリシー</a>
  71.                             </li>
  72.                             <li>
  73.                                 <a href="/sale-policy">特定商取引に基づく表記</a>
  74.                             </li>
  75.                             <li>
  76.                                 <a href="/about-us">運営会社</a>
  77.                             </li>
  78.                             <li>
  79.                                 <a href="/news">新着情報</a>
  80.                             </li>
  81.                             <li>
  82.                                 <a href="/contact">お問い合せ</a>
  83.                             </li>
  84.                         </ul>
  85.                         <div class="company">
  86.                             <p class="name">RENEN JAPAN</p>
  87.                             <p class="address">〒066-0031 北海道恵庭市新町52-2</p>
  88.                             <div class="tel-message">
  89.                                 <span class="tel">Tel.</span>
  90.                                 <span class="tel-number">0123-23-1116</span>
  91.                             </div>
  92.                             <p class="time">AM9:00 ~ PM18:00</p>
  93.                         </div>
  94.                     </div>
  95.                 </div>
  96.             </div>
  97.         </div>
  98.     </section>
  99.     <!--
  100.     <section id="humburger-menu">
  101.         <div class="wrapper">
  102.             <div class="menu-container">
  103.                 <div class="menu-left">
  104.                     <div class="swiper swiper-humbuger-menu">
  105.                         <div class="swiper-wrapper">
  106.                             <div class="swiper-slide">
  107.                                 <div class="menu-change">
  108.                                     <h2><a href="/mx">MX</a></h2>
  109.                                 </div>
  110.                                 <ul class="menu-list">
  111.                                     <li class="accordion-menu">
  112.                                         <div class="main-menu">
  113.                                             <p>MOTO KITS</p>
  114.                                             <div class="arrow"></div>
  115.                                         </div>
  116.                                         <ul class="sub-menu">
  117.                                             <li class="menu">
  118.                                                 <a href="#">SLOPE RESET KITS</a>
  119.                                             </li>
  120.                                             <li class="menu">
  121.                                                 <a href="#">S323 RESET KITS</a>
  122.                                             </li>
  123.                                             <li class="menu">
  124.                                                 <a href="#">WHITE CAMO COLLECTION</a>
  125.                                             </li>
  126.                                             <li class="menu">
  127.                                                 <a href="#">GREEN CAMO COLLECTION</a>
  128.                                             </li>
  129.                                             <li class="menu">
  130.                                                 <a href="#">ZEBRA COLLECTION</a>
  131.                                             </li>
  132.                                             <li class="menu">
  133.                                                 <a href="#">BRAKE COLLECTION</a>
  134.                                             </li>
  135.                                         </ul>
  136.                                     </li>
  137.                                     <li class="accordion-menu">
  138.                                         <div class="main-menu">
  139.                                             <p>VENTED KITS</p>
  140.                                             <div class="arrow"></div>
  141.                                         </div>
  142.                                         <ul class="sub-menu">
  143.                                             <li class="menu">
  144.                                                 <a href="#">WHITE CAMO / VENTED</a>
  145.                                             </li>
  146.                                             <li class="menu">
  147.                                                 <a href="#">GREEN CAMO / VENTED</a>
  148.                                             </li>
  149.                                             <li class="menu">
  150.                                                 <a href="#">BLOCK / VIGOR VENTED KITS</a>
  151.                                             </li>
  152.                                             <li class="menu">
  153.                                                 <a href="#">SPECTRUM / VIGOR VENTED KITS</a>
  154.                                             </li>
  155.                                         </ul>
  156.                                     </li>
  157.                                     <li class="accordion-menu">
  158.                                         <div class="main-menu">
  159.                                             <p>MX RACEPANTS</p>
  160.                                             <div class="arrow"></div>
  161.                                         </div>
  162.                                         <ul class="sub-menu">
  163.                                             <li class="menu">XXXX</li>
  164.                                         </ul>
  165.                                     </li>
  166.                                     <li class="main-menu">
  167.                                         <a href="#">MX JERSEYS</a>
  168.                                     </li>
  169.                                     <li class="main-menu">
  170.                                         <a href="#">RENEN × ALPINESTARS </a>
  171.                                     </li>
  172.                                     <li class="main-menu">
  173.                                         <a href="#">RENEN × BELL HELMET</a>
  174.                                     </li>
  175.                                     <li class="main-menu">
  176.                                         <a href="#">RENEN × 100% GOGGLE</a>
  177.                                     </li>
  178.                                     <li class="main-menu">
  179.                                         <a href="#">RENEN × STAYCO</a>
  180.                                     </li>
  181.                                     <li class="main-menu">
  182.                                         <a href="#">GLOVE</a>
  183.                                     </li>
  184.                                     <li class="accordion-menu">
  185.                                         <div class="main-menu">
  186.                                             <p>YOUTH</p>
  187.                                             <div class="arrow"></div>
  188.                                         </div>
  189.                                         <ul class="sub-menu">
  190.                                             <li class="menu">YOUTH MX KITS</li>
  191.                                         </ul>
  192.                                     </li>
  193.                                 </ul>
  194.                             </div>
  195.                             <div class="swiper-slide">
  196.                                 <div class="menu-change">
  197.                                     <h2><a href="/mtb">MTB</a></h2>
  198.                                 </div>
  200.                                 <ul class="menu-list">
  201.                                     <li class="main-menu">
  202.                                         <a href="#">MTB KITS</a>
  203.                                     </li>
  204.                                     <li class="main-menu">
  205.                                         <a href="#">MTB JERSEYS</a>
  206.                                     </li>
  207.                                     <li class="main-menu">
  208.                                         <a href="#">MTB SHORTS</a>
  209.                                     </li>
  210.                                     <li class="main-menu">
  211.                                         <a href="#">MTB PANTS</a>
  212.                                     </li>
  213.                                     <li class="main-menu">
  214.                                         <a href="#">MTB GLOVES</a>
  215.                                     </li>
  216.                                     <li class="main-menu">
  217.                                         <a href="#">GLOVE</a>
  218.                                     </li>
  219.                                 </ul>
  220.                             </div>
  221.                             <div class="swiper-slide">
  222.                                 <div class="menu-change">
  223.                                     <h2><a href="/lifestyle">LIFESTYLE</a></h2>
  224.                                 </div>
  225.                                 <ul class="menu-list">
  226.                                     <li class="main-menu">
  227.                                         <a href="#">HOODIES</a>
  228.                                     </li>
  229.                                     <li class="main-menu">
  230.                                         <a href="#">HATS</a>
  231.                                     </li>
  232.                                 </ul>
  233.                             </div>
  234.                             <div class="swiper-slide">
  235.                                 <div class="menu-change">
  236.                                     <h2><a href="/sale">SALE</a></h2>
  237.                                 </div>
  238.                             </div>
  239.                         </div>
  240.                         <div class="swiper-button-prev"></div>
  241.                         <div class="swiper-button-next"></div>
  242.                     </div>
  243.                 </div>
  244.                 <div class="menu-right">
  245.                     <div class="menu-right-container">
  246.                         <ul class="menu-right-list">
  247.                             <li>
  248.                                 <a href="/">HOME</a>
  249.                             </li>
  250.                             <li>
  251.                                 <a href="/privacy-policy">プライバシーポリシー</a>
  252.                             </li>
  253.                             <li>
  254.                                 <a href="/sale-policy">特定商取引に基づく表記</a>
  255.                             </li>
  256.                             <li>
  257.                                 <a href="/about-us">運営会社</a>
  258.                             </li>
  259.                             <li>
  260.                                 <a href="/news">新着情報</a>
  261.                             </li>
  262.                             <li>
  263.                                 <a href="/contact">お問い合せ</a>
  264.                             </li>
  265.                         </ul>
  266.                         <div class="company">
  267.                             <p class="name">RENEN JAPAN</p>
  268.                             <p class="address">〒066-0031 北海道恵庭市新町52-2</p>
  269.                             <div class="tel-message">
  270.                                 <span class="tel">Tel.</span>
  271.                                 <span class="tel-number">0123-23-1116</span>
  272.                             </div>
  273.                             <p class="time">AM9:00 ~ PM18:00</p>
  274.                         </div>
  275.                     </div>
  276.                 </div>
  277.             </div>
  278.         </div>
  279.     </section>
  280.     -->
  282.     <header id="header" class="header">
  283.         <div class="header">
  284.             <div class="header-left">
  285.                 <h1>
  286.                     <a href="/">
  287.                         <img src="https://mx-build.jp/wp-content/themes/%E3%82%BF%E3%82%A4%E3%82%A8%E3%82%A4%E5%8C%97%E6%B5%B7%E9%81%93%E3%82%A8%E3%83%B3%E3%82%B7%E3%82%99%E3%83%8B%E3%82%A2%E3%82%A2%E3%83%AA%E3%83%B3%E3%82%AF%E3%82%99/img/%E3%82%AF%E3%82%99%E3%83%AB%E3%83%BC%E3%83%95%E3%82%9A%2021716.png" alt="top画像" class="logo">
  288.                         <img src="https://mx-build.jp/wp-content/themes/%E3%82%BF%E3%82%A4%E3%82%A8%E3%82%A4%E5%8C%97%E6%B5%B7%E9%81%93%E3%82%A8%E3%83%B3%E3%82%B7%E3%82%99%E3%83%8B%E3%82%A2%E3%82%A2%E3%83%AA%E3%83%B3%E3%82%AF%E3%82%99/img/%E3%82%AF%E3%82%99%E3%83%AB%E3%83%BC%E3%83%95%E3%82%9A%2021715.png" alt="top画像" class="logo-black">
  289.                         <!--<p class="japan">JAPAN</p>-->
  290.                     </a>
  291.                 </h1>
  292.             </div>
  293.             <div class="header-right">
  294.                 <ul class="icon-list">
  295.                     {{ include('Block/login.twig') }}
  296.                     <div class="menu-btn">
  297.                         <span></span>
  298.                         <span></span>
  299.                         <span></span>
  300.                     </div>
  301.                 </ul>
  302.             </div>
  303.         </div>
  304.     </header>