<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="{&quot;src&quot;:&quot;/data/product/card/9a04137160bf4e1da8dfa5e11ea288e8_600x600.png&quot;}"> <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="{&quot;src&quot;:&quot;/data/file/51a01ec722f24fc5a3a5e5b9222f76c8_600x600.png&quot;}"> <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"> Article: 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"> <div class="btn" data-btn-add> Buy </div> <div class="product__card__price "> <div class="current-price"> 60 <span class="currency"> UAH</span> </div> </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="{&quot;src&quot;:&quot;/data/product/card/83862b6f75b946aa88c7bf8cee3f1207_600x600.png&quot;}"> <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="{&quot;src&quot;:&quot;/data/file/6bb1625bbee8473188cb2d953e20bd54_600x600.png&quot;}"> <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="{&quot;src&quot;:&quot;/data/file/f2abd77308b14f95a51b4596221011a3_600x600.png&quot;}"> <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"> Article: 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"> <div class="btn" data-btn-add> Buy </div> <div class="product__card__price "> <div class="current-price"> 17 <span class="currency"> UAH</span> </div> </div> <script type="text" data-js-unit-on="added"> $$.onSuccessBuy(); </script> </div> </div> </div> </div> </section>