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. #}
  12. {% block stylesheet %}
  13.     <style>
  14.         .margin {
  15.             margin: 2%;
  16.         }
  18.         .padding {
  19.             padding: 2%;
  20.         }
  21.     </style>
  22. {% endblock %}
  24. <div class="ec-headerNaviRole">
  25.     <div class="ec-headerNaviRole__left">
  26.         <div class="ec-headerNaviRole__search">
  27.             <a href="/" class="under1655">タスタス</a>
  28.             <a href="/" class="over1655">タスタスアートギャラリーカフェ</a>
  29.         </div>
  30.         <div class="ec-headerRole__navSP">
  31.             {{ include('Block/nav_sp.twig') }}
  32.         </div>
  33.     </div>
  34.     <div class="ec-headerNaviRole__center">
  35.         <div class="ec-headerNaviRole__nav">
  36.             <ul class="gnav main-wrapper">
  37.                 <li>
  38.                 <a href="/products/list" class="under1189"><i class="fa-solid fa-palette fontawesome-size"></i></a>
  39.                 <a href="/products/list" class="over1189">作品</a>
  40.                 <div class="megamenu">
  41.                     <div class="megamenu-left">
  42.                         <p class="fontweight-bold">サイズから探す</p>
  43.                         <div class="margin-top">
  44.                             <a href="/products/list?name=&price_min=0&price_max=1000000&size_vertical_min=0&size_vertical_max=50&size_width_min=0&size_width_max=50" class="btn btn--header">~50cm</a>
  45.                         </div>
  46.                         <div>
  47.                             <a href="/products/list?name=&price_min=0&price_max=1000000&size_vertical_min=50&size_vertical_max=150&size_width_min=50&size_width_max=150" class="btn btn--header">50~150cm</a>
  48.                         </div>
  49.                         <div>
  50.                             <a href="/products/list?name=&price_min=0&price_max=1000000&size_vertical_min=150&size_vertical_max=300&size_width_min=150&size_width_max=300" class="btn btn--header">150cm~</a>
  51.                         </div>
  52.                     </div>
  54.                     <div class="megamenu-right">
  55.                         <p class="fontweight-bold">価格から探す</p>
  56.                         <div class="margin-top">
  57.                             <a href="https://tas-lab.net/products/list?name=&price_min=0&price_max=5000&size_vertical_min=0&size_vertical_max=300&size_width_min=0&size_width_max=300" class="btn btn--header">~5000円</a>
  58.                         </div>
  59.                         <div>
  60.                             <a href="https://tas-lab.net/products/list?name=&price_min=5000&price_max=10000&size_vertical_min=0&size_vertical_max=300&size_width_min=0&size_width_max=300" class="btn btn--header">5000円~10000円</a>
  61.                         </div>
  62.                         <div>
  63.                             <a href="https://tas-lab.net/products/list?name=&price_min=10000&price_max=1000000&size_vertical_min=0&size_vertical_max=300&size_width_min=0&size_width_max=300" class="btn btn--header">10000円~</a>
  64.                         </div>
  65.                     </div>
  66.                 </div><!-- .megamenu -->
  67.                 </li>
  68.                 <li>
  69.                 <a href="/category" class="under1189"><i class="fa-solid fa-building-columns fontawesome-size"></i></a>
  70.                 <a href="/category" class="over1189">カテゴリー</a>
  71.                 <div class="megamenu">
  72.                 <ul class="megamenu-inner main-wrapper margin padding">
  73.                     {# forでやるとcategoriesを全コントローラーで登録しないとになる #}
  74.                     {# {% for category in categories %}
  75.                     <li>
  76.                         <a href="/products/feature/{{ category.id }}">
  77.                         <div class="megamenu-inner-text"><img src="{{ asset(category.category_image |no_image_product, 'user_data') }}" alt=category.name>{{ category.name }}</div>
  78.                         </a>
  79.                     </li>
  80.                     {% endfor %} #}
  82.                     {# <li>
  83.                         {% for ProductCategory in Product.ProductCategories %}
  84.                             {% for Category in ProductCategory.Category.path %}
  85.                                 <a href="{{ url('product_list') }}?category_id={{ Category.id }}"><div class="megamenu-inner-text"><img src="{{ asset(Category.category_image |no_image_product, 'user_data') }}" alt=Category.name>{{ Category.name }}</div></a> {%- if loop.last == false %}
  86.                                 <span></span>{% endif -%}
  87.                             {% endfor %}
  88.                          {% endfor %}
  89.                     </li> #}
  90.                     
  92.                     <li>
  93.                         <a href="{{ url('product_list') }}?category_id=1">
  94.                         <div class="megamenu-inner-text"><img src="{{ asset('assets/img/category/animal.png' |no_image_product, 'user_data') }}" alt="動物" class='radius6'>動物</div>
  95.                         </a>
  96.                     </li>
  97.                     <li>
  98.                         <a href="{{ url('product_list') }}?category_id=2">
  99.                         <div class="megamenu-inner-text"><img src="{{ asset('assets/img/category/new.jpg' |no_image_product, 'user_data') }}" alt="新入荷" class='radius6'>新入荷</div>
  100.                         </a>
  101.                     </li>
  102.                     <li>
  103.                         <a href="{{ url('product_list') }}?category_id=3">
  104.                         <div class="megamenu-inner-text"><img src="{{ asset('assets/img/category/vintage.jpg' |no_image_product, 'user_data') }}" alt="ヴィンテージ" class='radius6'>ヴィンテージ</div>
  105.                         </a>
  106.                     </li>
  107.                     <li>
  108.                         <a href="{{ url('product_list') }}?category_id=4">
  109.                         <div class="megamenu-inner-text"><img src="{{ asset('assets/img/category/monotone.jpg' |no_image_product, 'user_data') }}" alt="モノトーン" class='radius6'>モノトーン</div>
  110.                         </a>
  111.                     </li>
  112.                     <li>
  113.                         <a href="{{ url('product_list') }}?category_id=5">
  114.                         <div class="megamenu-inner-text"><img src="{{ asset('assets/img/category/fantasy.jpg' |no_image_product, 'user_data') }}" alt="ファンタジー" class='radius6'>ファンタジー</div>
  115.                         </a>
  116.                     </li>
  117.                     <li>
  118.                         <a href="{{ url('product_list') }}?category_id=6">
  119.                         <div class="megamenu-inner-text"><img src="{{ asset('assets/img/category/abstract.jpg' |no_image_product, 'user_data') }}" alt="抽象画" class='radius6'>抽象画</div>
  120.                         </a>
  121.                     </li>
  122.                     <li>
  123.                         <a href="{{ url('product_list') }}?category_id=7">
  124.                         <div class="megamenu-inner-text"><img src="{{ asset('assets/img/category/street.png' |no_image_product, 'user_data') }}" alt="ストリート" class='radius6'>ストリート</div>
  125.                         </a>
  126.                     </li>
  127.                     <li>
  128.                         <a href="{{ url('product_list') }}?category_id=8">
  129.                         <div class="megamenu-inner-text"><img src="{{ asset('assets/img/category/fuukei.png' |no_image_product, 'user_data') }}" alt="風景" class='radius6'>風景</div>
  130.                         </a>
  131.                     </li>
  132.                     <li>
  133.                         <a href="{{ url('product_list') }}?category_id=9">
  134.                         <div class="megamenu-inner-text"><img src="{{ asset('assets/img/category/portlate.png' |no_image_product, 'user_data') }}" alt="ポートレート" class='radius6'>ポートレート</div>
  135.                         </a>
  136.                     </li>
  137.                     <li>
  138.                         <a href="{{ url('product_list') }}?category_id=10">
  139.                         <div class="megamenu-inner-text"><img src="{{ asset('assets/img/category/daily.jpg' |no_image_product, 'user_data') }}" alt="日常" class='radius6'>日常</div>
  140.                         </a>
  141.                     </li>
  143.                 </ul><!-- .megamenu-inner -->
  144.                 </div><!-- .megamenu --></li>
  145.                 <li><a href="/artists" class="under1189"><i class="fa-solid fa-user fontawesome-size"></i></a></li>
  146.                 <li><a href="/artists" class="over1189">アーティスト</a></li>
  147.             </ul>
  148.         </div>
  149.     </div>
  150.     <div class="ec-headerNaviRole__right">
  151.         <div class="ec-headerNaviRole__nav">
  152.             {{ include('Block/login.twig') }}
  153.         </div>
  154.         <div class="ec-headerRole__cart">
  155.             {{ include('Block/cart.twig') }}
  156.         </div>
  157.     </div>
  158. </div>