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

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  3. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  4. http://www.ec-cube.co.jp/
  5. For the full copyright and license information, please view the LICENSE
  6. file that was distributed with this source code.
  7. #}
  8. {% if Page.url == 'homepage' %}
  9.     {% set logoAlt = "ぽん酢・つゆ・調味料の通販/お取り寄せ|手造りひろた食" %}
  10. {% elseif app.request.get('_route') == 'product_detail' %}
  11.     {% set logoAlt = Product.name ~ "|ぽん酢・つゆ・調味料の通販/お取り寄せ|手造りひろた食品株式会社" %}
  12. {% elseif app.request.get('_route') == 'product_list' %}
  13.     {% if Category %}
  14.         {% set logoAlt = Category.name ~ "|商品一覧|ぽん酢・つゆ・調味料の通販/お取り寄せ|手造りひろた食品株式会社" %}
  15.     {% else %}
  16.         {% set logoAlt = title ~ "|ぽん酢・つゆ・調味料の通販/お取り寄せ|手造りひろた食品株式会社" %}
  17.     {% endif %}
  18. {% elseif app.request.get('_route') == 'recipe' %}
  19.     {% if Category %}
  20.         {% set logoAlt = Category.name ~ "|レシピ一覧|ぽん酢・つゆ・調味料の通販/お取り寄せ|手造りひろた食品株式会社" %}
  21.     {% elseif Tag %}
  22.         {% set logoAlt = Tag.name ~ "|レシピ一覧|ぽん酢・つゆ・調味料の通販/お取り寄せ|手造りひろた食品株式会社" %}
  23.     {% elseif Material %}
  24.         {% set logoAlt = Material.name ~ "|レシピ一覧|ぽん酢・つゆ・調味料の通販/お取り寄せ|手造りひろた食品株式会社" %}
  25.     {% else %}
  26.         {% set logoAlt = "レシピ一覧|ぽん酢・つゆ・調味料の通販/お取り寄せ|手造りひろた食品株式会社" %}
  27.     {% endif %}
  28. {% elseif app.request.get('_route') == 'recipe_detail' %}
  29.         {% set logoAlt = Recipe.name ~ "|ぽん酢・つゆ・調味料の通販/お取り寄せ|手造りひろた食品株式会社" %}
  30. {% else %}
  31.         {% set logoAlt = title ~ "|ぽん酢・つゆ・調味料の通販/お取り寄せ|手造りひろた食品株式会社" %}
  32. {% endif %}
  33. {% set totalQuantity = get_carts_total_quantity() %}
  34. <div class="header-top">
  35.     <div class="inner">
  36.         <p class="header-text">{{'ひろたのこだわりをご自宅で' | trans}}</p>
  37.         <nav class="header-nav">
  38.             {{ include('Block/login.twig') }}
  39.             {{ include('Block/cart.twig') }}
  40.         </nav>
  41.     </div>
  42. </div>
  43. <div class="header-bottom">
  44.     <div class="inner">
  45.         <div class="header-bottom-left">
  46.             <h1 class="header-logo">
  47.                 <a href="{{ url('homepage') }}">
  48.                     <img src="{{ asset('assets/img/common/logo-header.svg', 'user_data') }}" alt="{{ logoAlt }}">
  49.                     <span class="sr-only">{{ logoAlt }}</span>
  50.                 </a>
  51.             </h1>
  52.             <div class="ec-headerNaviRole__search">
  53.                 {{ render(path('block_search_product')) }}
  54.             </div>
  55.         </div>
  56.         <div class="header-bottom-right">
  57.             <div class="header-bottom-cart">
  58.                 <a href="{{ url('cart') }}">
  59.                     <div class="header-bottom-cart-icon">
  60.                         <img src="{{ asset('assets/img/common/sp/icon-cart_nav.svg', 'user_data') }}" alt="">
  61.                         <span class="header-cart-badge">{{ totalQuantity|number_format }}</span>
  62.                     </div>
  63.                 </a>
  64.             </div>
  65.             <nav class="header-nav">
  66.                 <ul class="header-bottom-list">
  67.                     <li class="header-bottom-item has-child">
  68.                         <span>{{'商品一覧' | trans}}</span>
  69.                         <div class="header-child">
  70.                             <div class="inner">
  71.                                 <div class="header-child-head">
  72.                                     <p class="header-child-title">商品一覧</p>
  73.                                     <div class="p-button header-child-button green">
  74.                                         <a href="{{ url('product_list') }}">商品一覧へ</a>
  75.                                     </div>
  76.                                 </div>
  77.                                 <div class="header-child-body">
  78.                                     <ul class="header-child-list">
  79.                                         <li class="header-child-item">
  80.                                             <a href="{{ url('product_list') }}?category_id=7">
  81.                                                 <div class="header-child-item-head">
  82.                                                     <img src="{{ asset('assets/img/common/img-category_ponzu.png', 'user_data') }}" alt="">
  83.                                                 </div>
  84.                                                 <div class="header-child-item-body">ぽんず</div>
  85.                                             </a>
  86.                                         </li>
  87.                                         <li class="header-child-item">
  88.                                             <a href="{{ url('product_list') }}?category_id=8">
  89.                                                 <div class="header-child-item-head">
  90.                                                     <img src="{{ asset('assets/img/common/img-category_nabetsuyu.png', 'user_data') }}" alt="">
  91.                                                 </div>
  92.                                                 <div class="header-child-item-body">鍋つゆ</div>
  93.                                             </a>
  94.                                         </li>
  95.                                         <li class="header-child-item">
  96.                                             <a href="{{ url('product_list') }}?category_id=9">
  97.                                                 <div class="header-child-item-head">
  98.                                                     <img src="{{ asset('assets/img/common/img-category_condiment.png', 'user_data') }}" alt="">
  99.                                                 </div>
  100.                                                 <div class="header-child-item-body">基本調味料</div>
  101.                                             </a>
  102.                                         </li>
  103.                                         <li class="header-child-item">
  104.                                             <a href="{{ url('product_list') }}?category_id=10">
  105.                                                 <div class="header-child-item-head">
  106.                                                     <img src="{{ asset('assets/img/common/img-category_tsuyu.png', 'user_data') }}" alt="">
  107.                                                 </div>
  108.                                                 <div class="header-child-item-body">つゆ</div>
  109.                                             </a>
  110.                                         </li>
  111.                                         <li class="header-child-item">
  112.                                             <a href="{{ url('product_list') }}?category_id=11">
  113.                                                 <div class="header-child-item-head">
  114.                                                     <img src="{{ asset('assets/img/common/img-category_gyoumu.png', 'user_data') }}" alt="">
  115.                                                 </div>
  116.                                                 <div class="header-child-item-body">業務用</div>
  117.                                             </a>
  118.                                         </li>
  119.                                         <li class="header-child-item">
  120.                                             <a href="{{ url('product_list') }}?category_id=12">
  121.                                                 <div class="header-child-item-head">
  122.                                                     <img src="{{ asset('assets/img/common/img-category_gift.png', 'user_data') }}" alt="">
  123.                                                 </div>
  124.                                                 <div class="header-child-item-body">ギフト</div>
  125.                                             </a>
  126.                                         </li>
  127.                                     </ul>
  128.                                 </div>
  129.                             </div>
  130.                         </div>
  131.                     </li>
  132.                     <li class="header-bottom-item">
  133.                         <a href="{{ url('help_about') }}">{{'こだわり' | trans }}</a>
  134.                     </li>
  135.                     <li class="header-bottom-item">
  136.                         <a href="{{ url('recipe') }}">{{'レシピ' | trans }}</a>
  137.                     </li>
  138.                     <li class="header-bottom-item">
  139.                         <a href="{{ url('help_guide') }}">{{'ご利用ガイド' | trans }}</a>
  140.                     </li>
  141.                 </ul>
  142.             </nav>
  143.         </div>
  144.         <div class="header-bottom-search">
  145.             {{ render(path('block_search_product')) }}
  146.         </div>
  147.         <button class="burger" type="button">
  148.             <span class="burger-line"></span>
  149.         </button>
  150.         <div class="burger-content">
  151.             <div class="inner">
  152.                 {{ include('Block/login_sp.twig') }}
  153.                 <div class="burger-search">
  154.                     {{ render(path('block_search_product')) }}
  155.                 </div>
  156.                 <nav class="burger-nav-bottom">
  157.                     <ul class="burger-nav-list">
  158.                         <li class="burger-nav-item has-child">
  159.                             <span>{{'商品一覧' | trans}}</span>
  160.                             <ul class="burger-child-list">
  161.                                 <li class="burger-child-item">
  162.                                     <a href="{{ url('product_list') }}?category_id=7">ぽんず</a>
  163.                                 </li>
  164.                                 <li class="burger-child-item">
  165.                                     <a href="{{ url('product_list') }}?category_id=8">鍋つゆ</a>
  166.                                 </li>
  167.                                 <li class="burger-child-item">
  168.                                     <a href="{{ url('product_list') }}?category_id=9">基本調味料</a>
  169.                                 </li>
  170.                                 <li class="burger-child-item">
  171.                                     <a href="{{ url('product_list') }}?category_id=10">つゆ</a>
  172.                                 </li>
  173.                                 <li class="burger-child-item">
  174.                                     <a href="{{ url('product_list') }}?category_id=11">業務用</a>
  175.                                 </li>
  176.                                 <li class="burger-child-item">
  177.                                     <a href="{{ url('product_list') }}?category_id=12">ギフト</a>
  178.                                 </li>
  179.                             </ul>
  180.                         </li>
  181.                         <li class="burger-nav-item">
  182.                             <a href="{{ url('help_about') }}">手造りひろたのぽんずとは</a>
  183.                         </li>
  184.                         <li class="burger-nav-item">
  185.                             <a href="{{ url('recipe') }}">おすすめレシピ</a>
  186.                         </li>
  187.                         <li class="burger-nav-item">
  188.                             <a href="{{ url('help_guide') }}">ご利用ガイド</a>
  189.                         </li>
  190.                     </ul>
  191.                 </nav>
  192.                 <div class="burger-link-wrap">
  193.                     <a href="{{ url('help_tradelaw') }}" class="burger-link">特定商取引法に関する表記</a>
  194.                     <a href="{{ url('help_privacy') }}" class="burger-link">プライバシーポリシー</a>
  195.                 </div>
  196.                 <div class="p-button green">
  197.                     <a href="{{ url('contact') }}">お問い合わせ</a>
  198.                 </div>
  199.             </div>
  200.         </div>
  201.     </div>
  202. </div>