Как вставить в Популярное button-next и button-prev
Добавлено: 11.01.2022, 11:16
Здравствуйте, уважаемые Гуру.
В main.tpl блок Featured products (Популярное). Limit удаляю.
Все работает. Картинки свободно сдвигаются мышкой.
Блок пагинации весьма неудобен. Располагается на картинке. Позиционирование его абсолютное.
<div class="block__body">
<div class="fn_products_slide products_list row no_gutters swiper-container">
<div class="swiper-wrapper">
{foreach $featured_products as $product}
<div class="item product_item swiper-slide no_hover">{include "product_list.tpl"}</div>
{/foreach}
</div>
<div class="swiper-pagination"></div>
</div>
</div>
{/if}
Желательно вставить вместо <div class="swiper-pagination"></div> два блока next и prev как на слайдере:
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
Пробовал вставлять, не работает.
Может кто подскажет, что нужно исправить для полноценной работы.
В main.tpl блок Featured products (Популярное). Limit удаляю.
Все работает. Картинки свободно сдвигаются мышкой.
Блок пагинации весьма неудобен. Располагается на картинке. Позиционирование его абсолютное.
<div class="block__body">
<div class="fn_products_slide products_list row no_gutters swiper-container">
<div class="swiper-wrapper">
{foreach $featured_products as $product}
<div class="item product_item swiper-slide no_hover">{include "product_list.tpl"}</div>
{/foreach}
</div>
<div class="swiper-pagination"></div>
</div>
</div>
{/if}
Желательно вставить вместо <div class="swiper-pagination"></div> два блока next и prev как на слайдере:
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
Пробовал вставлять, не работает.
Может кто подскажет, что нужно исправить для полноценной работы.