Я использую swiper для показа разных категорий товаров, внутри div с классом swiper-slide товары категории называются динамически. Но не все товары показаны. Даже при переполнении или высоте 100% он не показывает все продукты. Может ли кто-нибудь помочь мне с этим?
это часть кода, которая показывает продукты: (div "catalogobody" - это место, где продукты представлены)
<div class="swiper-container">
<div class="swiper-pagination" style="top:0px;bottom:0px;"></div>
<div class="swiper-wrapper">
<div class="swiper-slide">
<h2 style="text-align:center;">Placas</h2>
<div id="catalogo" style="overflow-x:hidden;">
<label for="rep"></label> <input id="rep" name="rep" type='hidden' class="form-control" value= "<?php echo $secCli;?>" readonly="readonly" autofocus>
<div id="catalogoBody" ></div>
</div>
</div>
<div class="swiper-slide">
<h2 style="text-align:center;">Conjuntos</h2>
<div id="catalogo" style="overflow-x:hidden;">
<label for="rep"></label> <input id="rep" name="rep" type='hidden' class="form-control" value= "<?php echo $secCli;?>" readonly="readonly" autofocus>
<div id="catalogoBody2" ></div>
</div>
</div>
<div class="swiper-slide">
<h2 style="text-align:center;">Modulo 1</h2>
<div id="catalogo" style="overflow-x:hidden;">
<label for="rep"></label> <input id="rep" name="rep" type='hidden' class="form-control" value= "<?php echo $secCli;?>" readonly="readonly" autofocus>
<div id="catalogoBody3" ></div>
</div>
</div>
<div class="swiper-slide">
<h2 style="text-align:center;">Modulo 2</h2>
<div id="catalogo" style="overflow-x:hidden;">
<label for="rep"></label> <input id="rep" name="rep" type='hidden' class="form-control" value= "<?php echo $secCli;?>" readonly="readonly" autofocus>
<div id="catalogoBody4" ></div>
</div>
</div>
</div>