{#
This file is part of EC-CUBE
Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
http://www.ec-cube.co.jp/
For the full copyright and license information, please view the LICENSE
file that was distributed with this source code.
#}
{% if Page.url == 'homepage' %}
{% set logoAlt = "ぽん酢・つゆ・調味料の通販/お取り寄せ|手造りひろた食" %}
{% elseif app.request.get('_route') == 'product_detail' %}
{% set logoAlt = Product.name ~ "|ぽん酢・つゆ・調味料の通販/お取り寄せ|手造りひろた食品株式会社" %}
{% elseif app.request.get('_route') == 'product_list' %}
{% if Category %}
{% set logoAlt = Category.name ~ "|商品一覧|ぽん酢・つゆ・調味料の通販/お取り寄せ|手造りひろた食品株式会社" %}
{% else %}
{% set logoAlt = title ~ "|ぽん酢・つゆ・調味料の通販/お取り寄せ|手造りひろた食品株式会社" %}
{% endif %}
{% elseif app.request.get('_route') == 'recipe' %}
{% if Category %}
{% set logoAlt = Category.name ~ "|レシピ一覧|ぽん酢・つゆ・調味料の通販/お取り寄せ|手造りひろた食品株式会社" %}
{% elseif Tag %}
{% set logoAlt = Tag.name ~ "|レシピ一覧|ぽん酢・つゆ・調味料の通販/お取り寄せ|手造りひろた食品株式会社" %}
{% elseif Material %}
{% set logoAlt = Material.name ~ "|レシピ一覧|ぽん酢・つゆ・調味料の通販/お取り寄せ|手造りひろた食品株式会社" %}
{% else %}
{% set logoAlt = "レシピ一覧|ぽん酢・つゆ・調味料の通販/お取り寄せ|手造りひろた食品株式会社" %}
{% endif %}
{% elseif app.request.get('_route') == 'recipe_detail' %}
{% set logoAlt = Recipe.name ~ "|ぽん酢・つゆ・調味料の通販/お取り寄せ|手造りひろた食品株式会社" %}
{% else %}
{% set logoAlt = title ~ "|ぽん酢・つゆ・調味料の通販/お取り寄せ|手造りひろた食品株式会社" %}
{% endif %}
{% set totalQuantity = get_carts_total_quantity() %}
<div class="header-top">
<div class="inner">
<p class="header-text">{{'ひろたのこだわりをご自宅で' | trans}}</p>
<nav class="header-nav">
{{ include('Block/login.twig') }}
{{ include('Block/cart.twig') }}
</nav>
</div>
</div>
<div class="header-bottom">
<div class="inner">
<div class="header-bottom-left">
<h1 class="header-logo">
<a href="{{ url('homepage') }}">
<img src="{{ asset('assets/img/common/logo-header.svg', 'user_data') }}" alt="{{ logoAlt }}">
<span class="sr-only">{{ logoAlt }}</span>
</a>
</h1>
<div class="ec-headerNaviRole__search">
{{ render(path('block_search_product')) }}
</div>
</div>
<div class="header-bottom-right">
<div class="header-bottom-cart">
<a href="{{ url('cart') }}">
<div class="header-bottom-cart-icon">
<img src="{{ asset('assets/img/common/sp/icon-cart_nav.svg', 'user_data') }}" alt="">
<span class="header-cart-badge">{{ totalQuantity|number_format }}</span>
</div>
</a>
</div>
<nav class="header-nav">
<ul class="header-bottom-list">
<li class="header-bottom-item has-child">
<span>{{'商品一覧' | trans}}</span>
<div class="header-child">
<div class="inner">
<div class="header-child-head">
<p class="header-child-title">商品一覧</p>
<div class="p-button header-child-button green">
<a href="{{ url('product_list') }}">商品一覧へ</a>
</div>
</div>
<div class="header-child-body">
<ul class="header-child-list">
<li class="header-child-item">
<a href="{{ url('product_list') }}?category_id=7">
<div class="header-child-item-head">
<img src="{{ asset('assets/img/common/img-category_ponzu.png', 'user_data') }}" alt="">
</div>
<div class="header-child-item-body">ぽんず</div>
</a>
</li>
<li class="header-child-item">
<a href="{{ url('product_list') }}?category_id=8">
<div class="header-child-item-head">
<img src="{{ asset('assets/img/common/img-category_nabetsuyu.png', 'user_data') }}" alt="">
</div>
<div class="header-child-item-body">鍋つゆ</div>
</a>
</li>
<li class="header-child-item">
<a href="{{ url('product_list') }}?category_id=9">
<div class="header-child-item-head">
<img src="{{ asset('assets/img/common/img-category_condiment.png', 'user_data') }}" alt="">
</div>
<div class="header-child-item-body">基本調味料</div>
</a>
</li>
<li class="header-child-item">
<a href="{{ url('product_list') }}?category_id=10">
<div class="header-child-item-head">
<img src="{{ asset('assets/img/common/img-category_tsuyu.png', 'user_data') }}" alt="">
</div>
<div class="header-child-item-body">つゆ</div>
</a>
</li>
<li class="header-child-item">
<a href="{{ url('product_list') }}?category_id=11">
<div class="header-child-item-head">
<img src="{{ asset('assets/img/common/img-category_gyoumu.png', 'user_data') }}" alt="">
</div>
<div class="header-child-item-body">業務用</div>
</a>
</li>
<li class="header-child-item">
<a href="{{ url('product_list') }}?category_id=12">
<div class="header-child-item-head">
<img src="{{ asset('assets/img/common/img-category_gift.png', 'user_data') }}" alt="">
</div>
<div class="header-child-item-body">ギフト</div>
</a>
</li>
</ul>
</div>
</div>
</div>
</li>
<li class="header-bottom-item">
<a href="{{ url('help_about') }}">{{'こだわり' | trans }}</a>
</li>
<li class="header-bottom-item">
<a href="{{ url('recipe') }}">{{'レシピ' | trans }}</a>
</li>
<li class="header-bottom-item">
<a href="{{ url('help_guide') }}">{{'ご利用ガイド' | trans }}</a>
</li>
</ul>
</nav>
</div>
<div class="header-bottom-search">
{{ render(path('block_search_product')) }}
</div>
<button class="burger" type="button">
<span class="burger-line"></span>
</button>
<div class="burger-content">
<div class="inner">
{{ include('Block/login_sp.twig') }}
<div class="burger-search">
{{ render(path('block_search_product')) }}
</div>
<nav class="burger-nav-bottom">
<ul class="burger-nav-list">
<li class="burger-nav-item has-child">
<span>{{'商品一覧' | trans}}</span>
<ul class="burger-child-list">
<li class="burger-child-item">
<a href="{{ url('product_list') }}?category_id=7">ぽんず</a>
</li>
<li class="burger-child-item">
<a href="{{ url('product_list') }}?category_id=8">鍋つゆ</a>
</li>
<li class="burger-child-item">
<a href="{{ url('product_list') }}?category_id=9">基本調味料</a>
</li>
<li class="burger-child-item">
<a href="{{ url('product_list') }}?category_id=10">つゆ</a>
</li>
<li class="burger-child-item">
<a href="{{ url('product_list') }}?category_id=11">業務用</a>
</li>
<li class="burger-child-item">
<a href="{{ url('product_list') }}?category_id=12">ギフト</a>
</li>
</ul>
</li>
<li class="burger-nav-item">
<a href="{{ url('help_about') }}">手造りひろたのぽんずとは</a>
</li>
<li class="burger-nav-item">
<a href="{{ url('recipe') }}">おすすめレシピ</a>
</li>
<li class="burger-nav-item">
<a href="{{ url('help_guide') }}">ご利用ガイド</a>
</li>
</ul>
</nav>
<div class="burger-link-wrap">
<a href="{{ url('help_tradelaw') }}" class="burger-link">特定商取引法に関する表記</a>
<a href="{{ url('help_privacy') }}" class="burger-link">プライバシーポリシー</a>
</div>
<div class="p-button green">
<a href="{{ url('contact') }}">お問い合わせ</a>
</div>
</div>
</div>
</div>
</div>