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

Open in your IDE?
  1. {#
  2. @param Category $category 商品一覧ページのカテゴリ
  3. SCSS: /html/template/default/assets/scss/bluewood/twig/_category-list.scss
  4. #}
  7. {% block stylesheet %}
  8.     <style>
  9.         .category-list-item__label--withoutimg {
  10.             display: flex;
  11.             align-items: center;
  12.             text-align: justify;
  13.             height: 40px;
  14.         }
  15.         .category-list-item__label--withoutimg p {
  16.             font-size: 12px;
  17.             font-weight: 700;
  18.             line-height: 1.4;
  19.         }
  20.     </style>
  21. {% endblock %}
  24. {% if Category.Children is not empty %}
  25.     <section>
  26.         <div class="heading_with_search_icon heading_with_search_icon--list-page">
  27.             <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  28.                 <path d="M10.875 18.75C15.2242 18.75 18.75 15.2242 18.75 10.875C18.75 6.52576 15.2242 3 10.875 3C6.52576 3 3 6.52576 3 10.875C3 15.2242 6.52576 18.75 10.875 18.75Z" stroke="#CF0800" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  29.                 <path d="M16.4424 16.4434L20.9986 20.9997" stroke="#CF0800" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  30.             </svg>
  31.             <h2 class="heading_with_search_icon__text">{{ "カテゴリー絞り込み" }}</h2>
  32.         </div>
  34.         <div class="grid-container">
  35.             {% for c in Category.Children %}
  36.                 <div class="grid-item">
  37.                     <a href="{{ url('product_list') }}?category_id={{c.id}}" class="category-list-item">
  38.                         <div class="category-list-item__label--withoutimg">
  39.                             <p>{{ c.name }}</p>
  40.                         </div>
  41.                     </a>
  42.                 </div>
  43.             {% endfor %}
  44.         </div>
  45.     </section>
  46. {% endif %}