app/template/temptu/Block/mega_menu_modal.twig line 1

Open in your IDE?
  1. {#
  2.   メガメニュー用モーダル（表示カテゴリは config の eccube.mega_menu_category_ids で制御）
  3. #}
  4. {% set Categories = mega_menu_categories() %}
  5. <div id="mega-menu-modal" class="mega-menu-modal" role="dialog" aria-label="{{ 'カテゴリ一覧'|trans }}" aria-hidden="true">
  6.     <div class="mega-menu-modal__overlay" data-mega-close></div>
  7.     <div class="mega-menu-modal__panel">
  8.         <button type="button" class="mega-menu-modal__close" data-mega-close aria-label="{{ '閉じる'|trans }}"><i class="fas fa-times"></i></button>
  9.         <div class="mega-menu-modal__body">
  10.             <div class="mega-menu-modal__main">
  11.                 <div class="mega-menu-modal__categories">
  12.                     <div class="mega-menu-modal__grid">
  13.                         {% if Categories|length > 0 %}
  14.                         {% for Category in Categories %}
  15.                         <div class="mega-menu-modal__col">
  16.                             <a href="{{ url('product_list') }}?category_id={{ Category.id }}" class="mega-menu-modal__colTitle">{{ Category.name }}</a>
  17.                             {% if Category.children|length > 0 %}
  18.                             <ul class="mega-menu-modal__list">
  19.                                 {% for Child in Category.children %}
  20.                                 <li><a href="{{ url('product_list') }}?category_id={{ Child.id }}">{{ Child.name }}</a></li>
  21.                                 {% endfor %}
  22.                             </ul>
  23.                             {% endif %}
  24.                         </div>
  25.                         {% endfor %}
  26.                         {% endif %}
  27.                         <div class="mega-menu-modal__col">
  28.                             <a href="{{ url('product_list') }}" class="mega-menu-modal__colTitle">{{ '全ての商品'|trans }}</a>
  29.                         </div>
  30.                     </div>
  31.                 </div>
  32.                 <div class="mega-menu-modal__promo">
  33.                     <div class="mega-menu-modal__promoImage">
  34.                         {# 画像は html/template/temptu/assets/img/mega_menu_promo.jpg に配置するか、src を差し替えてください #}
  35.                         <img src="https://shop.temptu.co.jp/html/upload/save_image/1605491962.jpg" alt="">
  36.                     </div>
  37.                     <p class="mega-menu-modal__promoTitle">S/B スキントーン</p>
  38.                     <p class="mega-menu-modal__promoText">S/Bメークアップは舞台、TV、映画などの撮影用です。12トーンあり、白人から黒人まで対応しています。</p>
  39.                 </div>
  40.             </div>
  41.         </div>
  42.     </div>
  43. </div>