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

Open in your IDE?
  1. <header role="banner" class="header" id="is-headerFixed">
  2.     <div
  3.         class="headerInner">
  4.         <!-- PC時ヘッダ左側 -->
  5.         <div
  6.             class="header-leftBlock">
  7.             <!-- LOGO -->
  8.             <a href="{{ url('homepage') }}" class="header-logo">
  9.                 <h1 class="hdnTxt">永江印祥堂 公式ショップ</h1>
  10.                 <img src="{{ asset('assets/img/common/logo.jpg') }}" alt="永江印祥堂 公式ショップ" class="imgFit">
  11.             </a>
  12.             <!-- /LOGO -->
  14.             <div class="header-bnrBox dn-mobile">
  15.                 <div class="header-bnr bnr-01">
  16.                     <div class="header-bnr-img">
  17.                         <img src="{{ asset('assets/img/common/icon_track_02.svg') }}" alt="" class="imgFit">
  18.                     </div>
  19.                     <p class="header-bnr-text">
  20.                         全国一律<br>
  21.                         送料180円
  22.                     </p>
  23.                 </div>
  25.                 <div class="header-bnr bnr-02">
  26.                     <p class="header-bnr-text">
  27.                         <span class="dn-betweenPcAndMobile">お買い物</span>合計5,500円以上で<br>
  28.                         <span class="mod-font-cMain">送料無料</span>
  29.                     </p>
  30.                 </div>
  31.             </div>
  32.         </div>
  33.         <!-- /PC時ヘッダ左側 -->
  35.         <!-- PC時ヘッダ右側 -->
  36.         <div class="header-rightBlock">
  37.             <div class="header-search dn-mobile">
  38.                 {{ render(path('block_search_product')) }}
  39.             </div>
  42.             {% if is_granted('ROLE_USER') %}
  43.                 {# ログインしてる #}
  44.                 <a href="{{ url('help_guide') }}" class="header-link dn-mobile">
  45.                     <span class="header-link-img">
  46.                         <img src="{{ asset('assets/img/common/icon_howto_01.svg') }}" alt="" class="imgFit">
  47.                     </span>
  48.                     <span class="header-link-text">ご利用ガイド</span>
  49.                 </a>
  50.                 <a href="{{ url('mypage') }}" class="header-link">
  51.                     <span class="header-link-img">
  52.                         <img src="{{ asset('assets/img/common/icon_login_01.svg') }}" alt="" class="imgFit">
  53.                     </span>
  54.                     <span class="header-link-text">MYページ</span>
  55.                 </a>
  56.                 <a href="{{ url('logout') }}" class="header-link">
  57.                     <span class="header-link-img">
  58.                         <img src="{{ asset('assets/img/common/icon_logout_01.svg') }}" alt="" class="imgFit">
  59.                     </span>
  60.                     <span class="header-link-text">ログアウト</span>
  61.                 </a>
  62.                 <a href="{{ url('cart') }}" class="header-link">
  63.                     <span class="header-link-img">
  64.                         <img src="{{ asset('assets/img/common/icon_cart_01.svg') }}" alt="" class="imgFit">
  65.                     </span>
  66.                     <span class="header-link-text">カート</span>
  67.                 </a>
  69.             {% else %}
  70.                 {# ログインしてない #}
  71.                 <a href="{{ url('help_guide') }}" class="header-link dn-mobile">
  72.                     <span class="header-link-img">
  73.                         <img src="{{ asset('assets/img/common/icon_howto_01.svg') }}" alt="" class="imgFit">
  74.                     </span>
  75.                     <span class="header-link-text">ご利用ガイド</span>
  76.                 </a>
  77.                 <a href="{{ url('mypage_login') }}" class="header-link">
  78.                     <span class="header-link-img">
  79.                         <img src="{{ asset('assets/img/common/icon_login_01.svg') }}" alt="" class="imgFit">
  80.                     </span>
  81.                     <span class="header-link-text">ログイン</span>
  82.                 </a>
  83.                 <a href="{{ url('cart') }}" class="header-link">
  84.                     <span class="header-link-img">
  85.                         <img src="{{ asset('assets/img/common/icon_cart_01.svg') }}" alt="" class="imgFit">
  86.                     </span>
  87.                     <span class="header-link-text">カート</span>
  88.                 </a>
  89.             {% endif %}
  92.             <!-- MOBILE MENU BUTTON -->
  93.             <div id="header-mobileMenuBtn">
  94.                 <div class="header-mobileMenuBtnInner">
  95.                     <span>&thinsp;</span>
  96.                     <span>&thinsp;</span>
  97.                     <span>&thinsp;</span>
  98.                 </div>
  99.             </div>
  100.             <!-- /MOBILE MENU BUTTON -->
  101.             <!-- NAVIGATION -->
  102.             <!-- 
  103.         ***** Mobile時のMenue開閉に関わるClassです gNavと併記してください *****
  104.         isUnder ： Mobile時headerの下に表示（省略する場合はheaderに被さるように表示 ※省略時はz-indexを含めStyleを各自調整してください）
  105.         isSlide： Mobile時スライドアニメーションで開閉（省略した場合はFade）
  106.         isTop ： 画面上部へ表示 (※ isRight, isLeft とは併用しないこと)
  107.         isRight ： 画面右側へ表示 (※ isTop, isLeft とは併用しないこと)
  108.         isLeft ： 画面左側へ表示 (※ isTop, isRight とは併用しないこと)
  109.       -->
  110.                 <nav role="navigation" class="gNav isUnder isRight"> <div class="gNavInner">
  111.                     <div class="header-search dn-pc">
  112.                         {{ render(path('block_search_product')) }}                        
  113.                     </div>
  115.                     <div class="gNav-listBlock">
  116.                         <p class="gNav-categoryName">商品カテゴリー</p>
  117.                         <ol
  118.                             class="gNav-list">
  119.                             <!-- アコーディオンあり -->
  120.                             <li class="withAccordionMenu__02">
  121.                                 <span class="menuTitle isInkan">
  122.                                     個人印鑑
  123.                                 </span>
  124.                                 <div class="accordionMenu__02">
  125.                                     <div class="accordionMenu__02Inner">
  126.                                         <ul class="gNav-list__02">
  127.                                             <li>
  128.                                                 <a href="{{ url('product_list') }}?category_id=12" class="menuTitle">実印</a>
  129.                                             </li>
  130.                                             <li>
  131.                                                 <a href="{{ url('product_list') }}?category_id=15" class="menuTitle">銀行印・認印</a>
  132.                                             </li>
  133.                                             <li>
  134.                                                 <a href="{{ url('product_list') }}?category_id=16" class="menuTitle">小判印・訂正印</a>
  135.                                             </li>
  136.                                             <li>
  137.                                                 <a href="{{ url('product_list') }}?category_id=17" class="menuTitle">おしゃれハンコ・寿限無・その他</a>
  138.                                             </li>
  139.                                             <li>
  140.                                                 <a href="{{ url('product_list') }}?category_id=18" class="menuTitle">実印・銀行印セット</a>
  141.                                             </li>
  142.                                             <li>
  143.                                                 <a href="{{ url('product_list') }}?category_id=19" class="menuTitle">実印・銀行印・認印セット</a>
  144.                                             </li>
  145.                                         </ul>
  146.                                     </div>
  147.                                 </div>
  148.                             </li>
  150.                             <li class="withAccordionMenu__02">
  151.                                 <span class="menuTitle isInkan">
  152.                                     法人印鑑
  153.                                 </span>
  154.                                 <div class="accordionMenu__02">
  155.                                     <div class="accordionMenu__02Inner">
  156.                                         <ul class="gNav-list__02">
  157.                                             <li>
  158.                                                 <a href="{{ url('product_list') }}?category_id=21" class="menuTitle">役職印・銀行印</a>
  159.                                             </li>
  160.                                             <li>
  161.                                                 <a href="{{ url('product_list') }}?category_id=22" class="menuTitle">認印（角印）</a>
  162.                                             </li>
  163.                                             <li>
  164.                                                 <a href="{{ url('product_list') }}?category_id=25" class="menuTitle">法人印セット</a>
  165.                                             </li>
  166.                                             <li>
  167.                                                 <a href="{{ url('product_list') }}?category_id=26" class="menuTitle">割印</a>
  168.                                             </li>
  169.                                         </ul>
  170.                                     </div>
  171.                                 </div>
  172.                             </li>
  174.                             <li class="withAccordionMenu__02">
  175.                                 <span class="menuTitle isInkan">
  176.                                     屋久杉印鑑｜個人
  177.                                 </span>
  178.                                 <div class="accordionMenu__02">
  179.                                     <div class="accordionMenu__02Inner">
  180.                                         <ul class="gNav-list__02">
  181.                                             <li>
  182.                                                 <a href="{{ url('product_list') }}?category_id=57" class="menuTitle">実印</a>
  183.                                             </li>
  184.                                             <li>
  185.                                                 <a href="{{ url('product_list') }}?category_id=59" class="menuTitle">銀行印・認印</a>
  186.                                             </li>
  187.                                             <li>
  188.                                                 <a href="{{ url('product_list') }}?category_id=60" class="menuTitle">実印・銀行印セット</a>
  189.                                             </li>
  190.                                         </ul>
  191.                                     </div>
  192.                                 </div>
  193.                             </li>
  195.                             <li class="withAccordionMenu__02">
  196.                                 <span class="menuTitle isInkan">
  197.                                     屋久杉印鑑｜法人
  198.                                 </span>
  199.                                 <div class="accordionMenu__02">
  200.                                     <div class="accordionMenu__02Inner">
  201.                                         <ul class="gNav-list__02">
  202.                                             <li>
  203.                                                 <a href="{{ url('product_list') }}?category_id=61" class="menuTitle">役職印・銀行印</a>
  204.                                             </li>
  205.                                             <li>
  206.                                                 <a href="{{ url('product_list') }}?category_id=62" class="menuTitle">認印（角印）</a>
  207.                                             </li>
  208.                                             <li>
  209.                                                 <a href="{{ url('product_list') }}?category_id=63" class="menuTitle">法人印セット</a>
  210.                                             </li>
  211.                                         </ul>
  212.                                     </div>
  213.                                 </div>
  214.                             </li>
  216.                             <li class="withAccordionMenu__02">
  217.                                 <span class="menuTitle isInkan">
  218.                                     しまねっこ商品
  219.                                 </span>
  220.                                 <div class="accordionMenu__02">
  221.                                     <div class="accordionMenu__02Inner">
  222.                                         <ul class="gNav-list__02">
  223.                                             <li>
  224.                                                 <a href="{{ url('product_list') }}?category_id=36" class="menuTitle">銀行印・認印</a>
  225.                                             </li>
  226.                                             <li>
  227.                                                 <a href="{{ url('product_list') }}?category_id=37" class="menuTitle">スタンプ</a>
  228.                                             </li>
  229.                                         </ul>
  230.                                     </div>
  231.                                 </div>
  232.                             </li>
  234.                             <li class="withAccordionMenu__02">
  235.                                 <span class="menuTitle isStamp">
  236.                                     スタンプ
  237.                                 </span>
  238.                                 <div class="accordionMenu__02">
  239.                                     <div class="accordionMenu__02Inner">
  240.                                         <ul class="gNav-list__02">
  241.                                             <li>
  242.                                                 <a href="{{ url('product_list') }}?category_id=39" class="menuTitle">ネーム印</a>
  243.                                             </li>
  244.                                             <li>
  245.                                                 <a href="{{ url('product_list') }}?category_id=40" class="menuTitle">おなまえスタンプセット</a>
  246.                                             </li>
  247.                                             <li>
  248.                                                 <a href="{{ url('product_list') }}?category_id=41" class="menuTitle">金封用セット</a>
  249.                                             </li>
  250.                                             <li>
  251.                                                 <a href="{{ url('product_list') }}?category_id=42" class="menuTitle">各種ゴム印</a>
  252.                                             </li>
  253.                                         </ul>
  254.                                     </div>
  255.                                 </div>
  256.                             </li>
  258.                             <li class="withAccordionMenu__02">
  259.                                 <span class="menuTitle isSyuniku">
  260.                                     印鑑関連商品
  261.                                 </span>
  262.                                 <div class="accordionMenu__02">
  263.                                     <div class="accordionMenu__02Inner">
  264.                                         <ul class="gNav-list__02">
  265.                                             <li>
  266.                                                 <a href="{{ url('product_list') }}?category_id=44" class="menuTitle">印鑑ケース</a>
  267.                                             </li>
  268.                                             <li>
  269.                                                 <a href="{{ url('product_list') }}?category_id=45" class="menuTitle">捺印マット</a>
  270.                                             </li>
  271.                                             <li>
  272.                                                 <a href="{{ url('product_list') }}?category_id=46" class="menuTitle">朱肉・補充インク</a>
  273.                                             </li>
  274.                                             <li>
  275.                                                 <a href="{{ url('product_list') }}?category_id=47" class="menuTitle">スタンプ台</a>
  276.                                             </li>
  277.                                         </ul>
  278.                                     </div>
  279.                                 </div>
  280.                             </li>
  282.                             <li class="withAccordionMenu__02">
  283.                                 <span class="menuTitle isPen">
  284.                                     ペンネーム印・関連商品
  285.                                 </span>
  286.                                 <div class="accordionMenu__02">
  287.                                     <div class="accordionMenu__02Inner">
  288.                                         <ul class="gNav-list__02">
  289.                                             <li>
  290.                                                 <a href="{{ url('product_list') }}?category_id=49" class="menuTitle">ネーム印・補充インク</a>
  291.                                             </li>
  292.                                             <li>
  293.                                                 <a href="{{ url('product_list') }}?category_id=51" class="menuTitle">ネームペン</a>
  294.                                             </li>
  295.                                         </ul>
  296.                                     </div>
  297.                                 </div>
  298.                             </li>
  299.                             <!-- /アコーディオンあり -->
  300.                         </ol>
  302.                         <p class="gNav-categoryName">お役立ちガイド</p>
  303.                         <ol
  304.                             class="gNav-list">
  305.                             <!-- アコーディオンあり -->
  306.                             <li class="withAccordionMenu__02">
  307.                                 <span class="menuTitle isGuide">
  308.                                     初めての方のガイドブック
  309.                                 </span>
  310.                                 <div class="accordionMenu__02">
  311.                                     <div class="accordionMenu__02Inner">
  312.                                         <ul class="gNav-list__02">
  313.                                             <li>
  314.                                                 <a href="{{ url('homepage') }}user_data/howto_index" class="menuTitle">印鑑の選び方ガイド</a>
  315.                                             </li>
  316.                                             <li>
  317.                                                 <a href="{{ url('homepage') }}user_data/faq_index" class="menuTitle">よくある質問</a>
  318.                                             </li>
  319.                                             <li>
  320.                                                 <a href="{{ url('homepage') }}user_data/howto_material" class="menuTitle">印材で選ぶ</a>
  321.                                             </li>
  322.                                             <li>
  323.                                                 <a href="{{ url('homepage') }}#top-ranking" class="menuTitle">商品ランキング</a>
  324.                                             </li>
  325.                                         </ul>
  326.                                     </div>
  327.                                 </div>
  328.                             </li>
  330.                             <li class="withAccordionMenu__02">
  331.                                 <span class="menuTitle isGuide">
  332.                                     印鑑のお役立ち知識
  333.                                 </span>
  334.                                 <div class="accordionMenu__02">
  335.                                     <div class="accordionMenu__02Inner">
  336.                                         <ul class="gNav-list__02">
  337.                                             <li>
  338.                                                 <a href="{{ url('homepage') }}user_data/howto_nagaemozi" class="menuTitle">永江文字の書体について</a>
  339.                                             </li>
  340.                                             <li>
  341.                                                 <a href="{{ url('homepage') }}user_data/howto_kuyou" class="menuTitle">印鑑供養について</a>
  342.                                             </li>
  343.                                             <li>
  344.                                                 <a href="{{ url('homepage') }}user_data/howto_toroku" class="menuTitle">印鑑登録・印鑑証明とは</a>
  345.                                             </li>
  346.                                             <li>
  347.                                                 <a href="{{ url('homepage') }}user_data/howto_material" class="menuTitle">印材について</a>
  348.                                             </li>
  349.                                             <li>
  350.                                                 <a href="{{ url('homepage') }}user_data/howto_kinds" class="menuTitle">印鑑の種類について</a>
  351.                                             </li>
  352.                                             <li>
  353.                                                 <a href="{{ url('homepage') }}user_data/nagaehanko_index" class="menuTitle">永江印祥堂の印鑑</a>
  354.                                             </li>
  355.                                         </ul>
  356.                                     </div>
  357.                                 </div>
  358.                             </li>
  359.                             <!-- /アコーディオンあり -->
  360.                         </ol>
  361.                     </div>
  363.                     <ul class="gNav-sns">
  364.                         <li>
  365.                             <a href="https://www.instagram.com/nagaeinsyoudou/" target="_blank" rel="noopener noreferrer">
  366.                                 <img src="{{ asset('assets/img/common/icon_instagram_01.svg') }}" alt="インスタグラム" class="imgFit">
  367.                             </a>
  368.                         </li>
  369.                         <li>
  370.                             <a href="https://twitter.com/nagaeinsyoudou" target="_blank" rel="noopener noreferrer">
  371.                                 <img src="{{ asset('assets/img/common/icon_x_01.svg') }}" alt="エックス" class="imgFit">
  372.                             </a>
  373.                         </li>
  374.                         <li>
  375.                             <a href="https://www.facebook.com/profile.php?id=100075498475111" target="_blank" rel="noopener noreferrer">
  376.                                 <img src="{{ asset('assets/img/common/icon_facebook_01.svg') }}" alt="フェイスブック" class="imgFit">
  377.                             </a>
  378.                         </li>
  379.                     </ul>
  381.                     <ul class="gNav-otherList">
  382.                         <li>
  383.                             <a href="{{ url('help_guide') }}">ご利用ガイド</a>
  384.                         </li>
  385.                         <li>
  386.                             <a href="{{ url('homepage') }}user_data/faq_index">よくある質問</a>
  387.                         </li>
  388.                         <li>
  389.                             <a href="{{ url('homepage') }}user_data/message_index">ごあいさつ</a>
  390.                         </li>
  391.                         <li>
  392.                             <a href="{{ url('homepage') }}user_data/nagae_index">永江印祥堂について</a>
  393.                         </li>
  394.                         <li>
  395.                             <a href="{{ url('homepage') }}user_data/company_index">会社概要・沿革</a>
  396.                         </li>
  397.                         <li>
  398.                             <a href="{{ url('help_privacy') }}">個人情報保護方針</a>
  399.                         </li>
  400.                         <li>
  401.                             <a href="{{ url('help_tradelaw') }}">特定商取引法について</a>
  402.                         </li>
  403.                     </ul>
  404.                 </div>
  405.             </nav>
  406.             <!-- /NAVIGATION -->
  407.         </div>
  408.         <!-- /PC時ヘッダ右側 -->
  409.     </div>
  410. </header>