<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="2057" data-js-unit="basic/SlickUnit">
<div class="slider-item">
<img src="/data/product/card/_max_540x480/082d5e39/9a2cbc475d804cae8c65b4501576be85_2500x1058.png" alt="">
</div>
<div class="slider-item">
<img src="/data/file/_max_540x480/5aacc808/5a88b99d71264f3b9e95fb46b868e7a6_2000x1000.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=2057]',
responsive: [
{
breakpoint: 767,
settings: {
vertical: false,
verticalSwiping: false,
}
}
]
});
</script>
</div>
<div class="product__card__picture" data-picture="2057" data-js-unit="basic/SlickUnit">
<div class="slider-item" data-js-unit="ui/MagnifyUnit" data-js-unit-options="{"src":"/data/product/card/9a2cbc475d804cae8c65b4501576be85_2500x1058.png"}">
<img src="/data/product/card/_max_540x480/082d5e39/9a2cbc475d804cae8c65b4501576be85_2500x1058.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/5a88b99d71264f3b9e95fb46b868e7a6_2000x1000.png"}">
<img src="/data/file/_max_540x480/5aacc808/5a88b99d71264f3b9e95fb46b868e7a6_2000x1000.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=2057]'
});
</script>
</div>
</div>
<div class="product__card__info__top">
</div>
<div class="articul">
Article: 77119
</div>
<h3 class="h3">
Smile Minions wet wipes enriched with vitamins 60pcs.
</h3>
<div class="product__card__text">
<p>The Smile Minions limited series of wet wipes was developed on the basis of the “Despicable Me 3” cartoon. Everyone can choose their favorite character. These wipes have a pleasant banana aroma. Large-format packaging is convenient to use at home, in the car, or in the office.</p>
</div>
<div class="amount__wrap">
<a href="#sub=2057" class="product__card__amount product__card__amount--active">
60pcs.
</a>
<a href="#sub=2056" class="product__card__amount ">
15pcs.
</a>
</div>
<div class="product__card__info__bottom" data-product-id="2057" data-js-unit="order/BuyBtn">
<div class="btn" data-btn-add>
Buy
</div>
<div class="product__card__price ">
<div class="current-price">
56 <span class="currency">
UAH</span>
</div>
</div>
<script type="text" data-js-unit-on="added">
$$.onSuccessBuy();
</script>
</div>
</div>
</div>
<p><div class="product__card__adv">
<div class="item">
<div class="item__figure">
<img src="/data/ad/card/cf4d7744fcee4b07a1ecbf833070a80c.svg" alt="">
</div>
<div class="item__text">
<div class="item__undertitle">
<p>For a whole family</p>
</div>
</div>
</div>
<div class="item">
<div class="item__figure">
<img src="/data/ad/card/91c6139fbcbd474baf2ec1139523fe6e.svg" alt="">
</div>
<div class="item__text">
<div class="item__undertitle">
<p>Favorite heroes</p>
</div>
</div>
</div>
<div class="item">
<div class="item__figure">
<img src="/data/ad/card/35954d8b579e48a3afd1ce216238e08a.svg" alt="">
</div>
<div class="item__text">
<div class="item__undertitle">
<p>Enriched with vitamins</p>
</div>
</div>
</div>
</div></p>
</div>
</section>
<p>
<section class="section section-related">
<div class="container">
<div class="container">
<h1 class="h1">Try also</h1>
</div>
<div class="related-products" data-js-unit="basic/SlickUnit" data-js-unit-options="{}">
<div class="product-item">
<a href="/product/2056" class="item-body">
<div class="flex-wrap">
<div class="plash__wrap">
</div>
<div class="product-img">
<img src="/data/product/card/_max_260x240/6db6e4bd/10589a59b6774475bdb2e020e920fbed_1044x1914.png" alt="15pcs.">
</div>
<div class="desc" data-product-id="2056" data-js-unit="order/BuyBtn">
<p class="category">Minions</p>
<p class="product-title">Smile Minions wet wipes enriched with vitamins 15pcs.</p>
<div class="desc__bottom">
<div class="price price--sale ">
<p class="actual-coast">
16
<span class="currency">
UAH</span>
</p>
</div>
<div class="bottom__order">
<button class="btn" data-btn-add>Buy
</button>
</div>
</div>
<script type="text" data-js-unit-on="added">
$$.onSuccessBuy();
</script>
</div>
</div>
</a>
</div>
<div class="product-item">
<a href="/product/2032" class="item-body">
<div class="flex-wrap">
<div class="plash__wrap">
</div>
<div class="product-img">
<img alt="Smile Antibacterial wet wipes enriched with D-panthenol">
</div>
<div class="desc" data-product-id="2032" data-js-unit="order/BuyBtn">
<p class="category">Antibacterial</p>
<p class="product-title"> Smile Antibacterial wet wipes enriched with D-panthenol</p>
<div class="desc__bottom">
<div class="price price--sale ">
<p class="actual-coast">
0
<span class="currency">
UAH</span>
</p>
</div>
<div class="bottom__order">
<button class="btn" data-btn-add>Buy
</button>
</div>
</div>
<script type="text" data-js-unit-on="added">
$$.onSuccessBuy();
</script>
</div>
</div>
</a>
</div>
<div class="product-item">
<a href="/product/2061" class="item-body">
<div class="flex-wrap">
<div class="plash__wrap">
<span class="product-card__plash">
Sale
</span>
</div>
<div class="product-img">
<img src="/data/product/card/_max_260x240/928e083e/8b6dba9f1bf442e2a373c5b5328b8862_1500x1022.png" alt="Smile The Fixies wet toilet paper 44pcs.">
</div>
<div class="desc" data-product-id="2061" data-js-unit="order/BuyBtn">
<p class="category">For kids</p>
<p class="product-title"> Smile The Fixies wet toilet paper 44pcs.</p>
<div class="desc__bottom">
<div class="price price--sale ">
<p class="actual-coast">
53
<span class="currency">
UAH</span>
</p>
</div>
<div class="bottom__order">
<button class="btn" data-btn-add>Buy
</button>
</div>
</div>
<script type="text" data-js-unit-on="added">
$$.onSuccessBuy();
</script>
</div>
</div>
</a>
</div>
<div class="product-item">
<a href="/product/2035" class="item-body">
<div class="flex-wrap">
<div class="plash__wrap">
</div>
<div class="product-img">
<img src="/data/product/card/_max_260x240/b727698a/9f45cd473f8748519699657fd1a69692_1020x1922.png" alt="Smile Antibacterial wet wipes enriched with spirit 15pcs.">
</div>
<div class="desc" data-product-id="2035" data-js-unit="order/BuyBtn">
<p class="category">Antibacterial</p>
<p class="product-title"> Smile Antibacterial wet wipes enriched with spirit 15pcs.</p>
<div class="desc__bottom">
<div class="price price--sale ">
<p class="actual-coast">
17
<span class="currency">
UAH</span>
</p>
</div>
<div class="bottom__order">
<button class="btn" data-btn-add>Buy
</button>
</div>
</div>
<script type="text" data-js-unit-on="added">
$$.onSuccessBuy();
</script>
</div>
</div>
</a>
</div>
<div class="product-item">
<a href="/product/2048" class="item-body">
<div class="flex-wrap">
<div class="plash__wrap">
</div>
<div class="product-img">
<img src="/data/product/card/_max_260x240/feaea2af/88bbb1e94de94337a4ba21bb22b3f69f_1181x2008.png" alt="Smile Disney Cars enriched with vitamins 15pcs.">
</div>
<div class="desc" data-product-id="2048" data-js-unit="order/BuyBtn">
<p class="category">Disney</p>
<p class="product-title"> Smile Disney Cars enriched with vitamins 15pcs.</p>
<div class="desc__bottom">
<div class="price price--sale ">
<p class="actual-coast">
16
<span class="currency">
UAH</span>
</p>
</div>
<div class="bottom__order">
<button class="btn" data-btn-add>Buy
</button>
</div>
</div>
<script type="text" data-js-unit-on="added">
$$.onSuccessBuy();
</script>
</div>
</div>
</a>
</div>
<script type="text" data-js-unit-on="init">
this.options = $.extend(this.options,
{
infinite: true,
slidesToShow: 4,
speed: 1000,
variableWidth: true,
responsive: [
{
breakpoint: 1270,
settings: {
slidesToShow: 4,
}
},
{
breakpoint: 1023,
settings: {
slidesToShow: 3,
}
},
{
breakpoint: 767,
settings: {
slidesToShow: 2,
}
},
{
breakpoint: 640,
settings: {
slidesToShow: 1,
}
}
]
});
</script>
</div>
</div>
</section>
</p>
<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="2056" data-js-unit="basic/SlickUnit">
<div class="slider-item">
<img src="/data/product/card/_max_540x480/af51ceb2/10589a59b6774475bdb2e020e920fbed_1044x1914.png" alt="">
</div>
<div class="slider-item">
<img src="/data/file/_max_540x480/4ae32b7f/15928f3f6f294f268b8586e23d2cbc9d_718x1357.png" alt="">
</div>
<div class="slider-item">
<img src="/data/file/_max_540x480/2a83a080/4cb59f6049ac456c8d26b1520bdefa10_728x1349.png" alt="">
</div>
<div class="slider-item">
<img src="/data/file/_max_540x480/113ffe17/aa9a60edcaa7443aad2e6b4448c1f67e_1197x2259.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=2056]',
responsive: [
{
breakpoint: 767,
settings: {
vertical: false,
verticalSwiping: false,
}
}
]
});
</script>
</div>
<div class="product__card__picture" data-picture="2056" data-js-unit="basic/SlickUnit">
<div class="slider-item" data-js-unit="ui/MagnifyUnit" data-js-unit-options="{"src":"/data/product/card/10589a59b6774475bdb2e020e920fbed_1044x1914.png"}">
<img src="/data/product/card/_max_540x480/af51ceb2/10589a59b6774475bdb2e020e920fbed_1044x1914.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/15928f3f6f294f268b8586e23d2cbc9d_718x1357.png"}">
<img src="/data/file/_max_540x480/4ae32b7f/15928f3f6f294f268b8586e23d2cbc9d_718x1357.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/4cb59f6049ac456c8d26b1520bdefa10_728x1349.png"}">
<img src="/data/file/_max_540x480/2a83a080/4cb59f6049ac456c8d26b1520bdefa10_728x1349.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/aa9a60edcaa7443aad2e6b4448c1f67e_1197x2259.png"}">
<img src="/data/file/_max_540x480/113ffe17/aa9a60edcaa7443aad2e6b4448c1f67e_1197x2259.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=2056]'
});
</script>
</div>
</div>
<div class="product__card__info__top">
</div>
<div class="articul">
Article: 77112
</div>
<h3 class="h3">
Smile Minions wet wipes enriched with vitamins 15pcs.
</h3>
<div class="product__card__text">
<p>The Smile Minions limited series of wet wipes was developed on the basis of the “Despicable Me 3” cartoon. Everyone can choose their favorite character. These wipes have a pleasant banana aroma.</p>
</div>
<div class="amount__wrap">
<a href="#sub=2057" class="product__card__amount ">
60pcs.
</a>
<a href="#sub=2056" class="product__card__amount product__card__amount--active">
15pcs.
</a>
</div>
<div class="product__card__info__bottom" data-product-id="2056" data-js-unit="order/BuyBtn">
<div class="btn" data-btn-add>
Buy
</div>
<div class="product__card__price ">
<div class="current-price">
16 <span class="currency">
UAH</span>
</div>
</div>
<script type="text" data-js-unit-on="added">
$$.onSuccessBuy();
</script>
</div>
</div>
</div>
<p><div class="product__card__adv">
<div class="item">
<div class="item__figure">
<img src="/data/ad/card/81426d8c6077415cb81f586b7e8fbadb.svg" alt="">
</div>
<div class="item__text">
<div class="item__undertitle">
<p>Balanced pH</p>
</div>
</div>
</div>
<div class="item">
<div class="item__figure">
<img src="/data/ad/card/91c6139fbcbd474baf2ec1139523fe6e.svg" alt="">
</div>
<div class="item__text">
<div class="item__undertitle">
<p>Favorite heroes</p>
</div>
</div>
</div>
<div class="item">
<div class="item__figure">
<img src="/data/ad/card/35954d8b579e48a3afd1ce216238e08a.svg" alt="">
</div>
<div class="item__text">
<div class="item__undertitle">
<p>Enriched with vitamins</p>
</div>
</div>
</div>
</div></p>
</div>
</section>
<p>
<section class="section section-related">
<div class="container">
<div class="container">
<h1 class="h1">Try also</h1>
</div>
<div class="related-products" data-js-unit="basic/SlickUnit" data-js-unit-options="{}">
<div class="product-item">
<a href="/product/2057" class="item-body">
<div class="flex-wrap">
<div class="plash__wrap">
</div>
<div class="product-img">
<img src="/data/product/card/_max_260x240/0a08a862/9a2cbc475d804cae8c65b4501576be85_2500x1058.png" alt="60pcs.">
</div>
<div class="desc" data-product-id="2057" data-js-unit="order/BuyBtn">
<p class="category">Minions</p>
<p class="product-title">Smile Minions wet wipes enriched with vitamins 60pcs.</p>
<div class="desc__bottom">
<div class="price price--sale ">
<p class="actual-coast">
56
<span class="currency">
UAH</span>
</p>
</div>
<div class="bottom__order">
<button class="btn" data-btn-add>Buy
</button>
</div>
</div>
<script type="text" data-js-unit-on="added">
$$.onSuccessBuy();
</script>
</div>
</div>
</a>
</div>
<div class="product-item">
<a href="/product/2048" class="item-body">
<div class="flex-wrap">
<div class="plash__wrap">
</div>
<div class="product-img">
<img src="/data/product/card/_max_260x240/feaea2af/88bbb1e94de94337a4ba21bb22b3f69f_1181x2008.png" alt="Smile Disney Cars enriched with vitamins 15pcs.">
</div>
<div class="desc" data-product-id="2048" data-js-unit="order/BuyBtn">
<p class="category">Disney</p>
<p class="product-title"> Smile Disney Cars enriched with vitamins 15pcs.</p>
<div class="desc__bottom">
<div class="price price--sale ">
<p class="actual-coast">
16
<span class="currency">
UAH</span>
</p>
</div>
<div class="bottom__order">
<button class="btn" data-btn-add>Buy
</button>
</div>
</div>
<script type="text" data-js-unit-on="added">
$$.onSuccessBuy();
</script>
</div>
</div>
</a>
</div>
<div class="product-item">
<a href="/product/2046" class="item-body">
<div class="flex-wrap">
<div class="plash__wrap">
<span class="product-card__plash">
Sale
</span>
</div>
<div class="product-img">
<img src="/data/product/card/_max_260x240/69ca88f2/9c9209d966c044e4b72318f776bc5836_816x1538.png" alt="Smile Daily Orange & Argan Bloom wet wipes 15pcs.">
</div>
<div class="desc" data-product-id="2046" data-js-unit="order/BuyBtn">
<p class="category">Daily</p>
<p class="product-title"> Smile Daily Orange & Argan Bloom wet wipes 15pcs.</p>
<div class="desc__bottom">
<div class="price price--sale ">
<p class="actual-coast">
15
<span class="currency">
UAH</span>
</p>
</div>
<div class="bottom__order">
<button class="btn" data-btn-add>Buy
</button>
</div>
</div>
<script type="text" data-js-unit-on="added">
$$.onSuccessBuy();
</script>
</div>
</div>
</a>
</div>
<div class="product-item">
<a href="/product/2047" class="item-body">
<div class="flex-wrap">
<div class="plash__wrap">
</div>
<div class="product-img">
<img src="/data/product/card/_max_260x240/7a9fc9d7/a860ef7b80b043d2b3b0e86d4c105202_1063x2008.png" alt="Smile Disney Princesses enriched with vitamins 15pcs.">
</div>
<div class="desc" data-product-id="2047" data-js-unit="order/BuyBtn">
<p class="category">Disney</p>
<p class="product-title"> Smile Disney Princesses enriched with vitamins 15pcs.</p>
<div class="desc__bottom">
<div class="price price--sale ">
<p class="actual-coast">
17
<span class="currency">
UAH</span>
</p>
</div>
<div class="bottom__order">
<button class="btn" data-btn-add>Buy
</button>
</div>
</div>
<script type="text" data-js-unit-on="added">
$$.onSuccessBuy();
</script>
</div>
</div>
</a>
</div>
<script type="text" data-js-unit-on="init">
this.options = $.extend(this.options,
{
infinite: true,
slidesToShow: 4,
speed: 1000,
variableWidth: true,
responsive: [
{
breakpoint: 1270,
settings: {
slidesToShow: 4,
}
},
{
breakpoint: 1023,
settings: {
slidesToShow: 3,
}
},
{
breakpoint: 767,
settings: {
slidesToShow: 2,
}
},
{
breakpoint: 640,
settings: {
slidesToShow: 1,
}
}
]
});
</script>
</div>
</div>
</section>
</p>
