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

Open in your IDE?
  1. {% set limit = 3 %}
  2. {% set productMaxLength = 10 %}
  4. <div class="ec-headerNaviRole" style="padding-bottom: 20px;">
  5.     <div class="header-block-42">
  6.         <div class="header01">
  7.             <div class="header-block-nav">
  8.                 <div class="basic-header-bottom">
  9.                     <div class="mega-container">
  10.                         <div class="mega-menu-wrapper p-relative">
  11.                             <div class="d-flex align-items-center justify-content-between">
  12.                                 <div class="basic-header-logo">
  13.                                     <a href="{{ url('homepage') }}" title="{{ BaseInfo.shop_name }}">
  14.                                         <img alt="{{ BaseInfo.shop_name }}"
  15.                                              src="/html/user_data/logo.png?version=1759206319">
  16.                                     </a>
  17.                                 </div>
  18.                                 <div class="ec-headerRole__navSP">
  19.                                     
  20. <div class="ec-headerNavSP">
  21.     <i class="fas fa-bars"></i>
  22. </div>
  23.                                 </div>
  24.                                 <div class="basic-header-bottom-right d-flex justify-content-end align-items-center">
  25.                                     <div class="basic-header-meta-items-3 d-flex align-items-center">
  28.                                         {% if is_granted('ROLE_USER') %}
  29.                                             <div class="basic-header-meta-item basic-header-menu-meta d-flex align-items-center NavSP">
  30.                                                 <div class="basic-header-meta-icon-3 basic-link NavSP">
  31.                                                     <a href="{{ url('mypage') }}" title="マイページ"> <i class="fa fa-user-circle" aria-hidden="true"></i></a>
  32.                                                 </div>
  33.                                             </div>
  35.                                             <div class="basic-header-meta-item basic-header-menu-meta d-flex align-items-center NavSP">
  36.                                                 <div class="basic-header-meta-icon-3 basic-link NavSP">
  37.                                                     <a href="{{ url('logout') }}" title="ログアウト"> <i class="fa fa-sign-out" aria-hidden="true"></i></a>
  38.                                                 </div>
  39.                                             </div>
  40.                                         {% else %}
  41.                                             <div class="basic-header-meta-item basic-header-menu-meta d-flex align-items-center NavSP">
  42.                                                 <div class="basic-header-meta-icon-3 basic-link NavSP">
  43.                                                     <a href="{{ url('entry') }}" title="新規会員登録"> <i class="fa fa-user-circle" aria-hidden="true"></i></a>
  44.                                                 </div>
  45.                                             </div>
  47.                                             <div class="basic-header-meta-item basic-header-menu-meta d-flex align-items-center NavSP">
  48.                                                 <div class="basic-header-meta-icon-3 basic-link NavSP">
  49.                                                     <a href="{{ url('mypage_login') }}" title="ログイン"> <i class="fa fa-lock fa-large" aria-hidden="true"></i></a>
  50.                                                 </div>
  51.                                             </div>
  52.                                         {% endif %}
  53.                                         {% if BaseInfo.option_favorite_product %}
  54.                                             <div class="basic-header-meta-item basic-header-menu-meta d-flex align-items-center">
  55.                                                 <div class="basic-header-meta-icon-3 basic-link">
  56.                                                     <a href="{{ url('mypage_favorite') }}"> <i class="fa fa-heart" aria-hidden="true"></i></a>
  57.                                                 </div>
  58.                                             </div>
  59.                                         {% endif %}
  60.                                         {% set Carts = get_all_carts() %}
  61.                                         {% set totalPrice = get_carts_total_price() %}
  62.                                         {% set totalQuantity = get_carts_total_quantity() %}
  63.                                         <div class="basic-header-meta-item basic-header-menu-meta d-flex align-items-center">
  64.                                             <div class="basic-header-meta-icon-3 basic-header-cart">
  65.                                                 <a href="{{ url('cart') }}" title="カートへ進む">
  66.                                                     <i class="fa fa-shopping-cart fa-large" aria-hidden="true"></i>
  67.                                                     <span class="basic-header-cart-count">{{ totalQuantity|number_format }}</span>
  68.                                                 </a>
  70.                                                 {% if totalQuantity <= 0 %}
  71.                                                     <div class="basic-header-cart-wrapper">
  72.                                                         <h5>現在カート内に商品はございません。</h5>
  73.                                                     </div>
  74.                                                 {% endif %}
  75.                                             </div>
  76.                                         </div>
  77.                                         <div class="basic-search-btn-wrapper">
  78.                                             <button class="basic-search-open-btn" data-open-name="search" data-js="basic_canvas__open-btn" type="button">
  79.                                                 <i class="fa fa-search" aria-hidden="true"></i>
  80.                                             </button>
  81.                                         </div>
  82.                                     </div>
  83.                                 </div>
  84.                             </div>
  85.                         </div>
  86.                     </div>
  87.                 </div>
  88.             </div>
  89.         </div>
  90.     </div>
  91. </div>
  92. <div style="background:#365055">
  93. <div class="ec-headerNaviRole" style="color:#fff;padding-bottom: 20px;">
  94.     <div class="header-block-42">
  95.         <div class="header01">
  96.             <div class="header-block-nav">
  97.                 <div class="basic-header-bottom">
  98.                     <div class="mega-container">
  99.                         <div class="mega-menu-wrapper p-relative">
  100.                             <div class="d-flex align-items-center justify-content-between">
  101.                                 <div class="basic-main-menu d-none d-lg-flex align-items-center">
  102.                                                                             <nav>
  103.                                             <ul>
  105.                                                 <!-- デフォルト表示形式 -->
  106.                                                 <li class="has-dropdown">
  107.                                                     <a href="#" data-open-name="info" data-js="basic_canvas__open-btn">
  108.                                                         ご購入までの流れ
  109.                                                     </a>
  110.                                                 </li>
  114.                                                                                                     
  115.                                                                                                             <!-- デフォルト表示形式 -->
  116.                                                         <li class="has-dropdown">
  117.                                                             <a href="" title="カテゴリ">
  118.                                                                 カテゴリ
  119.                                                             </a>
  121.                                                                                                                             <i class="fa fa-angle-down" aria-hidden="true"></i>
  123.                                                                 <ul class="submenu">
  124.                                                                                                                                             <li>
  125.                                                                             <a href="/products/list?category_id=7" title="カーポート・車庫">
  126.                                                                                 カーポート・車庫
  127.                                                                             </a>
  128.                                                                         </li>
  129.                                                                                                                                             <li>
  130.                                                                             <a href="/products/list?category_id=16" title="倉庫・ガレージ">
  131.                                                                                 倉庫・ガレージ
  132.                                                                             </a>
  133.                                                                         </li>
  134.                                                                                                                                             <li>
  135.                                                                             <a href="/products/list?category_id=8" title="サイクルポート・駐輪場">
  136.                                                                                 サイクルポート・駐輪場
  137.                                                                             </a>
  138.                                                                         </li>
  139.                                                                                                                                             <li>
  140.                                                                             <a href="/products/list?category_id=9" title="ゲート">
  141.                                                                                 ゲート
  142.                                                                             </a>
  143.                                                                         </li>
  144.                                                                                                                                             <li>
  145.                                                                             <a href="/products/list?category_id=12" title="テラス">
  146.                                                                                 テラス
  147.                                                                             </a>
  148.                                                                         </li>
  149.                                                                                                                                             <li>
  150.                                                                             <a href="/products/list?category_id=19" title="ベランダ・バルコニー">
  151.                                                                                 ベランダ・バルコニー
  152.                                                                             </a>
  153.                                                                         </li>
  154.                                                                                                                                             <li>
  155.                                                                             <a href="/products/list?category_id=18" title="オーニング・日よけ">
  156.                                                                                 オーニング・日よけ
  157.                                                                             </a>
  158.                                                                         </li>
  159.                                                                                                                                             <li>
  160.                                                                             <a href="/products/list?category_id=11" title="ウッドデッキ">
  161.                                                                                 ウッドデッキ
  162.                                                                             </a>
  163.                                                                         </li>
  164.                                                                                                                                             <li>
  165.                                                                             <a href="/products/list?category_id=14" title="フェンス・柵">
  166.                                                                                 フェンス・柵
  167.                                                                             </a>
  168.                                                                         </li>
  169.                                                                                                                                             <li>
  170.                                                                             <a href="/products/list?category_id=25" title="門扉">
  171.                                                                                 門扉
  172.                                                                             </a>
  173.                                                                         </li>
  174.                                                                                                                                             <li>
  175.                                                                             <a href="/products/list?category_id=13" title="ポスト・門柱宅配ボックス">
  176.                                                                                 ポスト・門柱宅配ボックス
  177.                                                                             </a>
  178.                                                                         </li>
  179.                                                                                                                                             <li>
  180.                                                                             <a href="/products/list?category_id=15" title="物置・収納・屋外倉庫">
  181.                                                                                 物置・収納・屋外倉庫
  182.                                                                             </a>
  183.                                                                         </li>
  184.                                                                                                                                             <li>
  185.                                                                             <a href="/products/list?category_id=20" title="ガーデンファニチャー">
  186.                                                                                 ガーデンファニチャー
  187.                                                                             </a>
  188.                                                                         </li>
  189.                                                                                                                                             <li>
  190.                                                                             <a href="/products/list?category_id=22" title="人工芝">
  191.                                                                                 人工芝
  192.                                                                             </a>
  193.                                                                         </li>
  194.                                                                                                                                             <li>
  195.                                                                             <a href="/products/list?category_id=17" title="内窓・二重窓">
  196.                                                                                 内窓・二重窓
  197.                                                                             </a>
  198.                                                                         </li>
  199.                                                                                                                                             <li>
  200.                                                                             <a href="/products/list?category_id=26" title="その他">
  201.                                                                                 その他
  202.                                                                             </a>
  203.                                                                         </li>
  204.                                                                                                                                     </ul>
  205.                                                                                                                     </li>
  206.                                                                                                                                                         
  207.                                                                                                             <!-- デフォルト表示形式 -->
  208.                                                         <li class="has-dropdown">
  209.                                                             <a href="" title="ブランド">
  210.                                                                 ブランド
  211.                                                             </a>
  213.                                                                                                                             <i class="fa fa-angle-down" aria-hidden="true"></i>
  215.                                                                 <ul class="submenu">
  216.                                                                                                                                             <li>
  217.                                                                             <a href="/products/list?maker_id=1&amp;m=LIXIL" title="LIXIL">
  218.                                                                                 LIXIL
  219.                                                                             </a>
  220.                                                                         </li>
  221.                                                                                                                                             <li>
  222.                                                                             <a href="/products/list?maker_id=2&amp;m=YKK AP" title="YKK AP">
  223.                                                                                 YKK AP
  224.                                                                             </a>
  225.                                                                         </li>
  226.                                                                                                                                             <li>
  227.                                                                             <a href="/products/list?maker_id=3&amp;m=三協アルミ" title="三協アルミ">
  228.                                                                                 三協アルミ
  229.                                                                             </a>
  230.                                                                         </li>
  231.                                                                                                                                             <li>
  232.                                                                             <a href="/products/list?maker_id=4&amp;m=四国化成" title="四国化成">
  233.                                                                                 四国化成
  234.                                                                             </a>
  235.                                                                         </li>
  236.                                                                                                                                             <li>
  237.                                                                             <a href="/products/list?maker_id=5&amp;m=タカショー" title="タカショー">
  238.                                                                                 タカショー
  239.                                                                             </a>
  240.                                                                         </li>
  241.                                                                                                                                             <li>
  242.                                                                             <a href="/products/list?maker_id=8&amp;m=パナソニック" title="パナソニック">
  243.                                                                                 パナソニック
  244.                                                                             </a>
  245.                                                                         </li>
  246.                                                                                                                                             <li>
  247.                                                                             <a href="/products/list?maker_id=9&amp;m=イナバ " title="イナバ ">
  248.                                                                                 イナバ 
  249.                                                                             </a>
  250.                                                                         </li>
  251.                                                                                                                                             <li>
  252.                                                                             <a href="/products/list?maker_id=10&amp;m=ヨドコウ" title="ヨドコウ">
  253.                                                                                 ヨドコウ
  254.                                                                             </a>
  255.                                                                         </li>
  256.                                                                                                                                             <li>
  257.                                                                             <a href="/products/list?maker_id=6&amp;m=ユニソン" title="ユニソン">
  258.                                                                                 ユニソン
  259.                                                                             </a>
  260.                                                                         </li>
  261.                                                                                                                                             <li>
  262.                                                                             <a href="/products/list?maker_id=7&amp;m=エスビック" title="エスビック">
  263.                                                                                 エスビック
  264.                                                                             </a>
  265.                                                                         </li>
  266.                                                                                                                                             <li>
  267.                                                                             <a href="/products/list?maker_id=1&amp;m=13タクボ" title="タクボ">
  268.                                                                                 タクボ
  269.                                                                             </a>
  270.                                                                         </li>
  271.                                                                                                                                     </ul>
  272.                                                                                                                     </li>
  273.                                                                                                     
  274.                                         {% if is_granted('ROLE_USER') %}
  275.                                                 <li class="has-dropdown">
  276.                                                     <a href="{{ url('mypage') }}" title="マイページ">
  277.                                                         マイページ
  278.                                                     </a>
  279.                                                 </li>
  280.                                                 <li class="has-dropdown">
  281.                                                     <a href="{{ url('logout') }}" title="ログアウト">
  282.                                                         ログアウト
  283.                                                     </a>
  284.                                                 </li>
  285.                                         {% else %}
  286.                                                 <li class="has-dropdown">
  287.                                                     <a href="{{ url('entry') }}" title="新規会員登録">
  288.                                                         新規会員登録
  289.                                                     </a>
  290.                                                 </li>
  291.                                                 <li class="has-dropdown">
  292.                                                     <a href="{{ url('mypage_login') }}" title="ログイン">
  293.                                                         ログイン
  294.                                                     </a>
  295.                                                 </li>
  296.                                         {% endif %}
  297.                                                 <li class="has-dropdown">
  298.                                                     <a href="{{ url('contact') }}" title="お問い合わせ">
  299.                                                         お問い合わせ
  300.                                                     </a>
  301.                                                 </li>
  303.                                             </ul>
  304.                                         </nav>
  305.                                                                     </div>
  306.                             </div>
  307.                         </div>
  308.                     </div>
  309.                 </div>
  310.             </div>
  312.             <!-------------------------------------------Contact Info---------------------------------------------------->
  313.             <div class="contact-info">
  314.                 <div class="basic_canvas__area" data-open-js="basic_canvas__area__info" data-js="basic_canvas__area">
  315.                     <div class="basic_canvas__bg"></div>
  316.                     <div class="basic_canvas__wrapper">
  317.                         <div class="basic_canvas__content">
  318.                             <div class="basic_canvas__top mb-40 d-flex justify-content-between align-items-center">
  319.                                 <div class="basic_canvas__logo logo">
  320.                                     <a href="{{ url('homepage') }}">
  321.                                         <img alt="{{ BaseInfo.shop_name }}"
  322.                                              src="/html/user_data/logo.png?version=1759206319">
  323.                                     </a>
  324.                                 </div>
  325.                                 <div class="basic_canvas__close">
  326.                                     <button class="basic_canvas__close-btn" type="button" data-js="basic_canvas__close-btn">
  327.                                         <i class="fa fa-times" aria-hidden="true"></i>
  328.                                     </button>
  329.                                 </div>
  330.                             </div>
  331.                             <div class="basic_canvas__search mb-40">
  332.                                 <form method="get" class="searchform" action="{{ path('product_list') }}">
  333.                                     <button type="submit">
  334.                                         <i class="fa fa-search" aria-hidden="true"></i>
  335.                                     </button>
  336.                                     <input type="text" name="name" placeholder="商品名やキーワードで検索">
  337.                                 </form>
  338.                             </div>
  340.                                                             <div class="basic_canvas__about d-none d-lg-block mb-30">
  341.                                     <h4>ご購入までの流れ</h4>
  342.                                     <p>ご購入までの流れについて、簡潔に記載します。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。<br />
  343. テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。<br />
  344. テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。<br />
  345. テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。</p>
  346.                                 </div>
  347.                             
  348.                                                             <div class="basic_canvas__contact mb-30">
  349.                                     <h4>お見積依頼</h4>
  350.                                     <ul>
  351.                                         
  352.                                                                                     <li class="d-flex align-items-center gap-2">
  353.                                                 <div class="basic_canvas__contact-icon">
  354.                                                     <a href="tel:Line">
  355.                                                         <i class="fa fa-phone" aria-hidden="true"></i>
  356.                                                     </a>
  357.                                                 </div>
  358.                                                 <div class="basic_canvas__contact-text">
  359.                                                     <a href="tel:Line">
  360.                                                         Line
  361.                                                     </a>
  362.                                                 </div>
  363.                                             </li>
  364.                                         
  365.                                                                                     <li class="d-flex align-items-center gap-2">
  366.                                                 <div class="basic_canvas__contact-icon">
  367.                                                     <a href="mailto:support@mail.com">
  368.                                                         <i class="fa fa-envelope-open" aria-hidden="true"></i>
  369.                                                     </a>
  370.                                                 </div>
  371.                                                 <div class="basic_canvas__contact-text">
  372.                                                     <a href="mailto:support@mail.com">
  373.                                                         support@mail.com
  374.                                                     </a>
  375.                                                 </div>
  376.                                             </li>
  377.                                                                             </ul>
  378.                                 </div>
  379.                             
  380.                             <div class="basic_canvas__social">
  381.                                 <ul>
  382.                                                                             <li>
  383.                                             <a target="_blank" rel="noreferrer" href="#facebook">
  384.                                                 <i class="fa fa-facebook-square" aria-hidden="true"></i>
  385.                                             </a>
  386.                                         </li>
  387.                                     
  388.                                                                             <li>
  389.                                             <a target="_blank" rel="noreferrer" href="#twitter">
  390.                                                 <i class="fa fa-twitter-square" aria-hidden="true"></i>
  391.                                             </a>
  392.                                         </li>
  393.                                     
  394.                                                                             <li>
  395.                                             <a target="_blank" rel="noreferrer" href="#youtube">
  396.                                                 <i class="fa fa-youtube" aria-hidden="true"></i>
  397.                                             </a>
  398.                                         </li>
  399.                                     
  400.                                                                             <li>
  401.                                             <a target="_blank" rel="noreferrer" href="#google">
  402.                                                 <i class="fa fa-google" aria-hidden="true"></i>
  403.                                             </a>
  404.                                         </li>
  405.                                     
  406.                                                                             <li>
  407.                                             <a target="_blank" rel="noreferrer" href="#instagram">
  408.                                                 <i class="fa fa-instagram" aria-hidden="true"></i>
  409.                                             </a>
  410.                                         </li>
  411.                                                                     </ul>
  412.                             </div>
  413.                         </div>
  414.                     </div>
  415.                 </div>
  416.             </div>
  418.             <!-------------------------------------------Search Form---------------------------------------------------->
  419.             <div class="search-area">
  420.                 <div class="classic-search-popup-area" data-open-js="basic_canvas__area__search" data-js="basic_canvas__area">
  421.                     <div class="container">
  422.                         <div class="row">
  423.                             <div class="col-12">
  424.                                 <div class="classic-search-popup">
  425.                                     <div class="classic-search-form">
  426.                                         <form method="get" class="searchform" action="{{ path('product_list') }}">
  427.                                             <div class="classic-search-input">
  428.                                                 <input type="search" name="name" placeholder="商品名やキーワードで検索">
  429.                                                 <div class="classic-search-submit">
  430.                                                     <button type="submit">
  431.                                                         <i class="fa fa-search" aria-hidden="true"></i>
  432.                                                     </button>
  433.                                                 </div>
  434.                                             </div>
  435.                                         </form>
  437.                                         <div class="classic-search-close">
  438.                                             <div class="classic-search-close-btn">
  439.                                                 <button type="button" data-js="basic_canvas__close-btn">
  440.                                                     <i class="fa fa-times" aria-hidden="true"></i>
  441.                                                 </button>
  442.                                             </div>
  443.                                         </div>
  444.                                     </div>
  446.                                                                     </div>
  447.                             </div>
  448.                         </div>
  449.                     </div>
  450.                 </div>
  451.             </div>
  452.         </div>
  453.     </div>
  454. </div>
  455. </div>