{#照明器具なら電材 Blue Wood, 電線・ケーブルなどのバナーリスト#}{% set banners = [ { name: '照明器具なら 電材 Blue Wood', img_name: 'banner01', category_id: '7' }, { name: '電線・ケーブル 詳しくはコチラ', img_name: 'banner02', category_id: '9' }, { name: 'システムラック 詳しくはコチラ', img_name: 'banner03', category_id: '35' }, { name: 'EV・PHEV充電用設備 詳しくはコチラ', img_name: 'banner04', category_id: '29' }, { name: '未来工業・ミライの商品 詳しくはコチラ', img_name: 'banner05', category_id: null, query_name: '%E6%9C%AA%E6%9D%A5%E5%B7%A5%E6%A5%AD' }, { name: 'キャピネット 詳しくはコチラ', img_name: 'banner06', category_id: '11' }, { name: 'Panasonic セット販売・天井埋込換気扇', img_name: 'banner07', category_id: '26' }, { name: 'ホーム分電盤新製品', img_name: 'banner08', category_id: '13' },] %}<div id="banner" class="container-fluid px-md-0"> <div class="row g-3 carousel carousel-only-xs js-carousel"> {% for banner in banners %} <div class="col-10 col-md-4"> {% if banner.category_id == null %} <a href="{{ url('product_list') }}?name={{banner.query_name}}"> {% else %} <a href="{{ url('product_list') }}?category_id={{banner.category_id}}"> {% endif %} <img src="{{ asset('assets/img/banners/' ~ banner.img_name ~ '.png', 'user_data') }}" alt="{{ banner.name }}" class="img-fluid" width="307" height="290"> </a> </div> {% endfor %} </div></div>