Symfony Profiler

{#
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.
#}

<script type="text/javascript" src="//webfonts.xserver.jp/js/xserver.js"></script>

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=BIZ+UDPGothic:wght@400;700&family=Noto+Sans+JP:wght@100..900&family=Zen+Kaku+Gothic+Antique:wght@300;400;500;700;900&family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap" rel="stylesheet">

<script async src="https://www.googletagmanager.com/gtag/js?id=G-5KBW9X1BFJ"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-5KBW9X1BFJ');
</script>

<script type="text/javascript">
(function(c,l,a,r,i,t,y){
c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
})(window, document, "clarity", "script", "loa3d04d6t");
</script>
<script>
//言語切り替え処理
function switchLanguage(locale) {
// 現在のURLにlocaleパラメータを追加してリダイレクト
const url = new URL(window.location);
url.searchParams.set('_locale', locale);
window.location.href = url.toString();
}
</script>
<header id="header">
<div class="header-container">
{# 商品購入確認画面では表示しない #}
{% if app.request.get('_route') not in ['shopping_confirm', 'shopping'] %}

<div class="language_switch_wrap">
<div class="ec-headerRole__actions">
<div class="language-switch">
{% for locale in supported_locales() %}
<button class="language-button {{ is_current_locale(locale) ? 'active' : '' }}"
data-locale="{{ locale }}"
onclick="switchLanguage('{{ locale }}')">
{% if locale == 'ja' %}
Ja
{% elseif locale == 'en' %}
En
{% endif %}
</button>
{% endfor %}
</div>
</div>
</div>
{% endif %}

<div class="top">
<a class="top-logo" href="{{ url('homepage') }}"><img src="/html/user_data/assets/img/logo/wishssh_logo_name.png" alt="ヘッダーロゴ"></a>
<div class="top-nav-area">

<ul class="top_nav">
<li class="top_nav_list">
<a href="{{ url('homepage') }}">
{{ 'front.block.header.nav.top'|trans }}
{{'front.block.header.nav.top_sub'|trans}}
</a>
</li>
<li class="top_nav_list">
<a href="{{ url('product_list') }}">
{{ 'front.block.header.nav.product_list'|trans }}
{{'front.block.header.nav.product_list_sub'|trans}}
</a>
</li>
<li class="top_nav_list">
<a href="{{ url('about') }}">
{{ 'front.block.header.nav.product_overview'|trans }}
{{'front.block.header.nav.product_overview_sub'|trans}}
</a>
</li>
<li class="top_nav_list">
<a href="{{ url('evidence') }}">
{{ 'front.block.header.nav.evidence'|trans }}
{{'front.block.header.nav.evidence_sub'|trans}}
</a>
</li>
</ul>
<div class="ec-headerNaviRole__nav">
{{ include('Block/login.twig') }}
</div>
<div class="ec-headerRole__cart">
{{ include('Block/cart.twig') }}
</div>
</div>
</div>


<div class="top-sp">
<div class="burger-icon" id="burgerIcon">
<div class="buns"></div>
<div class="patty"></div>
<div class="buns"></div>
</div>
{# <a class="top-sp-logo" href="{{ url('product_list') }}"><img src="/html/user_data/assets/img/logo/wishssh_logo_name.png" alt="ヘッダーロゴ"></a> #}
</div>
<div class="top-sp-cart">
<a href="{{ url('homepage') }}" id="topNavSp" class="top-btn btn">{{ 'front.block.header.nav.top'|trans }}</a>
<a href="{{ url('product_list') }}" class="top-btn btn">{{ 'front.block.header.nav.product_list'|trans }}</a>
<a href="{{ url('about') }}" class="top-btn btn">{{ 'front.block.header.nav.product_overview'|trans }}</a>
{{ include('Block/login.twig') }}
<div class="ec-headerRole__cart">
{{ include('Block/cart.twig') }}
</div>
</div>
<nav class="header-nav-sp" id="spNav">

<a class="top-logo_sp" href="{{ url('homepage') }}"><img src="/html/user_data/assets/img/logo/wishssh_logo_name.png" alt="ヘッダーロゴ"></a>

<a href="{{ url('bib_detail', {'id': 9, 'id2': 18}) }}" class="top_regular_order_section_sp">
{{ 'front.block.regular.nav.think_about'|trans }}
{{ 'front.block.regular.nav.check'|trans }} 
</a>

<div class="category_nav_sp">
{{'common.nav.search_cat'|trans}}
<ul class="category_nav_lists">
<a href="{{ url('product_list') }}#cat_1"><li class="category_nav_list">{{'front.block.category.list_text.id.1'|trans}}</li></a>
<a href="{{ url('product_list') }}#cat_8"><li class="category_nav_list">{{'front.block.category.list_text.id.8'|trans}}</li></a>
<a href="{{ url('product_list') }}#cat_9"><li class="category_nav_list">{{'front.block.category.list_text.id.9'|trans}} </li></a>
</ul>
</div>

<div class="category_nav_sp evidence">
{{'evidence.about'|trans}}
<ul class="category_nav_lists">
<a href="{{ url('evidence') }}"><li class="category_nav_list">{{'evidence.about_ling'|trans}}</li></a>
</ul>
</div>
<ul class="top_nav">
<!-- <li class="top_nav_list">
<a href="http://simizunaika.local/about/">トップTOP</a>
</li>
<li class="top_nav_list">
<a href="http://simizunaika.local/about/">製品一覧PRODUCTS</a>
</li> -->
</ul>
</nav>

</div>
</header>

<div class="breadcrumbs">
<ul>
<li><a href="{{ url('homepage') }}">{{ 'front.block.bread.homepage'|trans }}</a></li>
{% set route = app.request.attributes.get('_route') %}
{% set productId = app.request.get('id') %}
{% set orderNo = app.request.get('order_no') %}
{# 製品一覧ページ #}
{% if route == 'product_list' %}

<li>{{ 'front.block.bread.product_list'|trans }}</li>
{# 商品詳細ページ #}
{% elseif route == 'product_detail' %}

<li><a href="{{ url('product_list') }}">{{ 'front.block.bread.product_list'|trans }}</a></li>
<li>{{ 'front.block.bread.product_detail'|trans }}</li>
{# マイページ #}
{% elseif route == 'mypage' %}

<li>{{ 'front.block.bread.mypage'|trans }}</li>
{# マイページ - 会員登録内容変更 #}
{% elseif route == 'mypage_change' %}

<li><a href="{{ url('mypage') }}">{{ 'front.block.bread.mypage'|trans }}</a></li>
<li>{{ 'front.block.bread.mypage_change'|trans }}</li>
{# マイページ - 会員登録内容変更完了 #}
{% elseif route == 'mypage_change_complete' %}

<li><a href="{{ url('mypage') }}">{{ 'front.block.bread.mypage'|trans }}</a></li>
<li>{{ 'front.block.bread.mypage_change_complete'|trans }}</li>
{# マイページ - お届け先一覧 #}
{% elseif route == 'mypage_delivery' %}

<li><a href="{{ url('mypage') }}">{{ 'front.block.bread.mypage'|trans }}</a></li>
<li>{{ 'front.block.bread.mypage_delivery'|trans }}</li>
{# マイページ - お届け先追加 #}
{% elseif route == 'mypage_delivery_new' %}

<li><a href="{{ url('mypage') }}">{{ 'front.block.bread.mypage'|trans }}</a></li>
<li>{{ 'front.block.bread.mypage_delivery_new'|trans }}</li>
{# マイページ - お届け先変更 #}
{% elseif route == 'mypage_delivery_edit' %}

<li><a href="{{ url('mypage') }}">{{ 'front.block.bread.mypage'|trans }}</a></li>
<li>{{ 'front.block.bread.mypage_delivery_edit'|trans }}</li>
{# マイページ - お気に入り一覧 #}
{% elseif route == 'mypage_favorite' %}

<li><a href="{{ url('mypage') }}">{{ 'front.block.bread.mypage'|trans }}</a></li>
<li>{{ 'front.block.bread.mypage_favorite'|trans }}</li>
{# マイページ - 購入履歴詳細 #}
{% elseif route == 'mypage_history' %}

<li><a href="{{ url('mypage') }}">{{ 'front.block.bread.mypage'|trans }}</a></li>
<li>{{ 'front.block.bread.mypage_history'|trans }}</li>
{# マイページ - ログイン #}
{% elseif route == 'mypage_login' %}

<li>{{ 'front.block.bread.mypage_login'|trans }}</li>
{# マイページ - 退会手続き #}
{% elseif route == 'mypage_withdraw' %}

<li><a href="{{ url('mypage') }}">{{ 'front.block.bread.mypage'|trans }}</a></li>
<li>{{ 'front.block.bread.mypage_withdraw'|trans }}</li>
{# マイページ - メールアドレス変更(完了) #}
{% elseif route == 'complete_change_email' %}

<li><a href="{{ url('mypage') }}">{{ 'front.block.bread.mypage'|trans }}</a></li>
<li>{{ 'front.block.bread.mypage_complete_email_change'|trans }}</li>
{# 当サイトについて #}
{% elseif route == 'help_about' %}

<li>{{ 'front.block.bread.help_about'|trans }}</li>
{# カートページ #}
{% elseif route == 'cart' %}

<li>{{ 'front.block.bread.cart'|trans }}</li>
{# お問い合わせ(入力ページ) #}
{% elseif route == 'contact' %}

<li>{{ 'front.block.bread.contact'|trans }}</li>
{# お問い合わせ(完了ページ) #}
{% elseif route == 'contact_complete' %}

<li><a href="{{ url('contact') }}"><li>{{ 'front.block.bread.contact'|trans }}</li></a></li>
<li>{{ 'front.block.bread.contact_complete'|trans }}</li>
{# 会員登録(入力ページ) #}
{% elseif route == 'entry' %}

<li>{{ 'front.block.bread.entry'|trans }}</li>
{# ご利用規約 #}
{% elseif route == 'help_agreement' %}

<li>{{ 'front.block.bread.help_agreement'|trans }}</li>
{# 会員登録(完了ページ) #}
{% elseif route == 'entry_complete' %}

<li><a href="{{ url('entry') }}"><li>{{ 'front.block.bread.entry'|trans }}</li></a></li>
<li>{{ 'front.block.bread.entry_complete'|trans }}</li>
{# 特定商取引に関する法律に基づく表記 #}
{% elseif route == 'help_tradelaw' %}

<li>{{ 'front.block.bread.help_tradelaw'|trans }}</li>
{# 本会員登録(完了ページ) #}
{% elseif route == 'entry_activate' %}

<li>{{ 'front.block.bread.entry_activate'|trans }}</li>
{# 商品購入(一連のページ) #}
{% elseif route starts with 'shopping' %}

{% if route == 'shopping_shipping' %}
<li><a href="{{ url('shopping') }}"><li>{{ 'front.block.bread.shopping'|trans }}</li></a></li>
<li>{{ 'front.block.bread.shopping_shipping'|trans }}</li>
{% elseif route == 'shopping_shipping_multiple' %}
<li><a href="{{ url('shopping') }}">{{ 'front.block.bread.shopping'|trans }}</a></li>
<li>{{ 'front.block.bread.shopping_shipping_multiple'|trans }}</li>
{% elseif route == 'shopping_complete' %}
<li><a href="{{ url('shopping') }}">{{ 'front.block.bread.shopping'|trans }}</a></li>
<li>{{ 'front.block.bread.shopping_complete'|trans }}</li>
{% elseif route == 'shopping_login' %}
<li>{{ 'front.block.bread.shopping_login'|trans }}</li>
{% else %}
<li><a href="{{ url('shopping') }}">{{ 'front.block.bread.shopping'|trans }}</a></li>
{% endif %}
{# プライバシーポリシー #}
{% elseif route == 'help_privacy' %}

<li>{{ 'front.block.bread.help_privacy'|trans }}</li>
{# 商品購入ログインページ #}
{% elseif route == 'shopping_login' %}

<li><a href="{{ url('shopping') }}">{{ 'front.block.bread.shopping_login'|trans }}</a></li>
<li>{{ 'front.block.bread.shopping_login'|trans }}</li>
{# 非会員購入情報入力ページ #}
{% elseif route == 'shopping_nonmember' %}

<li><a href="{{ url('shopping') }}">{{ 'front.block.bread.shopping'|trans }}</a></li>
<li>{{ 'front.block.bread.shopping_nonmember'|trans }}</li>
{# 商品購入/お届け先の追加ページ #}
{% elseif route == 'shopping_shipping_edit' %}

<li><a href="{{ url('shopping') }}">{{ 'front.block.bread.shopping'|trans }}</a></li>
<li>{{ 'front.block.bread.shopping_shipping_edit'|trans }}</li>
{# 商品購入/お届け先の複数指定(お届け先の追加)ページ #}
{% elseif route == 'shopping_shipping_multiple_edit' %}

<li><a href="{{ url('shopping') }}">{{ 'front.block.bread.shopping'|trans }}</a></li>
<li>{{ 'front.block.bread.shopping_shipping_multiple_edit'|trans }}</li>
{# 商品購入/購入エラーページ #}
{% elseif route == 'shopping_error' %}

<li><a href="{{ url('shopping') }}">{{ 'front.block.bread.shopping'|trans }}</a></li>
<li>{{ 'front.block.bread.shopping_error'|trans }}</li>
{# ご利用ガイドページ #}
{% elseif route == 'help_guide' %}

<li>{{ 'front.block.bread.help_guide'|trans }}</li>
{# パスワード再発行(入力ページ) #}
{% elseif route == 'forgot' %}

<li>{{ 'front.block.bread.forgot'|trans }}</li>
{# パスワード再発行(完了ページ) #}
{% elseif route == 'forgot_complete' %}

<li>{{ 'front.block.bread.forgot'|trans }}</li>
{# パスワード再発行(再設定ページ) #}
{% elseif route == 'forgot_reset' %}

<li><a href="{{ url('forgot') }}">{{ 'front.block.bread.forgot'|trans }}</a></li>
<li>{{ 'front.block.bread.forgot_reset'|trans }}</li>
{# 商品購入/遷移ページ #}
{% elseif route == 'shopping_redirect_to' %}

<li><a href="{{ url('shopping') }}">{{ 'front.block.bread.shopping'|trans }}</a></li>
<li>{{ 'front.block.bread.shopping_redirect_to'|trans }}</li>
{# 商品購入/ご注文確認ページ #}
{% elseif route == 'shopping_confirm' %}

<li><a href="{{ url('shopping') }}">{{ 'front.block.bread.shopping'|trans }}</a></li>
<li>{{ 'front.block.bread.shopping_confirm'|trans }}</li>
{# 会員登録(確認ページ) #}
{% elseif route == 'entry_confirm' %}

<li><a href="{{ url('entry') }}">{{ 'front.block.bread.entry_page'|trans }}</a></li>
<li>{{ 'front.block.bread.entry_confirm'|trans }}</li>
{# マイページ/退会手続き(確認ページ) #}
{% elseif route == 'mypage_withdraw_confirm' %}

<li><a href="{{ url('mypage') }}">{{ 'front.block.bread.mypage'|trans }}</a></li>
<li>{{ 'front.block.bread.mypage_withdraw_confirm'|trans }}</li>
{# お問い合わせ(確認ページ) #}
{% elseif route == 'contact_confirm' %}

<li><a href="{{ url('contact') }}">{{ 'front.block.bread.contact'|trans }}</a></li>
<li>{{ 'front.block.bread.contact_confirm'|trans }}</li>
{# よくある質問ページ #}
{% elseif route == 'questions' %}

<li>{{ 'front.block.bread.questions'|trans }}</li>
{# ヘルプページ #}
{% elseif route == 'question' %}

<li>{{ 'front.block.bread.question'|trans }}</li>
{# マイページ/カード情報編集ページ #}
{% elseif route == 'gmo_mypage_card_edit' %}

<li><a href="{{ url('mypage') }}">{{ 'front.block.bread.mypage'|trans }}</a></li>
<li>{{ 'front.block.bread.gmo_mypage_card_edit'|trans }}</li>
{# マイページ/定期一覧ページ #}
{% elseif route == 'gmo_mypage_subs_orders' %}

<li><a href="{{ url('mypage') }}">{{ 'front.block.bread.mypage'|trans }}</a></li>
<li>{{ 'front.block.bread.gmo_mypage_subs_orders'|trans }}</li>
{# マイページ/定期編集ページ #}
{% elseif route == 'gmo_mypage_subs_order' %}

<li><a href="{{ url('mypage') }}">{{ 'front.block.bread.mypage'|trans }}</a></li>
<li>{{ 'front.block.bread.gmo_mypage_subs_order'|trans }}</li>
{# マイページ/クーポン一覧ページ #}
{% elseif route == 'mypage_coupon_list' %}

<li><a href="{{ url('mypage') }}">{{ 'front.block.bread.mypage'|trans }}</a></li>
<li>{{ 'front.block.bread.mypage_coupon_list'|trans }}</li>
{# ペイメントPlus決済プラグインマイページ/カード編集ページ #}
{% elseif route == 'eccube_payment_lite42_mypage_credit_card_index' %}

<li><a href="{{ url('mypage') }}">{{ 'front.block.bread.mypage'|trans }}</a></li>
<li>{{ 'front.block.bread.eccube_payment_lite42_mypage_credit_card_index'|trans }}</li>
{# ペイメントPlus決済プラグイントークン決済クレジットカード入力ページ #}
{% elseif route == 'eccube_payment_lite42_credit_card_for_token_payment' %}

<li><a href="{{ url('shopping') }}">{{ 'front.block.bread.shopping'|trans }}</a></li>
<li>{{ 'front.block.bread.eccube_payment_lite42_credit_card_for_token_payment'|trans }}</li>
{# ペイメントPlus決済プラグインマイページ/定期受注編集完了ページ #}
{% elseif route == 'eccube_payment_lite42_mypage_regular_complete' %}

<li><a href="{{ url('mypage') }}">{{ 'front.block.bread.mypage'|trans }}</a></li>
<li><a href="{{ url('eccube_payment_lite42_mypage_regular_detail', { 'id': RegularOrder.id }) }}">{{'front.block.bread.eccube_payment_lite42_mypage_regular_detail'|trans}}</a></li>
<li>{{ 'front.block.bread.eccube_payment_lite42_mypage_regular_complete'|trans }}</li>
{# ペイメントPlus決済プラグインマイページ/定期受注解約ページ #}
{% elseif route == 'eccube_payment_lite42_mypage_regular_suspend' %}

<li><a href="{{ url('mypage') }}">{{ 'front.block.bread.mypage'|trans }}</a></li>
<li><a href="{{ url('eccube_payment_lite42_mypage_regular_detail', { 'id': RegularOrder.id }) }}">{{'front.block.bread.eccube_payment_lite42_mypage_regular_detail'|trans}}</a></li>
<li>{{ 'front.block.bread.eccube_payment_lite42_mypage_regular_suspend'|trans }}</li>
{# ペイメントPlus決済プラグインマイページ/定期受注休止ページ #}
{% elseif route == 'eccube_payment_lite42_mypage_regular_cancel' %}

<li><a href="{{ url('mypage') }}">{{ 'front.block.bread.mypage'|trans }}</a></li>
<li><a href="{{ url('eccube_payment_lite42_mypage_regular_detail', { 'id': RegularOrder.id }) }}">{{'front.block.bread.eccube_payment_lite42_mypage_regular_detail'|trans}}</a></li>
<li>{{ 'front.block.bread.eccube_payment_lite42_mypage_regular_suspend'|trans }}</li>
{# ペイメントPlus決済プラグインマイページ/定期受注再開ページ #}
{% elseif route == 'eccube_payment_lite42_mypage_regular_resume' %}

<li><a href="{{ url('mypage') }}">{{ 'front.block.bread.mypage'|trans }}</a></li>
<li><a href="{{ url('eccube_payment_lite42_mypage_regular_detail', { 'id': RegularOrder.id }) }}">{{'front.block.bread.eccube_payment_lite42_mypage_regular_detail'|trans}}</a></li>
<li>{{ 'front.block.bread.eccube_payment_lite42_mypage_regular_resume'|trans }}</li>
{# ペイメントPlus決済プラグインマイページ/定期サイクル変更ページ #}
{% elseif route == 'eccube_payment_lite42_mypage_regular_cycle' %}

<li><a href="{{ url('mypage') }}">{{ 'front.block.bread.mypage'|trans }}</a></li>
<li><a href="{{ url('eccube_payment_lite42_mypage_regular_detail', { 'id': RegularOrder.id }) }}">{{'front.block.bread.eccube_payment_lite42_mypage_regular_detail'|trans}}</a></li>
<li>{{ 'front.block.bread.eccube_payment_lite42_mypage_regular_cycle'|trans }}</li>
{# ペイメントPlus決済プラグインマイページ/お届け予定日変更ページ #}
{% elseif route == 'eccube_payment_lite42_mypage_regular_next_delivery_date' %}

<li><a href="{{ url('mypage') }}">{{ 'front.block.bread.mypage'|trans }}</a></li>
<li><a href="{{ url('eccube_payment_lite42_mypage_regular_detail', { 'id': RegularOrder.id }) }}">{{'front.block.bread.eccube_payment_lite42_mypage_regular_detail'|trans}}</a></li>
<li>{{ 'front.block.bread.eccube_payment_lite42_mypage_regular_next_delivery_date'|trans }}</li>
{# ペイメントPlus決済プラグインマイページ/お届け商品数変更ページ #}
{% elseif route == 'eccube_payment_lite42_mypage_regular_product_quantity' %}

<li><a href="{{ url('mypage') }}">{{ 'front.block.bread.mypage'|trans }}</a></li>
<li><a href="{{ url('eccube_payment_lite42_mypage_regular_detail', { 'id': RegularOrder.id }) }}">{{'front.block.bread.eccube_payment_lite42_mypage_regular_detail'|trans}}</a></li>
<li>{{ 'front.block.bread.eccube_payment_lite42_mypage_regular_product_quantity'|trans }}</li>
{# ペイメントPlus決済プラグインマイページ/定期受注スキップページ #}
{% elseif route == 'eccube_payment_lite42_mypage_regular_skip' %}

<li><a href="{{ url('mypage') }}">{{ 'front.block.bread.mypage'|trans }}</a></li>
<li><a href="{{ url('eccube_payment_lite42_mypage_regular_detail', { 'id': RegularOrder.id }) }}">{{'front.block.bread.eccube_payment_lite42_mypage_regular_detail'|trans}}</a></li>
<li>{{ 'front.block.bread.eccube_payment_lite42_mypage_regular_skip'|trans }}</li>
{# ペイメントPlus決済プラグインマイページ/定期お届け先変更ページ #}
{% elseif route == 'eccube_payment_lite42_mypage_regular_shipping' %}

<li><a href="{{ url('mypage') }}">{{ 'front.block.bread.mypage'|trans }}</a></li>
<li><a href="{{ url('eccube_payment_lite42_mypage_regular_detail', { 'id': RegularOrder.id }) }}">{{'front.block.bread.eccube_payment_lite42_mypage_regular_detail'|trans}}</a></li>
<li>{{ 'front.block.bread.eccube_payment_lite42_mypage_regular_shipping'|trans }}</li>
{# ペイメントPlus決済プラグインマイページ/定期一覧ページ #}
{% elseif route == 'eccube_payment_lite42_mypage_regular_list' %}

<li><a href="{{ url('mypage') }}">{{ 'front.block.bread.mypage'|trans }}</a></li>
<li>{{ 'front.block.bread.eccube_payment_lite42_mypage_regular_list'|trans }}</li>
{# ペイメントPlus決済プラグインマイページ/定期購入詳細ページ #}
{% elseif route == 'eccube_payment_lite42_mypage_regular_detail' %}

<li><a href="{{ url('mypage') }}">{{ 'front.block.bread.mypage'|trans }}</a></li>
<li>{{ 'front.block.bread.eccube_payment_lite42_mypage_regular_detail'|trans }}</li>
{# 定期製品一覧ページ #}
{% elseif route == 'subsc_items' %}

<li>{{ 'front.block.bread.subsc_items'|trans }}</li>
{# エビデンスページ #}
{% elseif route == 'evidence' %}

<li>{{ 'front.block.bread.evidence'|trans }}</li>
{# BIB詳細ページ #}
{% elseif route == 'bib_detail' %}

<li><a href="{{ url('product_list') }}">{{ 'front.block.bread.product_list'|trans }}</a></li>
<li>{{ 'front.block.bread.eccube_payment_lite42_mypage_regular_detail'|trans }}</li>
{# BIB詳細ページ #}
{% elseif route == 'bib_detail_200ppm' %}

<li><a href="{{ url('product_list') }}">{{ 'front.block.bread.product_list'|trans }}</a></li>
<li>{{ 'front.block.bread.eccube_payment_lite42_mypage_regular_detail'|trans }}</li>
{# ご返信（入力ページ） #}
{% elseif route == 'contact_reply' %}

<li><a href="{{ url('contact') }}">{{ 'front.block.bread.contact'|trans }}</a></li>
<li>{{ 'front.block.bread.contact_reply'|trans }}</li>
{# ご返信（確認ページ） #}
{% elseif route == 'contact_reply_confirm' %}

<li><a href="{{ url('contact') }}">{{ 'front.block.bread.contact'|trans }}</a></li>
<li>{{ 'front.block.bread.contact_reply_confirm'|trans }}</li>
{# 製品紹介 #}
{% elseif route == 'about' %}

<li>{{ 'front.block.bread.about'|trans }}</li>
{% endif %}
</ul>
</div>
<script>
// 現在のページのアイコンを#4894CBに変更するスクリプト
document.addEventListener('DOMContentLoaded', function() {
// 現在のURLパスを取得
const currentPath = window.location.pathname;
const baseUrl = window.location.origin;
console.log("currentPath" + currentPath);
console.log("baseUrl" + baseUrl);
// ナビゲーションのリンク要素を取得
const navLinks = document.querySelectorAll('.top-sp-cart .top-btn');
// ホームページの判定
if (currentPath === '/') {
const topNavSp = document.getElementById('topNavSp');
const topIcon = topNavSp.querySelector('i');
const topIconText = topNavSp.querySelector('span');
if (topIcon) {
topIcon.style.color = '#4894CB';
}
if (topIconText) {
topIconText.style.color = '#4894CB';
}
}
// カートページの判定
else if (currentPath === '/cart') {
let cartIcon = document.querySelector('.top-sp-cart');
console.log(cartIcon);
if (cartIcon) {
console.log("カート色" + cartIcon.style.color);
cartIcon.classList.add('cart_current');
}
}
navLinks.forEach(function(link) {
const href = link.getAttribute('href');
console.log("href：" + href);
let isCurrentPage = false;
// 各ページのマッチング条件を定義
if (href) {
// マイページの判定
if (href.includes('mypage')) {
isCurrentPage = currentPath.includes('mypage');
}
// ログインページの判定
else if (href.includes('login')) {
isCurrentPage = currentPath.includes('login');
}
// ログアウトの判定（特別な処理は不要）
else if (href.includes('logout')) {
// ログアウトは現在のページにはならない
isCurrentPage = false;
}
// aboutページの判定
else if (href.includes('about')) {
isCurrentPage = currentPath.includes('about');
}
// 商品一覧ページの判定
else if (href.includes('product_list') || href.includes('products')) {
isCurrentPage = (currentPath.includes('product_list') || currentPath.includes('products'));
}
// その他の完全一致判定
else {
isCurrentPage = (currentPath === href);
};
};
// 現在のページの場合、アイコンの色を変更
if (isCurrentPage) {
const icon = link.querySelector('i');
const iconText = link.querySelector('span');
if (icon) {
icon.style.color = '#4894CB';
}
if (iconText) {
iconText.style.color = '#4894CB';
}
}
});
});
// ページ遷移時にも適用されるよう、popstateイベントでも実行
window.addEventListener('popstate', function() {
// 少し遅延させてDOM更新を待つ
setTimeout(function() {
// 上記の処理を再実行
const event = new Event('DOMContentLoaded');
document.dispatchEvent(event);
}, 100);
});
let mainContent = document.querySelector('main');
const BurgerIcon = document.getElementById("burgerIcon");
const spNav = document.getElementById("spNav");
/*burger */
if(BurgerIcon){
BurgerIcon.addEventListener('click', () => {
BurgerIcon.classList.toggle("burger-active");
spNav.classList.toggle("sp-nav-active");
})
}
if(mainContent){
mainContent.addEventListener('click', () => {
if (BurgerIcon.classList.contains("burger-active")) {
BurgerIcon.classList.toggle("burger-active");
spNav.classList.toggle("sp-nav-active");
}
})
}
// スマホ判定関数
function isMobile() {
return window.innerWidth <= 768 || /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
}
// カート要素を取得
const cartElement = document.querySelector('.top-sp-cart');
if (cartElement && isMobile()) {
// カート要素にクリックイベントを追加
cartElement.querySelector('.ec-cartNaviWrap').addEventListener('click', function(event) {
// デフォルトの動作（ドロップダウン表示など）を無効化
event.preventDefault();
event.stopPropagation();
console.log('スマホでカート部分がクリックされました');
// カート画面のURLを生成（Twigの{{ url('cart') }}と同等）
// 環境に応じてURLを調整してください
const cartUrl = "{{ url('cart') }}"; // 基本的なパス
// カート画面に遷移
window.location.href = cartUrl;
});
}
</script>

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