{#
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.
#}
{% block javascript %}
<script>
/*
function dropdownMenuClose() {
$('.sp-topMenu').css('display', 'none')
}*/
$(function(){
$('.sp-header .btnCatetory .ec-button').on('click',function(e){
e.preventDefault();
if($('.ec-headerNaviRole').hasClass('open') || $('.ec-headerNaviRole').hasClass('open_cat')){
$('.ec-headerNaviRole').removeClass('open');
$('.ec-headerNaviRole').removeClass('open_cat');
$('.sp-topCategory').removeClass('open');
$('.ec-headerNav .ec-headerNav__item.btnCatetory').css('background-color', '#238ACB');
}else{
$('.ec-headerNaviRole').addClass('open');
$('.ec-headerNav .ec-headerNav__item.btnCatetory').css('background-color', '#E0E0E0');
}
});
$('.ec-footerSticky__list').on('click',function(e){
e.preventDefault();
if($('.ec-headerNaviRole').hasClass('open') || $('.ec-headerNaviRole').hasClass('open_cat')){
$('.ec-headerNaviRole').removeClass('open');
$('.ec-headerNaviRole').removeClass('open_cat');
$('.sp-topCategory').removeClass('open');
$('.ec-headerNav .ec-headerNav__item.btnCatetory').css('background-color', '#238ACB');
}else{
$('.sp-topCategory').addClass('open');
$('.ec-headerNaviRole').addClass('open_cat');
$('.ec-headerNav .ec-headerNav__item.btnCatetory').css('background-color', '#E0E0E0');
}
});
$('.ec-categoryList').on('click',function(e){
e.preventDefault();
if($('.ec-headerNaviRole').hasClass('open') || $('.ec-headerNaviRole').hasClass('open_cat')){
$('.ec-headerNaviRole').removeClass('open');
$('.ec-headerNaviRole').removeClass('open_cat');
$('.sp-topCategory').removeClass('open');
$('.sp-topCategory').addClass('open');
$('.ec-headerNaviRole').addClass('open_cat');
$('.ec-headerNav .ec-headerNav__item.btnCatetory').css('background-color', '#E0E0E0');
}else{
$('.ec-headerNaviRole').removeClass('open');
$('.ec-headerNaviRole').removeClass('open_cat');
$('.sp-topCategory').removeClass('open');
$('.ec-headerNav .ec-headerNav__item.btnCatetory').css('background-color', '#238ACB');
}
});
})
</script>
{% endblock %}
{% form_theme form 'Form/form_div_layout.twig' %}
<div class="ec-headerNaviRole">
<div class="sp-header">
<div class="ec-headerNaviRole__logoSP">
<a href="{{ url('homepage') }}">
<div class="ec-headerNaviRole-logoimgSP">
<img src="{{ asset('assets/img/sp/top/logo.svg') }}" alt="" />
</div>
</a>
</div>
<div class="ec-headerNaviRole__rightSP">
<div class="ec-smartphoneSearch">
<form method="get" class="searchform" action="{{ path('product_list') }}">
<div class="ec-smartphoneSearch__keyword">
<div class="ec-input ec-input__keyword">
<input type="search" name="name" maxlength="50" class="search-name" placeholder="商品を探す">
<button type="submit">
<img src="{{ asset('assets/img/sp/top/search.svg') }}">
</button>
</div>
</div>
</form>
</div>
{{ include('Block/login.twig') }}
</div>
</div>
{% if is_granted('ROLE_USER') %}
<div class="sp-topMenu">
<div class="sp-topMenu__header">
<a href="{{ url('homepage') }}">
<div class="sp-topMenu__logo">
<img src="{{ asset('assets/img/sp/top/logo.svg') }}" alt="" />
</div>
</a>
<div class="sp-topMenu__closeBtn">
<img src="{{ asset('assets/icon/cross.svg') }}" alt="remove">
CLOSE
</div>
</div>
<div class="ec-blockspliter show-resultPC"></div>
<ul class="ec-footerNavi">
<li class="ec-footerNavi__link">
<a class="sp-topMenu__home" href="{{ url('help_guide') }}">{{ '初めての方へ'|trans }}</a>
</li>
<li class="ec-footerNavi__link">
<a href="{{ url('help_about') }}">{{ 'ご利用ガイド'|trans }}</a>
</li>
<li class="ec-footerNavi__link">
<a href="{{ url('news_list') }}">{{ 'お知らせ'|trans }}</a>
</li>
<li class="ec-footerNavi__link">
<a href="{{ url('contact') }}">{{ 'お問い合わせ'|trans }}</a>
</li>
<li class="ec-footerNavi__link">
<a href="{{ url('help_agreement') }}">{{ 'ご利用規約'|trans }}</a>
</li>
<li class="ec-footerNavi__link">
<a href="{{ url('help_tradelaw') }}">{{ '特定商取引法に基づく表記'|trans }}</a>
</li>
<li class="ec-footerNavi__link">
<a href="{{ url('help_privacy') }}">{{ 'プライバシーポリシー'|trans }}</a>
</li>
</ul>
<div class="dropdown-inputMenu loginStatus">
<div class="ec-smartphoneSearch">
<form method="get" class="searchform" action="{{ path('product_list') }}">
<div class="ec-smartphoneSearch__keyword">
<div class="ec-input ec-input__keyword">
{{ form_widget(form.name, {'id': null, 'attr': {'class': 'search-name', 'placeholder' : '商品を探す' }} ) }}
<button type="submit">
<img src="{{ asset('assets/img/sp/top/search.svg') }}">
</button>
</div>
<a class="ec-categoryList" href="#">
<button type="button" class="sp-topMenu__search">{{ '商品カテゴリ'|trans }}</button>
</a>
</div>
</form>
</div>
</div>
<div class="ec-blockspliter"></div>
<div class="dropdown-login">
<a class="sp-topMenu__login" href="{{ url('mypage') }}">
<img src="{{ asset('assets/img/top/login.svg') }}">
{{ 'マイページ'|trans }}
</a>
<a href="{{ url('cart') }}" class="sp-topMenu__cart">
<img src="{{ asset('assets/img/top/cart.svg') }}" />
{{ 'カート'|trans }}
</a>
</div>
</div>
{% else %}
<div class="sp-topMenu">
<div class="sp-topMenu__header">
<a href="{{ url('homepage') }}">
<div class="sp-topMenu__logo">
<img src="{{ asset('assets/img/sp/top/logo.svg') }}" alt="" />
</div>
</a>
<div class="sp-topMenu__closeBtn">
<img src="{{ asset('assets/icon/cross.svg') }}" alt="remove">
CLOSE
</div>
</div>
<ul class="ec-footerNavi">
<li class="ec-footerNavi__link">
<a class="sp-topMenu__home" href="{{ url('help_guide') }}">{{ '初めての方へ'|trans }}</a>
</li>
<li class="ec-footerNavi__link">
<a href="{{ url('help_about') }}">{{ 'ご利用ガイド'|trans }}</a>
</li>
<li class="ec-footerNavi__link">
<a href="{{ url('news_list') }}">{{ 'お知らせ'|trans }}</a>
</li>
<li class="ec-footerNavi__link">
<a href="{{ url('contact') }}">{{ 'お問い合わせ'|trans }}</a>
</li>
<li class="ec-footerNavi__link">
<a href="{{ url('help_agreement') }}">{{ 'ご利用規約'|trans }}</a>
</li>
<li class="ec-footerNavi__link">
<a href="{{ url('help_tradelaw') }}">{{ '特定商取引法に基づく表記'|trans }}</a>
</li>
<li class="ec-footerNavi__link">
<a href="{{ url('help_privacy') }}">{{ 'プライバシーポリシー'|trans }}</a>
</li>
</ul>
<div class="dropdown-inputMenu">
<div class="ec-smartphoneSearch">
<form method="get" class="searchform" action="{{ path('product_list') }}">
<div class="ec-smartphoneSearch__keyword">
<div class="ec-input ec-input__keyword">
{{ form_widget(form.name, {'id': null, 'attr': {'class': 'search-name', 'placeholder' : '商品を探す' }} ) }}
<button type="submit">
<img src="{{ asset('assets/img/sp/top/search.svg') }}">
</button>
</div>
<a class="ec-categoryList" href="#">
<button type="button" class="sp-topMenu__search">{{ '商品カテゴリ'|trans }}</button>
</a>
</div>
</form>
</div>
</div>
<div class="ec-blockspliter"></div>
<div class="dropdown-register">
<a href="{{ url('entry') }}" class="sp-topMenu__register">
<button type="button">
<img src="{{ asset('assets/img/sp/top/register.svg') }}" />
{{ '新規会員登録'|trans }}
</button>
</a>
</div>
<div class="ec-blockspliter"></div>
<div class="dropdown-login">
<a href="{{ url('mypage_login') }}" class="sp-topMenu__login">
<img src="{{ asset('assets/img/top/login.svg') }}" />
{{ 'ログイン'|trans }}
</a>
<a href="{{ url('cart') }}" class="sp-topMenu__cart">
<img src="{{ asset('assets/img/top/cart.svg') }}" />
{{ 'カート'|trans }}
</a>
</div>
</div>
{% endif %}
{{ render(path('block_search_product_sp')) }}
</div>