Коллекция Distinta Red
Коллекция Distinta Red
Коллекция Distinta Red
Коллекция Distinta Red
Коллекция Distinta Red
Коллекция Distinta Red
Коллекция Distinta Red
Коллекция Distinta Red
Коллекция Distinta Red
Коллекция Distinta Red

Коллекция Distinta Red

Цвет:
Бесплатная доставка

действительна при заказа на сумму от 3000 ₽

Официальная гарантия от производителя 2 года

сервисные центры по всей России

Возврат или обмен товара в течение 7 дней

при условии сохранения целосности упаковки

<nav aria-label="breadcrumb"> <div class="breadcrumb border-bottom"> <div class="container d-flex align-items-center"> <a href="/" class="breadcrumb-item "> <i class="icon-home d-md-inline d-none"></i> <span class="d-md-none d-inline">Главная</span> </a> <i class="icon-caret-right mx-3"></i> <div class="previous"> <i class="icon-caret-right"></i> <a href="/shop" class="breadcrumb-item "> Каталог </a> </div> <i class="icon-caret-right mx-3"></i> <a href="/category/kitchen-appliances" class="breadcrumb-item "> Техника для кухни </a> <i class="icon-caret-right mx-3"></i> <a href="/products/breakfast-collections" class="breadcrumb-item "> Коллекции для завтрака </a> <i class="icon-caret-right mx-3"></i> <a href="/product/442" class="breadcrumb-item active "> Distinta Red </a> </div> </div> </nav> <section class="product" data-product-id="442" data-product-name="Коллекция Distinta Red" data-product-price="1&#xA0;000" data-js-unit="InlineJsUnit"> <div class="container" > <div class="row"> <div class="col-lg-7 pt-5"> <div id="productView" class="product-view"> <div class="row"> <div class="col-md-2 col-xs-12 order-2 order-md-1 hidden-768"> <div class="product-view__thumbs mt-3 mt-md-0"> <div class="swiper-container swiper-thumbs"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="thumb"> <img data-src="/data/product/card/_max_565x565/800b8e06/722e15c0-740f-11ea-8bea-3ebfd7aff0dd_4724x5906.png" src="/data/product/card/_max_80x-/bbf3b52f/722e15c0-740f-11ea-8bea-3ebfd7aff0dd_4724x5906.png" alt="Коллекция Distinta Red"> </div> </div> <div class="swiper-slide"> <div class="thumb"> <img data-src="/data/file/_max_565x565/84b764a4/8d71759e-740f-11ea-ad77-d203e49eb6b0_4724x5906.png" src="/data/file/_max_80x-/d39afb08/8d71759e-740f-11ea-ad77-d203e49eb6b0_4724x5906.png" alt="Коллекция Distinta Red"> </div> </div> <div class="swiper-slide"> <div class="thumb"> <img data-src="/data/file/_max_565x565/cc05881f/8ef4d318-740f-11ea-ab87-d203e49eb6b0_4724x5906.png" src="/data/file/_max_80x-/c2107812/8ef4d318-740f-11ea-ab87-d203e49eb6b0_4724x5906.png" alt="Коллекция Distinta Red"> </div> </div> <div class="swiper-slide"> <div class="thumb"> <img data-src="/data/file/_max_565x565/566c1644/a69880de-740f-11ea-b22e-6a9257239138_6142x6715.png" src="/data/file/_max_80x-/4108aba2/a69880de-740f-11ea-b22e-6a9257239138_6142x6715.png" alt="Коллекция Distinta Red"> </div> </div> <div class="swiper-slide"> <div class="thumb"> <img data-src="/data/file/_max_565x565/2e20e7d6/a9357b86-740f-11ea-bef2-3ebfd7aff0dd_4724x5906.png" src="/data/file/_max_80x-/fd773b82/a9357b86-740f-11ea-bef2-3ebfd7aff0dd_4724x5906.png" alt="Коллекция Distinta Red"> </div> </div> </div> </div> </div> </div> <div class="col-md-10 col-xs-12 order-1 order-md-2 position-relative"> <div id="main_view" class="product-view__main-card card"> <div class="swiper-container swiper-cards"> <div class="swiper-wrapper"> <div class="swiper-slide" data-js-unit="HtmlContent"> <img data-zoom="full" data-src="/data/product/card/_max_700x700/ab3647b0/722e15c0-740f-11ea-8bea-3ebfd7aff0dd_4724x5906.png" src="/data/product/card/_max_700x700/ab3647b0/722e15c0-740f-11ea-8bea-3ebfd7aff0dd_4724x5906.png" alt="Коллекция Distinta Red"> </div> <div class="swiper-slide" data-js-unit="HtmlContent"> <img data-zoom="full" data-src="/data/file/_max_700x700/6fc7232d/8d71759e-740f-11ea-ad77-d203e49eb6b0_4724x5906.png" src="/data/file/_max_700x700/6fc7232d/8d71759e-740f-11ea-ad77-d203e49eb6b0_4724x5906.png" alt="Коллекция Distinta Red"> </div> <div class="swiper-slide" data-js-unit="HtmlContent"> <img data-zoom="full" data-src="/data/file/_max_700x700/4957dab2/8ef4d318-740f-11ea-ab87-d203e49eb6b0_4724x5906.png" src="/data/file/_max_700x700/4957dab2/8ef4d318-740f-11ea-ab87-d203e49eb6b0_4724x5906.png" alt="Коллекция Distinta Red"> </div> <div class="swiper-slide" data-js-unit="HtmlContent"> <img data-zoom="full" data-src="/data/file/_max_700x700/ae7efa96/a69880de-740f-11ea-b22e-6a9257239138_6142x6715.png" src="/data/file/_max_700x700/ae7efa96/a69880de-740f-11ea-b22e-6a9257239138_6142x6715.png" alt="Коллекция Distinta Red"> </div> <div class="swiper-slide" data-js-unit="HtmlContent"> <img data-zoom="full" data-src="/data/file/_max_700x700/fe4179a1/a9357b86-740f-11ea-bef2-3ebfd7aff0dd_4724x5906.png" src="/data/file/_max_700x700/fe4179a1/a9357b86-740f-11ea-bef2-3ebfd7aff0dd_4724x5906.png" alt="Коллекция Distinta Red"> </div> </div> <div class="swiper-button-next"></div> <div class="swiper-button-prev"></div> <div class="swiper-pagination"></div> </div> </div> <div id="360_view" class="rotate-view"> <div class="cloudimage-360" data-ratio="1" data-folder="https://scaleflex.ultrafast.io/https://scaleflex.airstore.io/demo/chair-360-72/" data-filename="chair_{index}.jpg?v1" data-amount="72"></div> </div> </div> </div> </div> </div> <div class="col-lg-5 py-md-5"> <h3>Коллекция Distinta Red</h3> <div class="color-picker d-flex align-items-center my-3"> <div class="mr-4 ">Цвет:</div> <div class="color-picker__controls d-flex align-items-center"> <a href="/product/442" title="Коллекция Distinta Red" data-btn-replace="442" style="background-color: #ff0000" class="mb-0 mr-2 active"></a> <a href="/product/443" title="Коллекция Distinta Blue" data-btn-replace="443" style="background-color: #008080" class="mb-0 mr-2 "></a> <a href="/product/441" title="Коллекция Distinta Silver" data-btn-replace="441" style="background-color: #c0c0c0" class="mb-0 mr-2 "></a> </div> </div> <div class="d-block d-md-flex align-items-center d-lg-block"> <div class="product-actions d-flex align-items-center"> <span class="h2 my-3 mr-3 price"> 1&#xA0;000 <span>₽</span> </span> <a class="btn btn-primary preorder-btn" data-btn-preorder href="/shop/preorder-checkout/442" onclick="WindowManager.open(this, $(this).attr(&#x27;href&#x27;)); return false;">Сделать предзаказ</a> </div> <div class="btn-live-wrap mt-3 mt-md-0 mt-lg-3"> <button class=" btn btn-primary btn-live" id="eyezonButton"> <span class="btn-live__icon"></span>Посмотреть вживую </button> </div> </div> <div class="advantages mt-3"> <div class="row"> <div class="col-12"> <div class="advantages-item my-2"> <div class="advantages-item__icon"> <i class="icon-truck"></i> </div> <div> <h6>Бесплатная доставка</h6> <p class="text-muted"> действительна при заказа на сумму от 3000 ₽ </p> </div> </div> </div> <div class="col-12"> <div class="advantages-item my-2"> <div class="advantages-item__icon"> <i class="icon-shield"></i> </div> <div> <h6>Официальная гарантия от производителя 2 года</h6> <p class="text-muted">сервисные центры по всей России</p> </div> </div> </div> <div class="col-12"> <div class="advantages-item my-2"> <div class="advantages-item__icon"> <i class="icon-calendar"></i> </div> <div> <h6>Возврат или обмен товара в течение 7 дней</h6> <p class="text-muted">при условии сохранения целосности упаковки</p> </div> </div> </div> </div> </div> </div> </div> <script type="text" data-inline-js-unit="ready" data-js-unit-method="ready"> var product = this.$root; dataLayer.push({ 'event': 'productDetails', // Название ивента для передачи информации в GTM 'ecommerce': { 'detail': { 'products': [{ 'name': product.data('product-name'), 'id': product.data('product-id'), 'price': product.data('product-price') }] } } }); const $mainView = $(".product-view__main-card"), $currentImage = $mainView.find("img"); $("#360_view").addClass("disabled"); const sliderPreviewHandler = function () { const $thumbImage = $(this.slides[this.activeIndex]).find("img").attr("data-src"); if ($mainView.hasClass("d-none")) { $("#360_view").addClass("disabled"); $("#toggle_view").removeClass("active"); $mainView.removeClass("d-none"); } $currentImage.attr("src", $thumbImage); }; $("#toggle_view").on("click", function () { $mainView.addClass("d-none"); $("#360_view").removeClass("disabled"); $(this).addClass("active"); }); var galleryThumbs = new Swiper('.swiper-thumbs', { spaceBetween: 10, slidesPerView: 5, direction: 'vertical', freeMode: true, slideToClickedSlide: true, watchSlidesVisibility: true, watchSlidesProgress: true, heightCalculate: true, updateOnWindowResize: true, grabCursor: true }); var galleryMain = new Swiper('.swiper-cards', { spaceBetween: 10, slidesPerView: 1, effect: 'fade', navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, pagination: { el: '.swiper-pagination', clickable: true, }, thumbs: { swiper: galleryThumbs } }); </script> </div> </section> <div data-js-unit="InlineJsUnit"> <div class="product-info collapsed"> <div class="container"> <div class="row py-3"> <div class="col-md-6"> <div class="info-list"> <h5 class="info-list__heading">Основные характеристики</h5> <div class="info-list__item"> <div>Цвет</div> <div>Красный</div> </div> <div class="info-list__item"> <div>Название продукта RU</div> <div>Distinta Red</div> </div> </div> </div> <div class="col-md-6"> <div class="info-list"> <h5 class="info-list__heading">Технические характеристики</h5> <div class="info-list__item"> <div>Маркетинговое описание</div> <div>Коллекция для завтрака Distinta - результат передовых технологий и разработок компании De&#x27;Longhi. Она сочетает в себе стиль, футуризм и чистоту линий, элегантность форм, что делает ее новой классикой.</div> </div> <div class="info-list__item"> <div>Коллекция</div> <div>Distinta</div> </div> </div> </div> </div> </div> </div> <div class="showmore border-bottom"> <button class="showmore-btn"> Все характеристики <i class="icon-caret ml-2"></i> </button> </div> <script type="text" data-inline-js-unit="ready" data-js-unit-method="ready"> $(".showmore-btn", this.$root).on("click", function () { if (!$(".product-info").hasClass("collapsed")) { $(".product-info") .animate({maxHeight: 200}, 700) .addClass("collapsed"); } else { $(".product-info") .animate( { maxHeight: $(".product-info") .find(".container") .height() }, 700 ) .removeClass("collapsed"); } }); </script> </div> <nav aria-label="breadcrumb"> <div class="breadcrumb border-bottom"> <div class="container d-flex align-items-center"> <a href="/" class="breadcrumb-item "> <i class="icon-home d-md-inline d-none"></i> <span class="d-md-none d-inline">Главная</span> </a> <i class="icon-caret-right mx-3"></i> <div class="previous"> <i class="icon-caret-right"></i> <a href="/shop" class="breadcrumb-item "> Каталог </a> </div> <i class="icon-caret-right mx-3"></i> <a href="/category/kitchen-appliances" class="breadcrumb-item "> Техника для кухни </a> <i class="icon-caret-right mx-3"></i> <a href="/products/breakfast-collections" class="breadcrumb-item "> Коллекции для завтрака </a> <i class="icon-caret-right mx-3"></i> <a href="/product/442" class="breadcrumb-item active "> Distinta Red </a> </div> </div> </nav> <section class="product" data-product-id="443" data-product-name="Коллекция Distinta Blue" data-product-price="1&#xA0;000" data-js-unit="InlineJsUnit"> <div class="container" > <div class="row"> <div class="col-lg-7 pt-5"> <div id="productView" class="product-view"> <div class="row"> <div class="col-md-2 col-xs-12 order-2 order-md-1 hidden-768"> <div class="product-view__thumbs mt-3 mt-md-0"> <div class="swiper-container swiper-thumbs"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="thumb"> <img data-src="/data/product/card/_max_565x565/217e4080/92af5188-7410-11ea-b090-def28ceef977_4724x5906.png" src="/data/product/card/_max_80x-/04c0a5cf/92af5188-7410-11ea-b090-def28ceef977_4724x5906.png" alt="Коллекция Distinta Blue"> </div> </div> <div class="swiper-slide"> <div class="thumb"> <img data-src="/data/file/_max_565x565/1fa2bb45/b68fb3e8-7410-11ea-ad30-d203e49eb6b0_4724x5906.png" src="/data/file/_max_80x-/bd6e8e7a/b68fb3e8-7410-11ea-ad30-d203e49eb6b0_4724x5906.png" alt="Коллекция Distinta Blue"> </div> </div> <div class="swiper-slide"> <div class="thumb"> <img data-src="/data/file/_max_565x565/32fb82a1/f6f7fd68-7410-11ea-a787-3ebfd7aff0dd_6142x6644.png" src="/data/file/_max_80x-/ec381373/f6f7fd68-7410-11ea-a787-3ebfd7aff0dd_6142x6644.png" alt="Коллекция Distinta Blue"> </div> </div> <div class="swiper-slide"> <div class="thumb"> <img data-src="/data/file/_max_565x565/38e3a9ab/0624db66-7411-11ea-b9b4-d203e49eb6b0_4724x5906.png" src="/data/file/_max_80x-/f16a3bb8/0624db66-7411-11ea-b9b4-d203e49eb6b0_4724x5906.png" alt="Коллекция Distinta Blue"> </div> </div> </div> </div> </div> </div> <div class="col-md-10 col-xs-12 order-1 order-md-2 position-relative"> <div id="main_view" class="product-view__main-card card"> <div class="swiper-container swiper-cards"> <div class="swiper-wrapper"> <div class="swiper-slide" data-js-unit="HtmlContent"> <img data-zoom="full" data-src="/data/product/card/_max_700x700/f7419aaa/92af5188-7410-11ea-b090-def28ceef977_4724x5906.png" src="/data/product/card/_max_700x700/f7419aaa/92af5188-7410-11ea-b090-def28ceef977_4724x5906.png" alt="Коллекция Distinta Blue"> </div> <div class="swiper-slide" data-js-unit="HtmlContent"> <img data-zoom="full" data-src="/data/file/_max_700x700/846a1d99/b68fb3e8-7410-11ea-ad30-d203e49eb6b0_4724x5906.png" src="/data/file/_max_700x700/846a1d99/b68fb3e8-7410-11ea-ad30-d203e49eb6b0_4724x5906.png" alt="Коллекция Distinta Blue"> </div> <div class="swiper-slide" data-js-unit="HtmlContent"> <img data-zoom="full" data-src="/data/file/_max_700x700/6c6728e4/f6f7fd68-7410-11ea-a787-3ebfd7aff0dd_6142x6644.png" src="/data/file/_max_700x700/6c6728e4/f6f7fd68-7410-11ea-a787-3ebfd7aff0dd_6142x6644.png" alt="Коллекция Distinta Blue"> </div> <div class="swiper-slide" data-js-unit="HtmlContent"> <img data-zoom="full" data-src="/data/file/_max_700x700/c0c60c7a/0624db66-7411-11ea-b9b4-d203e49eb6b0_4724x5906.png" src="/data/file/_max_700x700/c0c60c7a/0624db66-7411-11ea-b9b4-d203e49eb6b0_4724x5906.png" alt="Коллекция Distinta Blue"> </div> </div> <div class="swiper-button-next"></div> <div class="swiper-button-prev"></div> <div class="swiper-pagination"></div> </div> </div> <div id="360_view" class="rotate-view"> <div class="cloudimage-360" data-ratio="1" data-folder="https://scaleflex.ultrafast.io/https://scaleflex.airstore.io/demo/chair-360-72/" data-filename="chair_{index}.jpg?v1" data-amount="72"></div> </div> </div> </div> </div> </div> <div class="col-lg-5 py-md-5"> <h3>Коллекция Distinta Blue</h3> <div class="color-picker d-flex align-items-center my-3"> <div class="mr-4 ">Цвет:</div> <div class="color-picker__controls d-flex align-items-center"> <a href="/product/442" title="Коллекция Distinta Red" data-btn-replace="442" style="background-color: #ff0000" class="mb-0 mr-2 "></a> <a href="/product/443" title="Коллекция Distinta Blue" data-btn-replace="443" style="background-color: #008080" class="mb-0 mr-2 active"></a> <a href="/product/441" title="Коллекция Distinta Silver" data-btn-replace="441" style="background-color: #c0c0c0" class="mb-0 mr-2 "></a> </div> </div> <div class="d-block d-md-flex align-items-center d-lg-block"> <div class="product-actions d-flex align-items-center"> <span class="h2 my-3 mr-3 price"> 1&#xA0;000 <span>₽</span> </span> <a class="btn btn-primary preorder-btn" data-btn-preorder href="/shop/preorder-checkout/443" onclick="WindowManager.open(this, $(this).attr(&#x27;href&#x27;)); return false;">Сделать предзаказ</a> </div> <div class="btn-live-wrap mt-3 mt-md-0 mt-lg-3"> <button class=" btn btn-primary btn-live" id="eyezonButton"> <span class="btn-live__icon"></span>Посмотреть вживую </button> </div> </div> <div class="advantages mt-3"> <div class="row"> <div class="col-12"> <div class="advantages-item my-2"> <div class="advantages-item__icon"> <i class="icon-truck"></i> </div> <div> <h6>Бесплатная доставка</h6> <p class="text-muted"> действительна при заказа на сумму от 3000 ₽ </p> </div> </div> </div> <div class="col-12"> <div class="advantages-item my-2"> <div class="advantages-item__icon"> <i class="icon-shield"></i> </div> <div> <h6>Официальная гарантия от производителя 2 года</h6> <p class="text-muted">сервисные центры по всей России</p> </div> </div> </div> <div class="col-12"> <div class="advantages-item my-2"> <div class="advantages-item__icon"> <i class="icon-calendar"></i> </div> <div> <h6>Возврат или обмен товара в течение 7 дней</h6> <p class="text-muted">при условии сохранения целосности упаковки</p> </div> </div> </div> </div> </div> </div> </div> <script type="text" data-inline-js-unit="ready" data-js-unit-method="ready"> var product = this.$root; dataLayer.push({ 'event': 'productDetails', // Название ивента для передачи информации в GTM 'ecommerce': { 'detail': { 'products': [{ 'name': product.data('product-name'), 'id': product.data('product-id'), 'price': product.data('product-price') }] } } }); const $mainView = $(".product-view__main-card"), $currentImage = $mainView.find("img"); $("#360_view").addClass("disabled"); const sliderPreviewHandler = function () { const $thumbImage = $(this.slides[this.activeIndex]).find("img").attr("data-src"); if ($mainView.hasClass("d-none")) { $("#360_view").addClass("disabled"); $("#toggle_view").removeClass("active"); $mainView.removeClass("d-none"); } $currentImage.attr("src", $thumbImage); }; $("#toggle_view").on("click", function () { $mainView.addClass("d-none"); $("#360_view").removeClass("disabled"); $(this).addClass("active"); }); var galleryThumbs = new Swiper('.swiper-thumbs', { spaceBetween: 10, slidesPerView: 5, direction: 'vertical', freeMode: true, slideToClickedSlide: true, watchSlidesVisibility: true, watchSlidesProgress: true, heightCalculate: true, updateOnWindowResize: true, grabCursor: true }); var galleryMain = new Swiper('.swiper-cards', { spaceBetween: 10, slidesPerView: 1, effect: 'fade', navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, pagination: { el: '.swiper-pagination', clickable: true, }, thumbs: { swiper: galleryThumbs } }); </script> </div> </section> <div data-js-unit="InlineJsUnit"> <div class="product-info collapsed"> <div class="container"> <div class="row py-3"> <div class="col-md-6"> <div class="info-list"> <h5 class="info-list__heading">Основные характеристики</h5> <div class="info-list__item"> <div>Цвет</div> <div>Красный</div> </div> <div class="info-list__item"> <div>Название продукта RU</div> <div>Distinta Red</div> </div> </div> </div> <div class="col-md-6"> <div class="info-list"> <h5 class="info-list__heading">Технические характеристики</h5> <div class="info-list__item"> <div>Маркетинговое описание</div> <div>Коллекция для завтрака Distinta - результат передовых технологий и разработок компании De&#x27;Longhi. Она сочетает в себе стиль, футуризм и чистоту линий, элегантность форм, что делает ее новой классикой.</div> </div> <div class="info-list__item"> <div>Коллекция</div> <div>Distinta</div> </div> </div> </div> </div> </div> </div> <div class="showmore border-bottom"> <button class="showmore-btn"> Все характеристики <i class="icon-caret ml-2"></i> </button> </div> <script type="text" data-inline-js-unit="ready" data-js-unit-method="ready"> $(".showmore-btn", this.$root).on("click", function () { if (!$(".product-info").hasClass("collapsed")) { $(".product-info") .animate({maxHeight: 200}, 700) .addClass("collapsed"); } else { $(".product-info") .animate( { maxHeight: $(".product-info") .find(".container") .height() }, 700 ) .removeClass("collapsed"); } }); </script> </div> <nav aria-label="breadcrumb"> <div class="breadcrumb border-bottom"> <div class="container d-flex align-items-center"> <a href="/" class="breadcrumb-item "> <i class="icon-home d-md-inline d-none"></i> <span class="d-md-none d-inline">Главная</span> </a> <i class="icon-caret-right mx-3"></i> <div class="previous"> <i class="icon-caret-right"></i> <a href="/shop" class="breadcrumb-item "> Каталог </a> </div> <i class="icon-caret-right mx-3"></i> <a href="/category/kitchen-appliances" class="breadcrumb-item "> Техника для кухни </a> <i class="icon-caret-right mx-3"></i> <a href="/products/breakfast-collections" class="breadcrumb-item "> Коллекции для завтрака </a> <i class="icon-caret-right mx-3"></i> <a href="/product/442" class="breadcrumb-item active "> Distinta Red </a> </div> </div> </nav> <section class="product" data-product-id="441" data-product-name="Коллекция Distinta Silver" data-product-price="1&#xA0;000" data-js-unit="InlineJsUnit"> <div class="container" > <div class="row"> <div class="col-lg-7 pt-5"> <div id="productView" class="product-view"> <div class="row"> <div class="col-md-2 col-xs-12 order-2 order-md-1 hidden-768"> <div class="product-view__thumbs mt-3 mt-md-0"> <div class="swiper-container swiper-thumbs"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="thumb"> <img data-src="/data/product/card/_max_565x565/b1998d66/2f91599a-7412-11ea-867b-d203e49eb6b0_4724x5906.png" src="/data/product/card/_max_80x-/19a54464/2f91599a-7412-11ea-867b-d203e49eb6b0_4724x5906.png" alt="Коллекция Distinta Silver"> </div> </div> <div class="swiper-slide"> <div class="thumb"> <img data-src="/data/file/_max_565x565/fc0d199b/3438b80a-7412-11ea-b184-6a9257239138_4724x5906.png" src="/data/file/_max_80x-/f564b010/3438b80a-7412-11ea-b184-6a9257239138_4724x5906.png" alt="Коллекция Distinta Silver"> </div> </div> <div class="swiper-slide"> <div class="thumb"> <img data-src="/data/file/_max_565x565/87ed7d03/387d7968-7412-11ea-b4a3-3ebfd7aff0dd_4724x5906.png" src="/data/file/_max_80x-/4f2a98c3/387d7968-7412-11ea-b4a3-3ebfd7aff0dd_4724x5906.png" alt="Коллекция Distinta Silver"> </div> </div> <div class="swiper-slide"> <div class="thumb"> <img data-src="/data/file/_max_565x565/6690a955/3e5d1b74-7412-11ea-95f3-12847100a0ab_4724x5906.png" src="/data/file/_max_80x-/13e6700b/3e5d1b74-7412-11ea-95f3-12847100a0ab_4724x5906.png" alt="Коллекция Distinta Silver"> </div> </div> <div class="swiper-slide"> <div class="thumb"> <img data-src="/data/file/_max_565x565/d0363873/43f9d138-7412-11ea-902c-3ebfd7aff0dd_6142x6691.png" src="/data/file/_max_80x-/dc22b45f/43f9d138-7412-11ea-902c-3ebfd7aff0dd_6142x6691.png" alt="Коллекция Distinta Silver"> </div> </div> </div> </div> </div> </div> <div class="col-md-10 col-xs-12 order-1 order-md-2 position-relative"> <div id="main_view" class="product-view__main-card card"> <div class="swiper-container swiper-cards"> <div class="swiper-wrapper"> <div class="swiper-slide" data-js-unit="HtmlContent"> <img data-zoom="full" data-src="/data/product/card/_max_700x700/7dd396a4/2f91599a-7412-11ea-867b-d203e49eb6b0_4724x5906.png" src="/data/product/card/_max_700x700/7dd396a4/2f91599a-7412-11ea-867b-d203e49eb6b0_4724x5906.png" alt="Коллекция Distinta Silver"> </div> <div class="swiper-slide" data-js-unit="HtmlContent"> <img data-zoom="full" data-src="/data/file/_max_700x700/cb7c354b/3438b80a-7412-11ea-b184-6a9257239138_4724x5906.png" src="/data/file/_max_700x700/cb7c354b/3438b80a-7412-11ea-b184-6a9257239138_4724x5906.png" alt="Коллекция Distinta Silver"> </div> <div class="swiper-slide" data-js-unit="HtmlContent"> <img data-zoom="full" data-src="/data/file/_max_700x700/a34cb51c/387d7968-7412-11ea-b4a3-3ebfd7aff0dd_4724x5906.png" src="/data/file/_max_700x700/a34cb51c/387d7968-7412-11ea-b4a3-3ebfd7aff0dd_4724x5906.png" alt="Коллекция Distinta Silver"> </div> <div class="swiper-slide" data-js-unit="HtmlContent"> <img data-zoom="full" data-src="/data/file/_max_700x700/019ac200/3e5d1b74-7412-11ea-95f3-12847100a0ab_4724x5906.png" src="/data/file/_max_700x700/019ac200/3e5d1b74-7412-11ea-95f3-12847100a0ab_4724x5906.png" alt="Коллекция Distinta Silver"> </div> <div class="swiper-slide" data-js-unit="HtmlContent"> <img data-zoom="full" data-src="/data/file/_max_700x700/923369f6/43f9d138-7412-11ea-902c-3ebfd7aff0dd_6142x6691.png" src="/data/file/_max_700x700/923369f6/43f9d138-7412-11ea-902c-3ebfd7aff0dd_6142x6691.png" alt="Коллекция Distinta Silver"> </div> </div> <div class="swiper-button-next"></div> <div class="swiper-button-prev"></div> <div class="swiper-pagination"></div> </div> </div> <div id="360_view" class="rotate-view"> <div class="cloudimage-360" data-ratio="1" data-folder="https://scaleflex.ultrafast.io/https://scaleflex.airstore.io/demo/chair-360-72/" data-filename="chair_{index}.jpg?v1" data-amount="72"></div> </div> </div> </div> </div> </div> <div class="col-lg-5 py-md-5"> <h3>Коллекция Distinta Silver</h3> <div class="color-picker d-flex align-items-center my-3"> <div class="mr-4 ">Цвет:</div> <div class="color-picker__controls d-flex align-items-center"> <a href="/product/442" title="Коллекция Distinta Red" data-btn-replace="442" style="background-color: #ff0000" class="mb-0 mr-2 "></a> <a href="/product/443" title="Коллекция Distinta Blue" data-btn-replace="443" style="background-color: #008080" class="mb-0 mr-2 "></a> <a href="/product/441" title="Коллекция Distinta Silver" data-btn-replace="441" style="background-color: #c0c0c0" class="mb-0 mr-2 active"></a> </div> </div> <div class="d-block d-md-flex align-items-center d-lg-block"> <div class="product-actions d-flex align-items-center"> <span class="h2 my-3 mr-3 price"> 1&#xA0;000 <span>₽</span> </span> <a class="btn btn-primary preorder-btn" data-btn-preorder href="/shop/preorder-checkout/441" onclick="WindowManager.open(this, $(this).attr(&#x27;href&#x27;)); return false;">Сделать предзаказ</a> </div> <div class="btn-live-wrap mt-3 mt-md-0 mt-lg-3"> <button class=" btn btn-primary btn-live" id="eyezonButton"> <span class="btn-live__icon"></span>Посмотреть вживую </button> </div> </div> <div class="advantages mt-3"> <div class="row"> <div class="col-12"> <div class="advantages-item my-2"> <div class="advantages-item__icon"> <i class="icon-truck"></i> </div> <div> <h6>Бесплатная доставка</h6> <p class="text-muted"> действительна при заказа на сумму от 3000 ₽ </p> </div> </div> </div> <div class="col-12"> <div class="advantages-item my-2"> <div class="advantages-item__icon"> <i class="icon-shield"></i> </div> <div> <h6>Официальная гарантия от производителя 2 года</h6> <p class="text-muted">сервисные центры по всей России</p> </div> </div> </div> <div class="col-12"> <div class="advantages-item my-2"> <div class="advantages-item__icon"> <i class="icon-calendar"></i> </div> <div> <h6>Возврат или обмен товара в течение 7 дней</h6> <p class="text-muted">при условии сохранения целосности упаковки</p> </div> </div> </div> </div> </div> </div> </div> <script type="text" data-inline-js-unit="ready" data-js-unit-method="ready"> var product = this.$root; dataLayer.push({ 'event': 'productDetails', // Название ивента для передачи информации в GTM 'ecommerce': { 'detail': { 'products': [{ 'name': product.data('product-name'), 'id': product.data('product-id'), 'price': product.data('product-price') }] } } }); const $mainView = $(".product-view__main-card"), $currentImage = $mainView.find("img"); $("#360_view").addClass("disabled"); const sliderPreviewHandler = function () { const $thumbImage = $(this.slides[this.activeIndex]).find("img").attr("data-src"); if ($mainView.hasClass("d-none")) { $("#360_view").addClass("disabled"); $("#toggle_view").removeClass("active"); $mainView.removeClass("d-none"); } $currentImage.attr("src", $thumbImage); }; $("#toggle_view").on("click", function () { $mainView.addClass("d-none"); $("#360_view").removeClass("disabled"); $(this).addClass("active"); }); var galleryThumbs = new Swiper('.swiper-thumbs', { spaceBetween: 10, slidesPerView: 5, direction: 'vertical', freeMode: true, slideToClickedSlide: true, watchSlidesVisibility: true, watchSlidesProgress: true, heightCalculate: true, updateOnWindowResize: true, grabCursor: true }); var galleryMain = new Swiper('.swiper-cards', { spaceBetween: 10, slidesPerView: 1, effect: 'fade', navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, pagination: { el: '.swiper-pagination', clickable: true, }, thumbs: { swiper: galleryThumbs } }); </script> </div> </section> <div data-js-unit="InlineJsUnit"> <div class="product-info collapsed"> <div class="container"> <div class="row py-3"> <div class="col-md-6"> <div class="info-list"> <h5 class="info-list__heading">Основные характеристики</h5> <div class="info-list__item"> <div>Цвет</div> <div>Красный</div> </div> <div class="info-list__item"> <div>Название продукта RU</div> <div>Distinta Red</div> </div> </div> </div> <div class="col-md-6"> <div class="info-list"> <h5 class="info-list__heading">Технические характеристики</h5> <div class="info-list__item"> <div>Маркетинговое описание</div> <div>Коллекция для завтрака Distinta - результат передовых технологий и разработок компании De&#x27;Longhi. Она сочетает в себе стиль, футуризм и чистоту линий, элегантность форм, что делает ее новой классикой.</div> </div> <div class="info-list__item"> <div>Коллекция</div> <div>Distinta</div> </div> </div> </div> </div> </div> </div> <div class="showmore border-bottom"> <button class="showmore-btn"> Все характеристики <i class="icon-caret ml-2"></i> </button> </div> <script type="text" data-inline-js-unit="ready" data-js-unit-method="ready"> $(".showmore-btn", this.$root).on("click", function () { if (!$(".product-info").hasClass("collapsed")) { $(".product-info") .animate({maxHeight: 200}, 700) .addClass("collapsed"); } else { $(".product-info") .animate( { maxHeight: $(".product-info") .find(".container") .height() }, 700 ) .removeClass("collapsed"); } }); </script> </div>

Данный веб-сайт использует файлы cookie

Продолжая работу, вы соглашаетесь с использованием файлов cookie с целью предложения контента, персонализированной рекламы и услуг, отвечающих вашим интересам, а также для анализа посещаемости сайта