<section class="section product__card">
<div class="container">
<div class="product__card__wrapper">
<div class="product__card__info">
<div class="product__card__slider">
<div class="product__card__nav" data-nav="2087" data-js-unit="basic/SlickUnit">
<div class="slider-item">
<img src="/data/product/card/_max_540x480/8b2a6546/9a04137160bf4e1da8dfa5e11ea288e8_600x600.png" alt="">
</div>
<div class="slider-item">
<img src="/data/file/_max_540x480/e83139bf/51a01ec722f24fc5a3a5e5b9222f76c8_600x600.png" alt="">
</div>
<script type="text" data-js-unit-on="init">
$.extend(this.options,
{
infinite: false,
slidesToShow: 2,
slidesToScroll: 1,
focusOnSelect: true,
verticalSwiping: true,
arrows: true,
vertical: true,
asNavFor: '[data-picture=2087]',
responsive: [
{
breakpoint: 767,
settings: {
vertical: false,
verticalSwiping: false,
}
}
]
});
</script>
</div>
<div class="product__card__picture" data-picture="2087" data-js-unit="basic/SlickUnit">
<div class="slider-item" data-js-unit="ui/MagnifyUnit" data-js-unit-options="{"src":"/data/product/card/9a04137160bf4e1da8dfa5e11ea288e8_600x600.png"}">
<img src="/data/product/card/_max_540x480/8b2a6546/9a04137160bf4e1da8dfa5e11ea288e8_600x600.png" alt="" class="zoom">
<script type="text" data-js-unit-on="init.Magnify">
var image = this.$root.find('.zoom');
var zoom = 1.7;
var magniWidth = image.width() * zoom;
var magniHeight = image.height() * zoom;
$.extend(this.options,
{
magnifiedWidth: magniWidth,
magnifiedHeight: magniHeight
});
</script>
</div>
<div class="slider-item" data-js-unit="ui/MagnifyUnit" data-js-unit-options="{"src":"/data/file/51a01ec722f24fc5a3a5e5b9222f76c8_600x600.png"}">
<img src="/data/file/_max_540x480/e83139bf/51a01ec722f24fc5a3a5e5b9222f76c8_600x600.png" alt="" class="zoom">
<script type="text" data-js-unit-on="init.Magnify">
var image = this.$root.find('.zoom');
var zoom = 1.7;
var magniWidth = image.width() * zoom;
var magniHeight = image.height() * zoom;
$.extend(this.options,
{
magnifiedWidth: magniWidth,
magnifiedHeight: magniHeight
});
</script>
</div>
<script type="text" data-js-unit-on="init">
$.extend(this.options,
{
infinite: false,
slidesToShow: 1,
slidesToScroll: 1,
fade: true,
arrows: false,
asNavFor: '[data-nav=2087]'
});
</script>
</div>
</div>
<div class="product__card__info__top">
</div>
<div class="articul">
Артикул: 376749
</div>
<h3 class="h3">
Влажные салфетки Smile Antibacterial Marvel 72шт
</h3>
<div class="product__card__text">
<p>Лимитированная серия влажных салфеток Smile Antibacterial Marvel, разработана по мотивам популярных комиксов. Выбери свой вариант и ощути всю силу любимого героя. Салфетки имеют приятный аромат и обладают антибактериальными свойствами. Большой формат упаковки удобно использовать дома, в автомобиле или в офисе.</p>
</div>
<div class="amount__wrap">
<a href="#sub=2087" class="product__card__amount product__card__amount--active">
72шт
</a>
<a href="#sub=2088" class="product__card__amount ">
15шт
</a>
</div>
<div class="product__card__info__bottom" data-product-id="2087" data-js-unit="order/BuyBtn" data-js-unit-options="{"url":"https://sfera.ua/smile-servetka-vologa-marvel-antibakterial-na-72-sht-miks-12-sht-jasch"}">
<div class="btn" data-btn-add>
Купить
</div>
<script type="text" data-js-unit-on="added">
$$.onSuccessBuy();
</script>
</div>
</div>
</div>
</div>
</section>
<section class="section product__card">
<div class="container">
<div class="product__card__wrapper">
<div class="product__card__info">
<div class="product__card__slider">
<div class="product__card__nav" data-nav="2088" data-js-unit="basic/SlickUnit">
<div class="slider-item">
<img src="/data/product/card/_max_540x480/c1211eee/83862b6f75b946aa88c7bf8cee3f1207_600x600.png" alt="">
</div>
<div class="slider-item">
<img src="/data/file/_max_540x480/d0f7ce91/6bb1625bbee8473188cb2d953e20bd54_600x600.png" alt="">
</div>
<div class="slider-item">
<img src="/data/file/_max_540x480/a54170aa/f2abd77308b14f95a51b4596221011a3_600x600.png" alt="">
</div>
<script type="text" data-js-unit-on="init">
$.extend(this.options,
{
infinite: false,
slidesToShow: 2,
slidesToScroll: 1,
focusOnSelect: true,
verticalSwiping: true,
arrows: true,
vertical: true,
asNavFor: '[data-picture=2088]',
responsive: [
{
breakpoint: 767,
settings: {
vertical: false,
verticalSwiping: false,
}
}
]
});
</script>
</div>
<div class="product__card__picture" data-picture="2088" data-js-unit="basic/SlickUnit">
<div class="slider-item" data-js-unit="ui/MagnifyUnit" data-js-unit-options="{"src":"/data/product/card/83862b6f75b946aa88c7bf8cee3f1207_600x600.png"}">
<img src="/data/product/card/_max_540x480/c1211eee/83862b6f75b946aa88c7bf8cee3f1207_600x600.png" alt="" class="zoom">
<script type="text" data-js-unit-on="init.Magnify">
var image = this.$root.find('.zoom');
var zoom = 1.7;
var magniWidth = image.width() * zoom;
var magniHeight = image.height() * zoom;
$.extend(this.options,
{
magnifiedWidth: magniWidth,
magnifiedHeight: magniHeight
});
</script>
</div>
<div class="slider-item" data-js-unit="ui/MagnifyUnit" data-js-unit-options="{"src":"/data/file/6bb1625bbee8473188cb2d953e20bd54_600x600.png"}">
<img src="/data/file/_max_540x480/d0f7ce91/6bb1625bbee8473188cb2d953e20bd54_600x600.png" alt="" class="zoom">
<script type="text" data-js-unit-on="init.Magnify">
var image = this.$root.find('.zoom');
var zoom = 1.7;
var magniWidth = image.width() * zoom;
var magniHeight = image.height() * zoom;
$.extend(this.options,
{
magnifiedWidth: magniWidth,
magnifiedHeight: magniHeight
});
</script>
</div>
<div class="slider-item" data-js-unit="ui/MagnifyUnit" data-js-unit-options="{"src":"/data/file/f2abd77308b14f95a51b4596221011a3_600x600.png"}">
<img src="/data/file/_max_540x480/a54170aa/f2abd77308b14f95a51b4596221011a3_600x600.png" alt="" class="zoom">
<script type="text" data-js-unit-on="init.Magnify">
var image = this.$root.find('.zoom');
var zoom = 1.7;
var magniWidth = image.width() * zoom;
var magniHeight = image.height() * zoom;
$.extend(this.options,
{
magnifiedWidth: magniWidth,
magnifiedHeight: magniHeight
});
</script>
</div>
<script type="text" data-js-unit-on="init">
$.extend(this.options,
{
infinite: false,
slidesToShow: 1,
slidesToScroll: 1,
fade: true,
arrows: false,
asNavFor: '[data-nav=2088]'
});
</script>
</div>
</div>
<div class="product__card__info__top">
</div>
<div class="articul">
Артикул: 376747
</div>
<h3 class="h3">
Влажные салфетки Smile Antibacterial Marvel 15шт
</h3>
<div class="product__card__text">
<p>Лимитированная серия влажных салфеток Smile Antibacterial Marvel, разработана по мотивам популярных комиксов. Выбери свой вариант и ощути всю силу любимого героя. Салфетки имеют приятный аромат и обладают антибактериальными свойствами.</p>
</div>
<div class="amount__wrap">
<a href="#sub=2087" class="product__card__amount ">
72шт
</a>
<a href="#sub=2088" class="product__card__amount product__card__amount--active">
15шт
</a>
</div>
<div class="product__card__info__bottom" data-product-id="2088" data-js-unit="order/BuyBtn" data-js-unit-options="{"url":"https://sfera.ua/smile-servetka-vologa-marvel-antibakterial-na-15-sht-miks-evroslot-36-sht-jasch"}">
<div class="btn" data-btn-add>
Купить
</div>
<script type="text" data-js-unit-on="added">
$$.onSuccessBuy();
</script>
</div>
</div>
</div>
</div>
</section>
