<div class="category-view">
<div class="amslider-container am-swiper-slider black-friday-slider__moreoffers">
<div class="amslider" id="category-carousel-bf" style="background-color: #ffffff;">
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
<div class="children-category-container swiper-container swiper-container-horizontal">
<div class="swiper-wrapper swiper-wrapper--grid">




</div>
</div>
</div>
</div>
</div>
<div class="row row-no-outdent block-margin" style="background-color: #ffffff;">
<div class="block-title padding-left block-title-removepadding popular-pieces-title">
<strong>Preemium Rõngad</strong>
</div>
<div class="col-md-12 popular-pieces-slider">
</div>
</div>
<style>.block-content .items-grid .product-item-img .alt-img{margin:23px auto; }</style>
<script>
window.addEventListener("load", function(){
require(['jquery', 'swiper'], function ($, Swiper) {
new Swiper('#category-carousel-bf .swiper-container', {
preloadImages: true,
lazyLoading: false,
slidesPerView: 1.2,
spaceBetween: 5,
simulateTouch: true,
observer: true,
breakpoints: {
0: {
slidesPerView: 1.2,
spaceBetween: 5
},
460: {
slidesPerView: 1.2,
slidesPerView: 3.2,
spaceBetween: 5
},
768: {
slidesPerView: 3.2,
spaceBetween: 5
},
991: {
slidesPerView: 4.2,
spaceBetween: 5
},
1440: {
slidesPerView: 4.2,
spaceBetween: 5
}
},
navigation: {
nextEl: '#category-carousel-bf .swiper-button-next',
prevEl: '#category-carousel-bf .swiper-button-prev'
},
updateOnImagesReady: true,
updateOnWindowResize: true,
});
});
});
</script>

Kõrv

Septum

Naba

Huul

Nibu


<div class="row row-no-outdent block-margin" style="background-color: #ffffff;">
<div class="block-title padding-left block-title-removepadding popular-pieces-title">
<strong>Lisa Glamuuri</strong>
</div>
<div class="col-md-12 popular-pieces-slider">
</div>
</div>
<div class="row row-no-outdent block-margin" style="background-color: #ffffff;">
<div class="block-title padding-left block-title-removepadding popular-pieces-title">
<strong>Vähem on Rohkem</strong>
</div>
<div class="col-md-12 popular-pieces-slider">
</div>
</div>
<style>.page-products .swiper-slide .product-item-info {width:auto;}</style>


<div class="row row-no-outdent block-margin" style="background-color: #ffffff;">
<div class="block-title padding-left block-title-removepadding popular-pieces-title">
<strong>Rõngad Tundlikule Nahale</strong>
</div>
<div class="col-md-12 popular-pieces-slider">
</div>
</div>
<div class="row row-no-outdent block-margin" style="background-color: #ffffff;">
<div class="block-title padding-left block-title-removepadding popular-pieces-title">
<strong>Uued</strong>
</div>
<div class="col-md-12 popular-pieces-slider">
</div>
</div>
<style>
.block-content .items-grid .product-item-img .alt-img{margin:23px auto;}
.page-products #maincontent .columns {display: none}
</style>