app/template/default/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. {% block javascript %}
  12. <script type="module" src="{{ asset('assets/js/favoriteLoginModal.js') }}"></script>
  13. {% endblock %}
  15. <header class="header">
  16.     <div class="header_inner">
  17.         <p class="header_title">全ての人を、肌から幸せにDr.ウィラード・ウォーター公式オンラインストア</p>
  18.         <h1 class="header_logo">
  19.             <a href="{{ url('homepage') }}" class="header_logo_link">
  20.                 <img src="{{ asset('assets/img/customize/img_logo.svg') }}" alt="Dr.ウィラード・ウォーター" width="79.78" height="50"/>
  21.             </a>
  22.         </h1>
  23.         <div class="header_utility">
  24.             <ul class="header_utility_link-list">
  25.                 <li>
  26.                     <a href="{{ url('special') }}">{{ 'front.for.special.title'|trans }}</a>
  27.                 </li>
  28.                 <li class="has-menu" data-menu-target="about-us">
  29.                     <span>私たちについて</span>
  30.                 </li>
  31.                 <li class="has-menu" data-menu-target="shopping-support">
  32.                     <span>お買い物サポート</span>
  33.                 </li>
  34.                 <li>
  35.                     <a href="https://www.willard.co.jp/wblog/">{{ 'front.for.wblog.title'|trans }}</a>
  36.                 </li>
  37.             </ul>
  38.             <ul class="header_utility_use-list">
  39.                 <li class="icon-search" data-menu-target="item-search">
  40.                     <span>
  41.                         <span>{{ 'front.for.product.product_search'|trans }}</span>
  42.                     </span>
  43.                 </li>
  44.                 {% if not is_granted('ROLE_USER') %}
  45.                     <li class="icon-favorite modal-favorite">
  46.                         <a href="{{ url('mypage_favorite') }}">
  47.                             <span>{{ 'front.block.login.favorite'|trans }}</span>
  48.                         </a>
  49.                     </li>
  50.                 {% else %}
  51.                     <li class="icon-favorite">
  52.                         <a href="{{ url('mypage_favorite') }}">
  53.                             <span>{{ 'front.block.login.favorite'|trans }}</span>
  54.                         </a>
  55.                     </li>
  56.                 {% endif %}
  57.                 {% set totalQuantity = get_carts_total_quantity() %}
  58.                 <li class="icon-cart">
  59.                     <a href="{{ url('cart') }}">
  60.                         <span>カート</span>
  61.                         <div class="badge">
  62.                             {{ render(url('block_cart')) }}
  63.                         </div>
  64.                     </a>
  65.                 </li>
  66.                 {% if is_granted('ROLE_USER') %}
  67.                     <li class="icon-mypage">
  68.                         <span data-menu-target="mypage">
  69.                             <span>{{ 'front.block.login.mypage'|trans }}</span>
  70.                         </span>
  72.                         <!-- tooltip マイページ -->
  73.                         <div id="mypage" class="header_utility_tooltip tooltip-mypage">
  74.                             <h2 class="mypage_title">
  75.                                 <a href="{{ url('mypage') }}">{{ 'front.block.login.mypage'|trans }}</a>
  76.                             </h2>
  77.                             <ul class="mypage_list">
  78.                                 <li>
  79.                                     <a href="{{ url('mypage_history') }}">購入履歴一覧</a>
  80.                                 </li>
  81.                                 <li>
  82.                                     <a href="{{ url('mypage_change') }}">お客様情報確認・変更</a>
  83.                                 </li>
  84.                                 <li>
  85.                                     <a href="{{ url('mypage_delivery') }}">お届け先住所の追加</a>
  86.                                 </li>
  87.                                 <li>
  88.                                     <a href="{{ url('mypage_subscription') }}">定期購入設定</a>
  89.                                 </li>
  90.                                 <li>
  91.                                     <a href="{{ url('information') }}">お知らせ</a>
  92.                                 </li>
  93.                             </ul>
  94.                             <p class="mypage_user">
  95.                                 <span>{{app.user.name01}} {{app.user.name02}}</span>様
  96.                             </p>
  97.                             <p class="mypage_logout-button">
  98.                                 <a href="{{ url('logout') }}">{{ 'front.block.login.logout'|trans }}</a>
  99.                             </p>
  100.                         </div>
  101.                     </li>
  102.                 {% endif %}
  103.             </ul>
  104.             {% if is_granted('ROLE_USER') is empty %}
  105.                 <div class="header_utility_login">
  106.                     <p class="header_utility_login_button" data-menu-target="login">新規お客様登録／ログイン</p>
  108.                     <!-- tooltip 新規会員登録／ログイン -->
  109.                     <div id="login" class="header_utility_tooltip tooltip-login">
  110.                         <div class="login_inner">
  111.                             <p class="login_text">お客様登録済の方</p>
  112.                             <p class="header_utility_button" id="login_button">
  113.                                 <input type="hidden" id="login_button_url" value="{{ url('mypage_login') }}">
  114.                                 <a href="{{ url('mypage_login') }}">{{ 'common.login'|trans }}</a>
  115.                             </p>
  116.                         </div>
  117.                         <div class="login_inner">
  118.                             <p class="login_text">初めてご購入される方</p>
  119.                             <p class="header_utility_button primary" id="entry_button">
  120.                                 <input type="hidden" id="entry_button_url" value="{{ url('entry') }}">
  121.                                 <a href="{{ url('entry') }}">{{ 'front.common.new_registration'|trans }}</a>
  122.                             </p>
  123.                         </div>
  124.                         <div class="login_inner sign-up">
  125.                             <p class="login_text">お客様番号をお持ちで当社オンラインストアを初めてご利用の方</p>
  126.                             <p class="header_utility_button primary" id="regist_web_button">
  127.                                 <input type="hidden" id="regist_web_url" value="{{ url('regist_web') }}">
  128.                                 <a href="{{ url('regist_web') }}">WEB利用登録</a>
  129.                             </p>
  130.                         </div>
  131.                     </div>
  132.                 </div>
  133.             {% endif %}
  134.         <div class="header_utility_menu">
  135.             <p class="header_utility_menu_button" data-menu-target="menu">
  136.                 <span></span>
  137.                 <span></span>
  138.                 <span></span>
  139.             </p>
  140.             <p class="header_utility_menu_button sp" data-menu-target="menu-sp">
  141.                 <span></span>
  142.                 <span></span>
  143.                 <span></span>
  144.             </p>
  146.             <!-- tooltip ハンバーガーメニュー -->
  147.             <div id="menu" class="header_utility_tooltip tooltip-menu">
  148.                 <ul class="menu_list">
  149.                     <li>
  150.                         <a href="{{ url('information') }}">最新情報</a>
  151.                     </li>
  152.                     <li>
  153.                         <a href="{{ url('company') }}">企業情報</a>
  154.                     </li>
  155.                     <li>
  156.                         <a href="{{ url('access') }}">ショールーム・お取り扱い店舗紹介</a>
  157.                     </li>
  158.                 </ul>
  159.             </div>
  160.         </div>
  161.         <!-- / header_utility -->
  162.       </div>
  163.     </div>
  165.     <nav class="header_nav">
  166.         <ul class="header_nav_list">
  167.             {# トライアルセット #}
  168.             {% set Category5 = repository('Eccube\\Entity\\Category').findOneBy({ 'id' : 5 }) %}
  169.             {% if Category5 is defined and Category5 is not null %}
  170.             <li>
  171.                 <a href="{{ url('product_list', { 'category_id': 5 }) }}">{{ Category5.name }}</a>
  172.             </li>
  173.             {% endif %}
  174.             {# TODO: 定期メニュー確認中の為、仮でコメントアウト #}
  175.             {# <li>
  176.                 <a href="#">定期購入</a>
  177.             </li> #}
  178.             {# 化粧水 #}
  179.             {% set Category11 = repository('Eccube\\Entity\\Category').findOneBy({ 'id' : 11 }) %}
  180.             {% if Category11 is defined and Category11 is not null %}
  181.             <li>
  182.                 <a href="{{ url('product_list', { 'category_id': 11 }) }}">{{ Category11.name }}</a>
  183.             </li>
  184.             {% endif %}
  185.             {# 保湿ジェル #}
  186.             {% set Category12 = repository('Eccube\\Entity\\Category').findOneBy({ 'id' : 12 }) %}
  187.             {% if Category12 is defined and Category12 is not null %}
  188.             <li>
  189.                 <a href="{{ url('product_list', { 'category_id': 12 }) }}">{{ Category12.name }}</a>
  190.             </li>
  191.             {% endif %}
  192.             {# 保湿クリーム #}
  193.             {% set Category13 = repository('Eccube\\Entity\\Category').findOneBy({ 'id' : 13 }) %}
  194.             {% if Category13 is defined and Category13 is not null %}
  195.             <li>
  196.                 <a href="{{ url('product_list', { 'category_id': 13 }) }}">{{ Category13.name }}</a>
  197.             </li>
  198.             {% endif %}
  199.             {# エイジングケア #}
  200.             {% set Category15 = repository('Eccube\\Entity\\Category').findOneBy({ 'id' : 15 }) %}
  201.             {% if Category15 is defined and Category15 is not null %}
  202.                 <li>
  203.                     <a href="{{ url('product_list', { 'category_id': 15 }) }}">{{ Category15.name }}</a>
  204.                 </li>
  205.             {% endif %}
  206.             {# クレンジング＆洗顔 #}
  207.             {% set Category14 = repository('Eccube\\Entity\\Category').findOneBy({ 'id' : 14 }) %}
  208.             {% if Category14 is defined and Category14 is not null %}
  209.                 <li>
  210.                     <a href="{{ url('product_list', { 'category_id': 14 }) }}">{{ Category14.name }}</a>
  211.                 </li>
  212.             {% endif %}
  213.             {# ヘア＆ボディ #}
  214.             {% set Category3 = repository('Eccube\\Entity\\Category').findOneBy({ 'id' : 3 }) %}
  215.             {% if Category3 is defined and Category3 is not null %}
  216.                 <li>
  217.                     <a href="{{ url('product_list', { 'category_id': 3 }) }}">{{ Category3.name }}</a>
  218.                 </li>
  219.             {% endif %}
  220.             {# セピア（ペットケア） #}
  221.             {% set Category4 = repository('Eccube\\Entity\\Category').findOneBy({ 'id' : 4 }) %}
  222.             {% if Category4 is defined and Category4 is not null %}
  223.                 <li>
  224.                     <a href="{{ url('product_list', { 'category_id': 4 }) }}">{{ Category4.name }}</a>
  225.                 </li>
  226.             {% endif %}
  227.             <li>
  228.                 <a href="{{ url('product_list') }}">{{ 'common.select__all_products'|trans }}</a>
  229.             </li>
  230.         </ul>
  231.         <!-- / header_nav -->
  232.     </nav>
  234.     <!-- drawer 私たちについて -->
  235.     <div id="about-us" class="drawer">
  236.         <div class="drawer_inner">
  237.             <ul class="drawer_list">
  238.                 <li class="drawer_list_item">
  239.                     <p>
  240.                         <a href="{{ url('brandconcept') }}">ブランドメッセージTOP</a>
  241.                     </p>
  242.                     <ul class="drawer_sub-list">
  243.                         <li>
  244.                             <a href="{{ url('brandconcept_message') }}">{{ 'front.for.brandconcept.message_title'|trans }}</a>
  245.                         </li>
  246.                         <li>
  247.                             <a href="{{ url('brandconcept_about') }}">{{ 'front.for.brandconcept.about_title'|trans }}</a>
  248.                         </li>
  249.                         <li>
  250.                             <a href="{{ url('brandconcept_quality') }}">{{ 'front.for.brandconcept.quality_title'|trans }}</a>
  251.                         </li>
  252.                         <li>
  253.                             <a href="{{ url('brandconcept_uservoice') }}">{{ 'front.for.brandconcept.uservoice_title'|trans }}</a>
  254.                         </li>
  255.                     </ul>
  256.                 </li>
  257.             </ul>
  258.             <ul class="drawer_list">
  259.                 <li class="drawer_list_item">
  260.                     <p>
  261.                         <a href="{{ url('company') }}">企業情報TOP</a>
  262.                     </p>
  263.                     <ul class="drawer_sub-list">
  264.                         <li>
  265.                             <a href="{{ url('company_message') }}">{{ 'front.for.company.message_title'|trans }}</a>
  266.                         </li>
  267.                         <li>
  268.                             <a href="{{ url('company_encounter') }}">Dr.ウィラード・ウォーター<br>誕生ストーリー</a>
  269.                         </li>
  270.                         <li>
  271.                             <a href="{{ url('company_about') }}">{{ 'front.for.company.about_title'|trans }}</a>
  272.                         </li>
  273.                         <li>
  274.                             <a href="{{ url('company_history') }}">{{ 'front.for.company.history_title'|trans }}</a>
  275.                         </li>
  276.                     </ul>
  277.                 </li>
  278.             </ul>
  279.         </div>
  280.     </div>
  281.     <!-- / drawer -->
  283.     <!-- drawer お買い物サポート -->
  284.     <div id="shopping-support" class="drawer">
  285.         <div class="drawer_inner">
  286.             <ul class="drawer_list">
  287.                 <li class="drawer_list_item">
  288.                     <p>
  289.                         <span>サービスについて</span>
  290.                     </p>
  291.                     <ul class="drawer_sub-list">
  292.                         <li>
  293.                             <a href="{{ url('pointservice') }}">{{ 'front.for.pointservice.title'|trans }}</a>
  294.                         </li>
  295.                         <li>
  296.                             <a href="{{ url('subscription') }}">定期購入について</a>
  297.                         </li>
  298.                         <li>
  299.                             <a href="{{ url('referral') }}">{{ 'front.for.referral.title'|trans }}</a>
  300.                         </li>
  301.                         <li>
  302.                             <a href="{{ url('shippingfee') }}">{{ 'front.for.shippingfee.title'|trans }}</a>
  303.                         </li>
  304.                     </ul>
  305.                 </li>
  306.             </ul>
  307.             <ul class="drawer_list">
  308.                 <li class="drawer_list_item">
  309.                     <p>
  310.                         <a href="{{ url('help_guide') }}">ご利用ガイドTOP</a>
  311.                     </p>
  312.                     <ul class="drawer_sub-list">
  313.                         <li>
  314.                             <a href="{{ url('guide_use') }}">お客様登録・ログインについて</a>
  315.                         </li>
  316.                         <li>
  317.                             <a href="{{ url('guide_order') }}">お買い物について</a>
  318.                         </li>
  319.                         <li>
  320.                             <a href="{{ url('guide_delivery') }}">お届け・返品交換について</a>
  321.                         </li>
  322.                         <li>
  323.                             <a href="{{ url('guide_site') }}">サイトのご利用</a>
  324.                         </li>
  325.                     </ul>
  326.                 </li>
  327.             </ul>
  328.             <ul class="drawer_list">
  329.                 <li class="drawer_list_item">
  330.                     <p>
  331.                         <a href="{{ url('faq') }}">よくある質問TOP</a>
  332.                     </p>
  333.                     <ul class="drawer_sub-list">
  334.                         <li>
  335.                             <a href="{{ url('faq_willardwater') }}">ウィラード・ウォーターに関する質問</a>
  336.                         </li>
  337.                         <li>
  338.                             <a href="{{ url('faq_product') }}">商品に関する質問</a>
  339.                         </li>
  340.                         <li>
  341.                             <a href="{{ url('faq_cosmetic') }}">化粧品全般に関するご質問</a>
  342.                         </li>
  343.                         <li>
  344.                             <a href="{{ url('faq_purchase') }}">ご購入に関するご質問</a>
  345.                         </li>
  346.                         <li>
  347.                             <a href="{{ url('faq_entry') }}">お客様登録に関するご質問</a>
  348.                         </li>
  349.                         <li>
  350.                             <a href="{{ url('faq_site') }}">本サイトに関するご質問</a>
  351.                         </li>
  352.                     </ul>
  353.                 </li>
  354.             </ul>
  355.         </div>
  356.     </div>
  357.     <!-- / drawer -->
  359.     <!-- drawer 商品検索 -->
  360.     <div id="item-search" class="drawer">
  361.         <div class="drawer_inner">
  362.             <form name="keyword_search" id="keyword_search" action="{{url('product_list_search')}}" method="GET">
  363.                 <div class="m-search">
  364.                     <input class="m-search_input" name="keyword" type="text" placeholder="商品名・キーワードで検索">
  365.                     <button class="m-search_button">
  366.                         <img src="{{ asset('assets/img/customize/icon_search.svg') }}" alt="検索" width="18" height="18">
  367.                     </button>
  368.                 </div>
  369.             </form>
  370.             <ul class="drawer_list">
  371.                 <li class="drawer_list_item">
  372.                     <p>
  373.                         <span>カテゴリーから検索</span>
  374.                     </p>
  375.                     <ul class="drawer_sub-list">
  376.                         {# スキンケア #}
  377.                         {% set Category1 = repository('Eccube\\Entity\\Category').findOneBy({ 'id' : 1 }) %}
  378.                         {% if Category1 is defined and Category1 is not null %}
  379.                         <li>
  380.                             <a href="{{ url('product_list', { 'category_id': 1 }) }}">{{ Category1.name }}</a>
  381.                         </li>
  382.                         {% endif %}
  383.                         {# メイクアップ #}
  384.                         {% set Category2 = repository('Eccube\\Entity\\Category').findOneBy({ 'id' : 2 }) %}
  385.                         {% if Category2 is defined and Category2 is not null %}
  386.                         <li>
  387.                             <a href="{{ url('product_list', { 'category_id': 2 }) }}">{{ Category2.name }}</a>
  388.                         </li>
  389.                         {% endif %}
  390.                         {# トライアルセット #}
  391.                         {% set Category5 = repository('Eccube\\Entity\\Category').findOneBy({ 'id' : 5 }) %}
  392.                         {% if Category5 is defined and Category5 is not null %}
  393.                         <li>
  394.                             <a href="{{ url('product_list', { 'category_id': 5 }) }}">{{ Category5.name }}</a>
  395.                         </li>
  396.                         {% endif %}
  397.                         {# TODO: 定期メニュー確認中の為、仮でコメントアウト #}
  398.                         {# <li>
  399.                             <a href="#">定期購入</a>
  400.                         </li> #}
  401.                         {% set Category4 = repository('Eccube\\Entity\\Category').findOneBy({ 'id' : 4 }) %}
  402.                         {% if Category4 is defined and Category4 is not null %}
  403.                         <li>
  404.                             <a href="{{ url('product_list', { 'category_id': 4 }) }}">{{ Category4.name }}</a>
  405.                         </li>
  406.                         {% endif %}
  407.                     </ul>
  408.                 </li>
  409.             </ul>
  410.             <ul class="drawer_list">
  411.                 <li class="drawer_list_item">
  412.                     <p>
  413.                         <span>お悩みから検索</span>
  414.                     </p>
  415.                     <ul class="drawer_sub-list">
  416.                         <li>
  417.                             <a href="{{ url('sensitiveskin') }}">敏感肌</a>
  418.                         </li>
  419.                         <li>
  420.                             <a href="{{ url('supersensitiveskin') }}">超敏感肌</a>
  421.                         </li>
  422.                         <li>
  423.                             <a href="{{ url('dryskin') }}">乾燥肌</a>
  424.                         </li>
  425.                         <li>
  426.                             <a href="{{ url('skinlightening') }}">美白</a>
  427.                         </li>
  428.                         <li>
  429.                             <a href="{{ url('agingcare') }}">エイジングケア</a>
  430.                         </li>
  431.                         <li>
  432.                             <a href="{{ url('nikibiskin') }}">思春期ニキビ</a>
  433.                         </li>
  434.                         <li>
  435.                             <a href="{{ url('pimple') }}">吹き出物</a>
  436.                         </li>
  437.                     </ul>
  438.                 </li>
  439.             </ul>
  440.         </div>
  441.         <!-- / drawer -->
  442.     </div>
  444.     <!-- SP版メニュー-->
  445.     <div id="menu-sp" class="header_nav-sp">
  446.         <div class="header_nav-sp_inner">
  448.             <!-- 上層メニュー -->
  449.             <div class="header_nav-sp_upper">
  450.                 <ul class="header_nav-sp_list">
  451.                     <li class="header_nav-sp_list_item">
  452.                         <p class="header_nav-sp_list_item_text">{{ 'front.for.product.search_for_products'|trans }}</p>
  453.                         <ul class="header_nav-sp_sub-list">
  454.                             {# トライアルセット #}
  455.                             {% set Category5 = repository('Eccube\\Entity\\Category').findOneBy({ 'id' : 5 }) %}
  456.                             {% if Category5 is defined and Category5 is not null %}
  457.                             <li>
  458.                                 <span data-submenu-target="trial">{{ Category5.name }}</span>
  459.                             </li>
  460.                             {% endif %}
  461.                             {# 定期購入対象商品 #}
  462.                             {% set Category34 = repository('Eccube\\Entity\\Category').findOneBy({ 'id' : 34 }) %}
  463.                             {% if Category34 is defined and Category34 is not null %}
  464.                             <li>
  465.                                 <a href="{{ url('product_list', { 'category_id': 34 }) }}">{{ Category34.Name }}</a>
  466.                             </li>
  467.                             {% endif %}
  468.                             {# キャンペーン対象商品 #}
  469.                             {% set Category6 = repository('Eccube\\Entity\\Category').findOneBy({ 'id' : 6 }) %}
  470.                             {% if Category6 is defined and Category6 is not null %}
  471.                             <li>
  472.                                 <a href="{{ url('product_list', { 'category_id': 6 }) }}">{{ Category6.Name }}</a>
  473.                             </li>
  474.                             {% endif %}
  475.                             {# スキンケア #}
  476.                             {% set Category1 = repository('Eccube\\Entity\\Category').findOneBy({ 'id' : 1 }) %}
  477.                             {% if Category1 is defined and Category1 is not null %}
  478.                             <li>
  479.                                 <span data-submenu-target="skincare">{{ Category1.name }}</span>
  480.                             </li>
  481.                             {% endif %}
  482.                             {# メイクアップ #}
  483.                             {% set Category2 = repository('Eccube\\Entity\\Category').findOneBy({ 'id' : 2 }) %}
  484.                             {% if Category2 is defined and Category2 is not null %}
  485.                             <li>
  486.                                 <span data-submenu-target="makeup">{{ Category2.Name }}</span>
  487.                             </li>
  488.                             {% endif %}
  489.                             {# ヘア＆ボディ #}
  490.                             {% set Category3 = repository('Eccube\\Entity\\Category').findOneBy({ 'id' : 3 }) %}
  491.                             {% if Category3 is defined and Category3 is not null %}
  492.                             <li>
  493.                                 <span data-submenu-target="hair">{{ Category3.Name }}</span>
  494.                             </li>
  495.                             {% endif %}
  496.                             {# セピア（ペットケア） #}
  497.                             {% set Category4 = repository('Eccube\\Entity\\Category').findOneBy({ 'id' : 4 }) %}
  498.                             {% if Category4 is defined and Category4 is not null %}
  499.                             <li>
  500.                                 <span data-submenu-target="pet">{{ Category4.Name }}</span>
  501.                             </li>
  502.                             {% endif %}
  503.                             {# TODO: 定期メニュー 確認待ち #}
  504.                         </ul>
  505.                     </li>
  506.                     <li class="header_nav-sp_list_item">
  507.                         <p class="header_nav-sp_list_item_text">コンテンツ</p>
  508.                         <ul class="header_nav-sp_sub-list">
  509.                             <li>
  510.                                 <a href="{{ url('special') }}">{{ 'front.for.special.title'|trans }}</a>
  511.                             </li>
  512.                             <li>
  513.                                 <span data-submenu-target="about">私たちについて</span>
  514.                             </li>
  515.                             <li>
  516.                                 <span data-submenu-target="support">お買い物サポート</span>
  517.                             </li>
  518.                             <li>
  519.                                 <a href="https://www.willard.co.jp/wblog/">{{ 'front.for.wblog.title'|trans }}</a>
  520.                             </li>
  521.                             <li>
  522.                                 <a href="{{ url('information') }}">最新情報</a>
  523.                             </li>
  524.                             <li>
  525.                                 <a href="{{ url('access') }}">ショールーム・お取り扱い店舗紹介</a>
  526.                             </li>
  527.                         </ul>
  528.                     </li>
  529.                 </ul>
  530.                 <p class="header_nav-sp_login-button">
  531.                     {% if not is_granted('ROLE_USER') %}
  532.                         <a href="{{ url('mypage_login') }}">新規会員登録／ログイン</a>
  533.                     {% else %}
  534.                         <a href="{{ url('mypage') }}">{{app.user.name01}} {{app.user.name02}}様</a>
  535.                     {% endif %}
  536.                 </p>
  537.                 <ul class="header_nav-sp_sns-list">
  538.                     <li>
  539.                         <a href="https://www.facebook.com/willardwater" target="_blank" rel="noopener"><img src="{{ asset('assets/img/customize/icon_sns_facebook.svg') }}" alt="Facebook" width="24" height="24"/></a>
  540.                     </li>
  541.                     <li>
  542.                         <a href="https://x.com/willard_water" target="_blank" rel="noopener"><img src="{{ asset('assets/img/customize/icon_sns_x.svg') }}" alt="Twitter" width="24" height="24"/></a>
  543.                     </li>
  544.                     <li>
  545.                         <a href="https://www.instagram.com/dr.willardwater_daikanyama/" target="_blank" rel="noopener"><img src="{{ asset('assets/img/customize/icon_sns_instagram.svg') }}" alt="Instagram" width="24" height="24"/></a>
  546.                     </li>
  547.                     <li>
  548.                         <a href="https://www.youtube.com/@dr.2951" target="_blank" rel="noopener"><img src="{{ asset('assets/img/customize/icon_sns_youtube.svg') }}" alt="YouTube" width="24" height="24"/></a>
  549.                     </li>
  550.                 </ul>
  551.             </div>
  553.             <!-- 下層メニュー -->
  554.             <div class="header_nav-sp_under">
  555.                 <p class="header_nav-sp_back-button">
  556.                     <span>{{ 'common.back'|trans }}</span>
  557.                 </p>
  559.                 <!-- スキンケア -->
  560.                 <div id="skincare" class="header_nav-sp_under_inner">
  561.                     <ul class="header_nav-sp_list">
  562.                         <li class="header_nav-sp_list_item">
  563.                             <p class="header_nav-sp_list_item_link">
  564.                                 <a href="{{ url('product_list', { 'category_id': 1 }) }}">スキンケア TOP</a>
  565.                             </p>
  566.                             <p class="header_nav-sp_list_item_button">
  567.                                 <a href="{{ url('subscription') }}">お得な定期購入について</a>
  568.                             </p>
  569.                             <ul class="header_nav-sp_list">
  570.                                 <li class="header_nav-sp_list_item">
  571.                                     <p class="header_nav-sp_list_item_text">{{ 'front.for.product.search_for_products'|trans }}</p>
  572.                                     <ul class="header_nav-sp_sub-list">
  573.                                         {# 化粧水 #}
  574.                                         {% set Category11 = repository('Eccube\\Entity\\Category').findOneBy({ 'id' : 11 }) %}
  575.                                         {% if Category11 is defined and Category11 is not null %}
  576.                                         <li>
  577.                                             <a href="{{ url('product_list', { 'category_id': 11 }) }}">{{ Category11.Name }}</a>
  578.                                         </li>
  579.                                         {% endif %}
  580.                                         {# 保湿ジェル #}
  581.                                         {% set Category12 = repository('Eccube\\Entity\\Category').findOneBy({ 'id' : 12 }) %}
  582.                                         {% if Category12 is defined and Category12 is not null %}
  583.                                             <li>
  584.                                                 <a href="{{ url('product_list', { 'category_id': 12 }) }}">{{ Category12.Name }}</a>
  585.                                             </li>
  586.                                         {% endif %}
  587.                                         {# 保湿クリーム #}
  588.                                         {% set Category13 = repository('Eccube\\Entity\\Category').findOneBy({ 'id' : 13 }) %}
  589.                                         {% if Category13 is defined and Category13 is not null %}
  590.                                             <li>
  591.                                                 <a href="{{ url('product_list', { 'category_id': 13 }) }}">{{ Category13.Name }}</a>
  592.                                             </li>
  593.                                         {% endif %}
  594.                                         {# クレンジング&洗顔 #}
  595.                                         {% set Category14 = repository('Eccube\\Entity\\Category').findOneBy({ 'id' : 14 }) %}
  596.                                         {% if Category14 is defined and Category14 is not null %}
  597.                                             <li>
  598.                                                 <a href="{{ url('product_list', { 'category_id': 14 }) }}">{{ Category14.Name }}</a>
  599.                                             </li>
  600.                                         {% endif %}
  601.                                         {# エイジングケア #}
  602.                                         {% set Category15 = repository('Eccube\\Entity\\Category').findOneBy({ 'id' : 15 }) %}
  603.                                         {% if Category15 is defined and Category15 is not null %}
  604.                                             <li>
  605.                                                 <a href="{{ url('product_list', { 'category_id': 15 }) }}">{{ Category15.Name }}</a>
  606.                                             </li>
  607.                                         {% endif %}
  608.                                         {# スペシャルケア #}
  609.                                         {% set Category16 = repository('Eccube\\Entity\\Category').findOneBy({ 'id' : 16 }) %}
  610.                                         {% if Category16 is defined and Category16 is not null %}
  611.                                             <li>
  612.                                                 <a href="{{ url('product_list', { 'category_id': 16 }) }}">{{ Category16.Name }}</a>
  613.                                             </li>
  614.                                         {% endif %}
  615.                                         {# 美容ゼリー #}
  616.                                         {% set Category17 = repository('Eccube\\Entity\\Category').findOneBy({ 'id' : 17 }) %}
  617.                                         {% if Category17 is defined and Category17 is not null %}
  618.                                             <li>
  619.                                                 <a href="{{ url('product_list', { 'category_id': 17 }) }}">{{ Category17.Name }}</a>
  620.                                             </li>
  621.                                         {% endif %}
  622.                                         {# ミニセット #}
  623.                                         {% set Category18 = repository('Eccube\\Entity\\Category').findOneBy({ 'id' : 18 }) %}
  624.                                         {% if Category18 is defined and Category18 is not null %}
  625.                                             <li>
  626.                                                 <a href="{{ url('product_list', { 'category_id': 18 }) }}">{{ Category18.Name }}</a>
  627.                                             </li>
  628.                                         {% endif %}
  629.                                     </ul>
  630.                                 </li>
  631.                                 <li class="header_nav-sp_list_item">
  632.                                     <p class="header_nav-sp_list_item_text">お肌のお悩みから探す</p>
  633.                                     <ul class="header_nav-sp_sub-list">
  634.                                         <li>
  635.                                             <a href="{{ url('product_list', { 'concerns_id': 1 }) }}">何も使えない敏感肌</a>
  636.                                         </li>
  637.                                         <li>
  638.                                             <a href="{{ url('product_list', { 'concerns_id': 2 }) }}">アトピー肌などのトラブル肌</a>
  639.                                         </li>
  640.                                         <li>
  641.                                             <a href="{{ url('product_list', { 'concerns_id': 3 }) }}">デリケートな赤ちゃん肌</a>
  642.                                         </li>
  643.                                         <li>
  644.                                             <a href="{{ url('product_list', { 'concerns_id': 4 }) }}">乾燥・カサつき</a>
  645.                                         </li>
  646.                                         <li>
  647.                                             <a href="{{ url('product_list', { 'concerns_id': 5 }) }}">やけど肌荒れ</a>
  648.                                         </li>
  649.                                         <li>
  650.                                             <a href="{{ url('product_list', { 'concerns_id': 6 }) }}">にきび・そばかす・吹き出物</a>
  651.                                         </li>
  652.                                         <li>
  653.                                             <a href="{{ url('product_list', { 'concerns_id': 7 }) }}">黒ずみ・シミ・くすみ</a>
  654.                                         </li>
  655.                                         <li>
  656.                                             <a href="{{ url('product_list', { 'concerns_id': 8 }) }}">シワ・たるみ・ほうれい線</a>
  657.                                         </li>
  658.                                         <li>
  659.                                             <a href="{{ url('product_list', { 'concerns_id': 9 }) }}">ベタつき・テカリ</a>
  660.                                         </li>
  661.                                         <li>
  662.                                             <a href="{{ url('product_list', { 'concerns_id': 10 }) }}">ペットの肌ケアが気になる方</a>
  663.                                         </li>
  664.                                         <li>
  665.                                             <a href="{{ url('product_list', { 'concerns_id': 11 }) }}">クレンジング＆洗顔</a>
  666.                                         </li>
  667.                                     </ul>
  668.                                 </li>
  669.                             </ul>
  670.                         </li>
  671.                     </ul>
  672.                 </div>
  674.                 <!-- 私たちについて -->
  675.                 <div id="about" class="header_nav-sp_under_inner">
  676.                     <ul class="header_nav-sp_list">
  677.                         <li class="header_nav-sp_list_item">
  678.                             <p class="header_nav-sp_list_item_link">
  679.                                 <a href="{{ url('brandconcept') }}">ブランドメッセージ TOP</a>
  680.                             </p>
  681.                             <ul class="header_nav-sp_sub-list">
  682.                                 <li>
  683.                                     <a href="{{ url('brandconcept_message') }}">{{ 'front.for.brandconcept.message_title'|trans }}</a>
  684.                                 </li>
  685.                                 <li>
  686.                                     <a href="{{ url('brandconcept_about') }}">{{ 'front.for.brandconcept.about_title'|trans }}</a>
  687.                                 </li>
  688.                                 <li>
  689.                                     <a href="{{ url('brandconcept_quality') }}">{{ 'front.for.brandconcept.quality_title'|trans }}</a>
  690.                                 </li>
  691.                                 <li>
  692.                                     <a href="{{ url('brandconcept_uservoice') }}">{{ 'front.for.brandconcept.uservoice_title'|trans }}</a>
  693.                                 </li>
  694.                             </ul>
  695.                         </li>
  696.                         <li class="header_nav-sp_list_item">
  697.                             <p class="header_nav-sp_list_item_link">
  698.                                 <a href="{{ url('company') }}">企業情報 TOP</a>
  699.                             </p>
  700.                             <ul class="header_nav-sp_sub-list">
  701.                                 <li>
  702.                                     <a href="{{ url('company_message') }}">{{ 'front.for.company.message_title'|trans }}</a>
  703.                                 </li>
  704.                                 <li>
  705.                                     <a href="{{ url('company_encounter') }}">{{ 'front.for.company.encounter_title'|trans }}</a>
  706.                                 </li>
  707.                                 <li>
  708.                                     <a href="{{ url('company_about') }}">{{ 'front.for.company.about_title'|trans }}</a>
  709.                                 </li>
  710.                                 <li>
  711.                                     <a href="{{ url('company_history') }}">{{ 'front.for.company.history_title'|trans }}</a>
  712.                                 </li>
  713.                             </ul>
  714.                         </li>
  715.                     </ul>
  716.                 </div>
  718.                 <!-- お買い物サポート -->
  719.                 <div id="support" class="header_nav-sp_under_inner">
  720.                     <ul class="header_nav-sp_list">
  721.                         <li class="header_nav-sp_list_item">
  722.                             <p class="header_nav-sp_list_item_link">
  723.                                 <span>サービスについて</span>
  724.                             </p>
  725.                             <ul class="header_nav-sp_sub-list">
  726.                                 <li>
  727.                                     <a href="{{ url('pointservice') }}">{{ 'front.for.pointservice.title'|trans }}</a>
  728.                                 </li>
  729.                                 <li>
  730.                                     <a href="{{ url('subscription') }}">定期購入について</a>
  731.                                 </li>
  732.                                 <li>
  733.                                     <a href="{{ url('referral') }}">{{ 'front.for.referral.title'|trans }}</a>
  734.                                 </li>
  735.                                 <li>
  736.                                     <a href="{{ url('shippingfee') }}">{{ 'front.for.shippingfee.title'|trans }}</a>
  737.                                 </li>
  738.                                 <li>
  739.                                     <a href="{{ url('access') }}">ショールーム・お取り扱い店舗紹介</a>
  740.                                 </li>
  741.                             </ul>
  742.                         </li>
  743.                         <li class="header_nav-sp_list_item">
  744.                             <p class="header_nav-sp_list_item_link">
  745.                                 <a href="{{ url('help_guide') }}">ご利用ガイド TOP</a>
  746.                             </p>
  747.                             <ul class="header_nav-sp_sub-list">
  748.                                 <li>
  749.                                     <a href="{{ url('guide_use') }}">お客様登録・ログインについて</a>
  750.                                 </li>
  751.                                 <li>
  752.                                     <a href="{{ url('guide_order') }}">お買い物について</a>
  753.                                 </li>
  754.                                 <li>
  755.                                     <a href="{{ url('guide_delivery') }}">お届け・返品交換について</a>
  756.                                 </li>
  757.                                 <li>
  758.                                     <a href="{{ url('guide_site') }}">サイトのご利用</a>
  759.                                 </li>
  760.                             </ul>
  761.                         </li>
  762.                         <li class="header_nav-sp_list_item">
  763.                             <p class="header_nav-sp_list_item_link">
  764.                                 <a href="{{ url('faq') }}">よくあるご質問 TOP</a>
  765.                             </p>
  766.                             <ul class="header_nav-sp_sub-list">
  767.                                 <li>
  768.                                     <a href="{{ url('faq_willardwater') }}">ウィラード・ウォーターに関するご質問</a>
  769.                                 </li>
  770.                                 <li>
  771.                                     <a href="{{ url('faq_product') }}">商品に関するご質問</a>
  772.                                 </li>
  773.                                 <li>
  774.                                     <a href="{{ url('faq_cosmetic') }}">化粧品全般に関するご質問</a>
  775.                                 </li>
  776.                                 <li>
  777.                                     <a href="{{ url('faq_purchase') }}">ご購入に関するご質問</a>
  778.                                 </li>
  779.                                 <li>
  780.                                     <a href="{{ url('faq_entry') }}">お客様登録に関するご質問</a>
  781.                                 </li>
  782.                                 <li>
  783.                                     <a href="{{ url('faq_site') }}">本サイトに関するご質問</a>
  784.                                 </li>
  785.                             </ul>
  786.                         </li>
  787.                         <li class="header_nav-sp_list_item">
  788.                             <p class="header_nav-sp_list_item_link">
  789.                                 <a href="{{ url('contact') }}">{{ 'front.for.contact.title_short'|trans }}</a>
  790.                             </p>
  791.                             <ul class="header_nav-sp_sub-list">
  792.                                 <li>
  793.                                     <a href="{{ url('contact_index') }}">{{ 'front.for.contact_index.title'|trans }}</a>
  794.                                 </li>
  795.                                 <li>
  796.                                     <a href="{{ url('contact') }}">{{ 'front.for.contact.request_catalog'|trans }}</a>
  797.                                 </li>
  798.                             </ul>
  799.                         </li>
  800.                     </ul>
  801.                 </div>
  803.                 <!-- ペットケア -->
  804.                 <div id="pet" class="header_nav-sp_under_inner">
  805.                     <ul class="header_nav-sp_list">
  806.                         <li class="header_nav-sp_list_item">
  807.                             <p class="header_nav-sp_list_item_link">
  808.                                 <a href="{{ url('product_list', { 'category_id': 4 }) }}">ペットケア・セピアTOP</a>
  809.                             </p>
  810.                             <p class="header_nav-sp_list_item_button">
  811.                                 <a href="{{ url('subscription') }}">お得な定期購入について</a>
  812.                             </p>
  813.                             <ul class="header_nav-sp_list">
  814.                                 <li class="header_nav-sp_list_item">
  815.                                     <p class="header_nav-sp_list_item_text">{{ 'front.for.product.search_for_products'|trans }}</p>
  816.                                     <ul class="header_nav-sp_sub-list">
  817.                                         <li>
  818.                                             <a href="{{ url('product_list', { 'category_id': 24 }) }}">セピアウォーター（ペット用全身化粧水）</a>
  819.                                         </li>
  820.                                         <li>
  821.                                             <a href="{{ url('product_list', { 'category_id': 25 }) }}">セピアシャンプー（ペット用）</a>
  822.                                         </li>
  823.                                         <li>
  824.                                             <a href="{{ url('product_list', { 'category_id': 26 }) }}">泡立てボール</a>
  825.                                         </li>
  826.                                     </ul>
  827.                                 </li>
  828.                             </ul>
  829.                         </li>
  830.                     </ul>
  831.                 </div>
  833.                 <!-- トライアルセット -->
  834.                 <div id="trial" class="header_nav-sp_under_inner">
  835.                     <ul class="header_nav-sp_list">
  836.                         <li class="header_nav-sp_list_item">
  837.                             <p class="header_nav-sp_list_item_link">
  838.                                 <a href="{{ url('product_list', { 'category_id': 5 }) }}">トライアルセット TOP</a>
  839.                             </p>
  840.                             <p class="header_nav-sp_list_item_button">
  841.                                 <a href="{{ url('subscription') }}">お得な定期購入について</a>
  842.                             </p>
  843.                             <ul class="header_nav-sp_list">
  844.                                 <li class="header_nav-sp_list_item">
  845.                                     <p class="header_nav-sp_list_item_text">{{ 'front.for.product.search_for_products'|trans }}</p>
  846.                                     <ul class="header_nav-sp_sub-list">
  847.                                         <li>
  848.                                             <a href="{{ url('product_list', { 'category_id': 27 }) }}">スキンケア</a>
  849.                                         </li>
  850.                                         <li>
  851.                                             <a href="{{ url('product_list', { 'category_id': 28 }) }}">セピア</a>
  852.                                         </li>
  853.                                     </ul>
  854.                                 </li>
  855.                             </ul>
  856.                         </li>
  857.                     </ul>
  858.                 </div>
  860.                 <!-- メイクアップ -->
  861.                 <div id="makeup" class="header_nav-sp_under_inner">
  862.                     <ul class="header_nav-sp_list">
  863.                         <li class="header_nav-sp_list_item">
  864.                             <p class="header_nav-sp_list_item_link">
  865.                                 <a href="{{ url('product_list', { 'category_id': 2 }) }}">メイクアップ TOP</a>
  866.                             </p>
  867.                             <p class="header_nav-sp_list_item_button">
  868.                                 <a href="{{ url('subscription') }}">お得な定期購入について</a>
  869.                             </p>
  870.                             <ul class="header_nav-sp_list">
  871.                                 <li class="header_nav-sp_list_item">
  872.                                     <p class="header_nav-sp_list_item_text">{{ 'front.for.product.search_for_products'|trans }}</p>
  873.                                     <ul class="header_nav-sp_sub-list">
  874.                                         <li>
  875.                                             <a href="{{ url('product_list', { 'category_id': 19 }) }}">UV下地</a>
  876.                                         </li>
  877.                                         <li>
  878.                                             <a href="{{ url('product_list', { 'category_id': 20 }) }}">ファンデーション</a>
  879.                                         </li>
  880.                                         <li>
  881.                                             <a href="{{ url('product_list', { 'category_id': 21 }) }}">パウダー</a>
  882.                                         </li>
  883.                                     </ul>
  884.                                 </li>
  885.                             </ul>
  886.                         </li>
  887.                     </ul>
  888.                 </div>
  890.                 <!-- ヘア&ボディ -->
  891.                 <div id="hair" class="header_nav-sp_under_inner">
  892.                     <ul class="header_nav-sp_list">
  893.                         <li class="header_nav-sp_list_item">
  894.                             <p class="header_nav-sp_list_item_link">
  895.                                 <a href="{{ url('product_list', { 'category_id': 3 }) }}">ヘア&ボディ TOP</a>
  896.                             </p>
  897.                             <p class="header_nav-sp_list_item_button">
  898.                                 <a href="{{ url('subscription') }}">お得な定期購入について</a>
  899.                             </p>
  900.                             <ul class="header_nav-sp_list">
  901.                                 <li class="header_nav-sp_list_item">
  902.                                     <p class="header_nav-sp_list_item_text">{{ 'front.for.product.search_for_products'|trans }}</p>
  903.                                     <ul class="header_nav-sp_sub-list">
  904.                                         <li>
  905.                                             <a href="{{ url('product_list', { 'category_id': 22 }) }}">ヘアケア</a>
  906.                                         </li>
  907.                                         <li>
  908.                                             <a href="{{ url('product_list', { 'category_id': 23 }) }}">ボディ＆ハンド＆リップケア</a>
  909.                                         </li>
  910.                                     </ul>
  911.                                 </li>
  912.                             </ul>
  913.                         </li>
  914.                     </ul>
  915.                 </div>
  916.             </div>
  917.         </div>
  918.         <!-- / header_nav-sp -->
  919.     </div>
  920. <!-- / header -->
  921. </header>
  922. {# 未ログイン時　お気に入りモーダル #}
  923. <section id="favorite_login" class="m-modal_overlay">
  924.     <div class="m-modal_wrapper confirm">
  925.         <section class="m-modal">
  926.             <p class="m-modal_close">
  927.                 <button class="m-modal_close_button" data-close-target="favorite_login">
  928.                     <img src="{{ asset('assets/img/customize/icon_close.svg') }}" alt="閉じる" width="22" height="22">
  929.                 </button>
  930.             </p>
  931.             <section class="m-modal_inner">
  932.                 <p class="confirm_text">
  933.                     お気に入り機能を利用するには、ログインする必要があります。<br>
  934.                     お手数ですがログイン後にお気に入り登録をお願いします。
  935.                 </p>
  936.             </section>
  937.             <ul class="m-modal_button-list">
  938.                 <li>
  939.                     <p class="m-button_wrapper">
  940.                         <a href="{{ url('mypage_login') }}" class="m-button arrow">ログイン</a>
  941.                     </p>
  942.                 </li>
  943.             </ul>
  944.         </section>
  945.     </div>
  946. </section>