wc-bootstrap/templates/loop/loop-start.html.twig

{#
 # Product Loop Start (Bootstrap 5 Override)
 #
 # Opens the product grid container using Bootstrap 5 row with responsive columns.
 #
 # Expected context:
 #   columns - Number of columns (from wc_get_loop_prop)
 #
 # WooCommerce PHP equivalent: loop/loop-start.php
 #
 # @package WcBootstrap
 # @since 0.1.0
 #}

{% set cols = columns|default(4) %}

<div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-{{ cols }} g-4 products">