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

Open in your IDE?
  1. {% set totalPrice = get_carts_total_price() %}
  2. {% set totalQuantity = get_carts_total_quantity() %}
  3. <div class="header__sp__r-sns__wrap">
  4.     <ul class="header__sp__r-sns__list">
  5.         <li>
  6.             <a href="{{ url('homepage') }}">
  7.                 <div class="header__sp__r-sns__list__img">
  8.                     <img src="{{ asset('assets/img/home.svg', 'user_data') }}" alt="" />
  9.                 </div>
  10.                 <div class="header__sp__r-sns__list__dt">{{ 'ホーム'|trans }}</div>
  11.             </a>
  12.         </li>
  13.         <li class="header__sp__shop__menu">
  14.             <a href="{{ url('product_list') }}">
  15.                 <div class="header__sp__r-sns__list__img">
  16.                     <img src="{{ asset('assets/img/product.svg', 'user_data') }}" alt="" />
  17.                 </div>
  18.                 <div class="header__sp__r-sns__list__dt">{{ '商品一覧'|trans }}</div>
  19.             </a>
  20.         </li>
  21.         <li class="header__sp__cart">
  22.             <a href="{{ url('cart') }}">
  23.                 <div class="header__sp__r-sns__list__img header__sp__r-sns__list__img03">
  24.                     <img src="{{ asset('assets/img/cart.svg', 'user_data') }}" alt="" />
  25.                 </div>
  26.                 <div class="header__sp__r-sns__list__dt">{{ 'カート'|trans }}</div>
  27.             </a>
  28.         </li>
  29.         <li class="header__sp__r-sns__list-item-menu">
  30.             <a>
  31.                 <div class="js-header__nav-btn l-header__nav-btn">
  32.                     <div class="l-header__nav-btn-inner">
  33.                         <div class="l-header__nav-btn-line" id="btn_spmenu">
  34.                             <span class="s-1"></span><span class="s-2"></span><span class="s-3"></span>
  35.                         </div>
  36.                     </div>
  37.                 </div>
  38.                 <div class="header__sp__r-sns__list__dt header__sp__r-sns__list__dt-menu">{{ 'メニュー'|trans }}</div>
  39.             </a>
  40.         </li>
  41.     </ul>
  42. </div>
  43. <header class="header">
  44.     <div class="header__sp__wrap">
  45.         <div class="header__sp top__header__sp">
  46.             <div class="header__sp__nav__flex">
  47.                 <div class="header__sp__nav__flex__inner">
  48.                     <div class="header__sp__logo"><a href="{{ url('homepage') }}">{{ 'Vita Onigiri'|trans }}</a>
  49.                     </div>
  50.                     <div class="header__sp__r-wrap">
  51.                         <div class="header__pc__nav__wrap">
  52.                             <ul class="header__pc__nav">
  53.                                 {% if is_granted('ROLE_USER') %}
  54.                                     <li><a href="{{ url('mypage') }}">{{ 'マイページ'|trans }}</a></li>
  55.                                     <li><a href="{{ url('mypage_favorite') }}">{{ 'お気に入り'|trans }}</a></li>
  56.                                     <li><a href="{{ url('logout') }}">{{ 'ログアウト'|trans }}</a></li>
  57.                                 {% else %}
  58.                                     <li><a href="{{ url('entry') }}">{{ '新規会員登録'|trans }}</a></li>
  59.                                     <li><a href="{{ url('mypage_favorite') }}">{{ 'お気に入り'|trans }}</a></li>
  60.                                     <li><a href="{{ url('mypage_login') }}">{{ 'ログイン'|trans }}</a></li>
  61.                                 {% endif %}
  62.                             </ul>
  63.                         </div>
  64.                         <a href="{{ url('cart') }}">
  65.                             <div class="header__pc__cart">
  66.                                 <div class="header__pc__cart-r">
  67.                                     <div class="header__pc__cart__img"><img src="{{ asset('assets/img/icon04-pc.svg', 'user_data') }}" alt=""></div>
  68.                                     <div class="header__pc__cart__num">{{ totalQuantity|number_format }}</div>
  69.                                 </div>
  70.                                 <div class="header__pc__cart-l">{{ totalPrice|price }}</div>
  71.                             </div>
  72.                         </a>
  73.                         <div class="js-header__nav-btn l-header__nav-btn h__btn-pc">
  74.                             <div class="l-header__nav-btn-inner">
  75.                                 <div class="l-header__nav-btn-line" id="btn_spmenu">
  76.                                     <span class="s-1"></span>
  77.                                     <span class="s-2"></span>
  78.                                     <span class="s-3"></span>
  79.                                 </div>
  80.                             </div>
  81.                         </div>
  82.                         <!-- ハンバーガーメニューBTN -->
  83.                         <div class="js-header__nav-btn l-header__nav-btn ">
  84.                             <div class="l-header__nav-btn-inner">
  85.                                 <div class="l-header__nav-btn-line" id="btn_spmenu">
  86.                                     <span class="s-1"></span>
  87.                                     <span class="s-2"></span>
  88.                                     <span class="s-3"></span>
  89.                                 </div>
  90.                             </div>
  91.                         </div>
  92.                     </div>
  93.                 </div>
  94.             </div>
  95.         </div>
  96.         <div class="header__sp__nav__wrap header__sp__nav01">
  97.             <ul class="header__sp__nav">
  98.                 <li>
  99.                     <a href="{{ url('product_about') }}">
  100.                         <div href="" class="header__sp__nav__txt">{{ '商品について'|trans }}</div>
  101.                     </a>
  102.                 </li>
  103.                 <li>
  104.                     <a href="{{ url('product_list') }}">
  105.                         <div class="header__sp__nav__txt">{{ '商品一覧'|trans }}</div>
  106.                     </a>
  107.                 </li>
  108.                 <li>
  109.                     <a href="{{ url('help_guide') }}">
  110.                         <div class="header__sp__nav__txt">{{ 'ご利用ガイド'|trans }}</div>
  111.                     </a>
  112.                 </li>
  113.                 <li>
  114.                     <a href="{{ url('help_tradelaw') }}">
  115.                         <div class="header__sp__nav__txt">{{ '特定商取引法に基づく表記'|trans }}</div>
  116.                     </a>
  117.                 </li>
  118.                 {% if is_granted('ROLE_USER') %}
  119.                     <li>
  120.                         <a href="{{ url('mypage') }}">
  121.                             <div class="header__sp__nav__txt">{{ 'マイページ'|trans }}</div>
  122.                         </a>
  123.                     </li>
  124.                     <li>
  125.                         <a href="{{ url('mypage_favorite') }}">
  126.                             <div class="header__sp__nav__txt">{{ 'お気に入り'|trans }}</div>
  127.                         </a>
  128.                     </li>
  129.                     <li>
  130.                         <a href="{{ url('logout') }}">
  131.                             <div class=" header__sp__nav__txt">{{ 'ログアウト'|trans }}</div>
  132.                         </a>
  133.                     </li>
  134.                 {% else %}
  135.                     <li>
  136.                         <a href="{{ url('entry') }}">
  137.                             <div class="header__sp__nav__txt">{{ '新規会員登録'|trans }}</div>
  138.                         </a>
  139.                     </li>
  140.                     <li>
  141.                         <a href="{{ url('mypage_favorite') }}">
  142.                             <div class="header__sp__nav__txt">{{ 'お気に入り'|trans }}</div>
  143.                         </a>
  144.                     </li>
  145.                     <li>
  146.                         <a href="{{ url('mypage_login') }}">
  147.                             <div class=" header__sp__nav__txt">{{ 'ログイン'|trans }}</div>
  148.                         </a>
  149.                     </li>
  150.                 {% endif %}
  151.                 <li class="header__pc__cart">
  152.                     <a href="url('cart')">
  153.                         <div class="header__pc__cart-r">
  154.                             <div class="header__pc__cart__img"><img src="{{ asset('assets/img/icon04-pc.svg', 'user_data') }}" alt=""></div>
  155.                             <div class="header__pc__cart__num">{{ totalQuantity|number_format }}</div>
  156.                         </div>
  157.                         <div class="header__pc__cart-l">{{ totalPrice|price }}</div>
  158.                     </a>
  159.                 </li>
  160.                 <li class="header__pc__contact">
  161.                     <a href="{{ url('contact') }}">{{ 'お問い合わせ'|trans }}</a>
  162.                 </li>
  163.             </ul>
  164.             <div class="h-menu__close__btn">
  165.                 <span></span>
  166.                 <span></span>
  167.                 <div class="h-menu__close__btn__txt">{{ '閉じる'|trans }}</div>
  168.             </div>
  169.         </div>
  170.     </div>
  171. </header>