<div class="makerBlock">
<h2 class="titleBack">メーカー・ブランド</h2>
<ul class="makerBlock__list">
{#
ここにメーカー一覧をfor文で回す
第二階層なしで大丈夫
#}
{% for Category in MakerCategories %}
<li class="makerBlock__list__item">
{# メーカー毎のリンク #}
<a href="{{ url('product_list') }}?category_id={{ Category.id }}" class="makerBlock__list__item__link">
{# メーカーに保存されている画像の表示 #}
<img src="{{ asset('assets/img/category/'~Category.image|no_image_product, 'user_data') }}" alt="" loading="lazy">
</a>
</li>
{% endfor %}
</ul>
<button class="more-btn makerBlock__btn is-none" data-id="moreBtn">
<span class="more-btn__text">もっと見る</span>
<span class="more-btn__mark"></span>
</button>
<button class="more-btn makerBlock__btn is-none makerBlock__close" data-id="closeBtn">
<span class="more-btn__text">閉じる</span>
<span class="more-btn__mark"></span>
</button>
</div>