Змішувач для кухні з висувною лійкою Grohe Concetto New змішувач 32663001 смеситель/нет купити недорого в Одесі ціни зі складу інтернет-магазин Sant-market

повернутись назад

Код товару: 5184

Змішувач для кухні з висувною лійкою Grohe Concetto New змішувач 32663001

Відео огляд

Схожий за вартістю товар

Код товару: 33794

Змішувач для кухні Hansgrohe Talis S2 змішувач 14863004

9038 грн

Код товару: 43780

Змішувач для кухні Blanco LINUS змішувач хром 514019

9053 грн

Код товару: 43282

Змішувач для кухні Blanco Tradon змішувач хром 515990

9053 грн

Код товару: 45316

Змішувач для кухні з висувним поворотним виливом Roca Targa змішувач латунь хром A5A8160C00

9063 грн

Код товару: 176908

Змішувач для кухні Franke Lina L Pull Out висувний вилив онікс 115.0728.484

9072 грн

Код товару: 176909

Змішувач для кухні Franke Lina L Pull Out висувний вилив білий 115.0728.485

9072 грн

Код товару: 176910

Змішувач для кухні Franke Lina L Pull Out висувний вилив сірий камінь 115.0728.486

9072 грн

Код товару: 176911

Змішувач для кухні Franke Lina L Pull Out висувний вилив мигдаль 115.0728.487

9072 грн

Код товару: 176912

Змішувач для кухні Franke Lina L Pull Out висувний вилив сахара 115.0728.488

9072 грн

Код товару: 131696

Змішувач для кухні Franke Active J з ламінарним потоком води хром 115.0653.395

9072 грн

Доставка

Самовивіз в Одесі-безкоштовно
Доставка по Одесі-безкоштовно (Великогабаритний товар - узгоджуємо окремо)
Відправка по Україні кур'єром до дверей або Новою поштою післяплатою
Детальніше про доставку

Оплата

Готівкова, безготівкова, Visa / MasterCard
Детальніше про оплату

Гарантія

Гарантія на товар: 6 лет
Обмін / повернення товару протягом 14 днів
Детальніше про гарантії

Наявність: Є в наявності

Код товару: 5184

Категорія: Змішувачі для кухні

Торгова марка: Grohe

Колекція: Concetto New

Дивитися інші: Змішувачі для кухні Grohe

Гарантія: 6 років

Колір:

9030 грн

Або по телефону з 10:00 - 19:00

(095) 115-96-98 (067) 519-20-80

Короткий опис

Артикул: 32663001
Виробник: GROHE
Колекція: СONCETTO New
Країна виробника Німеччина
Тип: змішувач для кухні
Підігрів води (бойлер): так
Висувна лійка (виливши / душ): є
Газування води: немає
Монтаж: на мийку, стільницю ( вертикальний)
Вид монтажу: зовнішній
Монтажні отвори: на один отвір
Форма виливу: С-виливши
Принцип змішування: змішувач
Колір покриття: хром
Матеріал: латунь
Стиль (дизайн): сучасний
Поворотний вилив (гусак): так
Тип підведення труб: гнучка
Висота смес ІТЕЛ, мм: 361
Довжина виливу, мм: 215

Детальніше про товар

</ iframe></p> <p><span style="font-size: medium;"><strong>Опис змішувача для кухні Grohe Concetto (32663001)</strong></span><br> Змішувач Grohe Concetto 32663001 має спеціальне хромоване покриття StarLight. Плавний рух рукоятки поєднується з простотою керування та абсолютною точністю регулювання.<br> StarLight надає дзеркального блиску, захищає від подряпин і потьмянінь, має грязевідштовхуючу властивість. Устаткування оснащене картриджем SilkMove, виконаним із керамічного сплаву з покриттям мастила Teflon.</p> <p><span style="font-size: small;"><strong>Характеристики:</strong></span></p> <ul> <li> Тиск води: мінім. 0,5 бар – рекомендується 1 – 5 бар</li> <li> Робочий тиск: макс. 10бар</li> <li> Випробувальний тиск: 16 бар</li> <li> | Витрата при тиску води 3 бар: прибл. 11 л/хв</li> <li> Температура гарячої води на вході макс. 80 °C</li> <li> Рекомендовано (економія енергії): 60 °C</li> <li> Товщина поверхні: макс. 60мм</li> <li> монтаж на один отвір</li> <li> GROHE SilkMove® керамічний картридж 35 мм</li> <li> GROHE StarLight® хромована поверхня</li> <li> регулювання витрати води</li> <li> поворотний трубкоподібний вилив</li> <li> висувний вилив з аератором</li> <li> гнучке підведення</li> <li> система швидкого монтажу</li> <li> високий вилив</li> <li> радіусповороту 360 ° </li> <li> зі зворотною пружиною</li> <li> із захистом від зворотного потоку</li> </ul> <p><span style="font-size: small;"><strong>Комплект поставки Grohe Concetto (32663001)</strong></span></p> <ul> <li> змішувач</li> <li> Інструкція монтажу</li> <li> гарантійний талон</li> </ul> </div> </div> </div> </section> <hr /> <div class="container"> <div class="panel"> <section class="reviews"> <div class="level"> <header> Відгуки та питання покупців </header> <button class="button is-success review-add"> Написати відгук </button> </div> <p>Ваш відгук буде першим</p> <hr/> <section class="review-form"> <header> Написати свій відгук або питання </header> <div class="field"> <label class="label"> Ім'я </label> <div class="control"> <input id="user_name_product_comments" class="input" type="text" placeholder="Ваше ім'я" data-validate="require" /> <div class="messages"></div> </div> </div> <div class="field"> <label class="label">Email</label> <div class="control"> <input id="user_email_product_comments" class="input" type="email" placeholder="Введіть Ваш email" data-validate="email" /> <div class="messages"></div> </div> </div> <div class="field"> <label class="label"> Повідомлення </label> <div class="control"> <textarea id="user_comment_product_comments" class="textarea" placeholder="Повідомлення" data-validate="require"></textarea> <div class="messages"></div> </div> </div> <div class="level is-mobile"> <div class="stars is-active"> <svg class="star is-checked" data-value="1"><use xlink:href="svg/svg.svg#icon-star"></use></svg> <svg class="star is-checked" data-value="2"><use xlink:href="svg/svg.svg#icon-star"></use></svg> <svg class="star is-checked" data-value="3"><use xlink:href="svg/svg.svg#icon-star"></use></svg> <svg class="star is-checked" data-value="4"><use xlink:href="svg/svg.svg#icon-star"></use></svg> <svg class="star is-checked" data-value="5"><use xlink:href="svg/svg.svg#icon-star"></use></svg> <input type="hidden" id="review-stars" value="5" /> </div> <div class="field"> <div class="control"> <button class="button is-primary" onclick="product_comments(5184);" data-toggle="form-submit"> Надіслати </button> </div> </div> </div> </section> </section> </div> </div> <hr /> <script> function product_comments(product_id) { var object = 'product_comments'; var head = 'Відгуки про товар'; var user_name = document.querySelector('#user_name_product_comments').value; var user_email = document.querySelector('#user_email_product_comments').value; var user_comment = document.querySelector('#user_comment_product_comments').value; var user_points = document.querySelector('#review-stars').value; //функция передачи полей формы в валидацию if(window.Validation(document.querySelectorAll('.review-form .input, .review-form .textarea'),true)){ var data = new FormData(); data.append('object', object); data.append('head', head); data.append('name', user_name); data.append('mail', user_email); data.append('comment', user_comment); data.append('vote_rating', user_points); data.append('product_id', product_id); axios.post(base_url+'new_record', data) .then(response => { console.log(response); if(response.data.res==='ok'){ //-0- затереть поля document.querySelector('#user_name_product_comments').value=''; document.querySelector('#user_email_product_comments').value=''; document.querySelector('#user_comment_product_comments').value=''; //-1- скрыть текущую модалку //document.querySelector('#modal-director').classList.remove('is-active'); //-2- вставляем head и content из полученного массива POST в модалку success //document.querySelector('#m-header').innerHTML = response.data.header; //document.querySelector('#m-body').innerHTML = response.data.body; //-3- показываем модалку success //document.querySelector('#modal-message').classList.add('is-active'); //Modals.message.changeHtml(data).show(); Modals.message.setHeader(response.data.header).setBody(response.data.body).show(); } else { alert('Error'); } }); } } </script> <div class="container"> <div class="panel"> <div class="panel-heading level"> <div class="panel-heading__title"> Інші товари колекції Concetto New (5) </div> <a href="https://sant-market.ua/ua/zmishuvachi-dlya-kuhni-17/grohe/concetto-new" class="button is-success"> Відкрити всі товари </a> </div> <div class="tab-products-carousel"> <div class="carousel__item product-card"> <div class="product-card-box"> <div class="product-page__stock stock in-stock" style="position:static; border:none; text-align: right;"> <strong style="color:green;">Є в наявності</strong> </div> <div class="product-card__gallery"> <a href="https://sant-market.ua/ua/zmishuvach-dlya-kuhni-grohe-concetto-new-1087"> <img class="lazyload product-card__image" src="https://sant-market.ua/img/no-image.png" data-src="https://sant-market.ua/uploads/product/2013-2-1/sant_market-grohe-concetto-smesitel-odnorychazhniy-d-10871_kart.jpg" alt="Змішувач для кухні Grohe Concetto New змішувач DN 15 32661001"> </a> <ul class="product-card__to to-list">  <li class="to-list__item to-wishlist "> <div class="tooltip is-tooltip-left" data-tooltip="Додати в обране" onclick="addToWishlist(1087);"> <svg class="icon"> <use xlink:href="https://sant-market.ua/svg/svg.svg#icon-heart"></use> </svg> </div> <div> <svg class="icon"> <use xlink:href="https://sant-market.ua/svg/svg.svg#icon-heart"></use> </svg> </div> <div class="tooltip is-tooltip-left" data-tooltip="Зняти позначку вибраного" onclick="removeFromWishlist(1087);"> <svg class="icon"> <use xlink:href="https://sant-market.ua/svg/svg.svg#icon-heart"></use> </svg> </div> </li>  <li class="to-list__item to-compare "> <div class="tooltip is-tooltip-left" data-tooltip="У порівняння" onclick="addToComparelist(1087);"> <svg class="icon"> <use xlink:href="https://sant-market.ua/svg/svg.svg#icon-switch"></use> </svg> </div> <div> <svg class="icon"> <use xlink:href="https://sant-market.ua/svg/svg.svg#icon-switch"></use> </svg> </div> <div class="tooltip is-tooltip-left" data-tooltip="Видалити з порівняння" onclick="removeFromComparelist(1087);"> <svg class="icon"> <use xlink:href="https://sant-market.ua/svg/svg.svg#icon-switch"></use> </svg> </div> </li> </ul>  <div class="product-card__video tooltip is-tooltip-right" onclick="showVideo(1087);" data-tooltip="Переглянути відео" data-toggle="modal" data-target="#modal-video"> <div class="video-bg"></div> <svg class="icon icon-youtube"> <use xlink:href="https://sant-market.ua/svg/svg.svg#icon-youtube-red"></use> </svg> </div> <ul class="product-card__promo promo-list"> <li class="promo-list__item promo-list__item_sample"> Є зразок </li> </ul>  </div>  <div class="product-card__quickview tooltip is-tooltip-left is-tooltip-left" data-tooltip="Перегляд товару" data-toggle="modal" data-target="#modal-preshow"> <button type="button" class="button is-grey is-small" onclick="preShow(1087);"> <span class="icon is-small"> <svg class="icon icon-quick-view"> <use xlink:href="https://sant-market.ua/svg/svg.svg#icon-search"></use> </svg> </span> <span> Швидкий <span>перегляд</span> </span> </button> </div> <div class="product-card__articul"> Код товару: <span>1087</span> </div> <div class="product-card__name"> <a href="https://sant-market.ua/ua/zmishuvach-dlya-kuhni-grohe-concetto-new-1087"> Змішувач для кухні Grohe Concetto New змішувач DN 15 32661001 </a> </div> <div class="product-card__price price-list"> <div class="price-list__special discount product-price-1087"> 7560 грн </div> <div class="chart level"> <div class="chart__text"> 1502 </div> <svg class="chart__icon icon"> <use xlink:href="https://sant-market.ua/svg/svg.svg#icon-profits"></use> </svg> </div> </div> <div class="product-card__cart"> <button type="button" class="button is-green" onclick="addCart(1087);"> Купити </button> </div> </div> </div> <div class="carousel__item product-card"> <div class="product-card-box"> <div class="product-page__stock stock in-stock" style="position:static; border:none; text-align: right;"> <strong style="color:green;">Є в наявності</strong> </div> <div class="product-card__gallery"> <a href="https://sant-market.ua/ua/zmishuvach-dlya-kuhni-grohe-concetto-new-1088"> <img class="lazyload product-card__image" src="https://sant-market.ua/img/no-image.png" data-src="https://sant-market.ua/uploads/product/2013-2-1/87870787233cc89caabfd2989fe8463e_kart.jpg" alt="Змішувач для кухні GROHE Concetto New змішувач сатин 32661DC1"> </a> <ul class="product-card__to to-list">  <li class="to-list__item to-wishlist "> <div class="tooltip is-tooltip-left" data-tooltip="Додати в обране" onclick="addToWishlist(1088);"> <svg class="icon"> <use xlink:href="https://sant-market.ua/svg/svg.svg#icon-heart"></use> </svg> </div> <div> <svg class="icon"> <use xlink:href="https://sant-market.ua/svg/svg.svg#icon-heart"></use> </svg> </div> <div class="tooltip is-tooltip-left" data-tooltip="Зняти позначку вибраного" onclick="removeFromWishlist(1088);"> <svg class="icon"> <use xlink:href="https://sant-market.ua/svg/svg.svg#icon-heart"></use> </svg> </div> </li>  <li class="to-list__item to-compare "> <div class="tooltip is-tooltip-left" data-tooltip="У порівняння" onclick="addToComparelist(1088);"> <svg class="icon"> <use xlink:href="https://sant-market.ua/svg/svg.svg#icon-switch"></use> </svg> </div> <div> <svg class="icon"> <use xlink:href="https://sant-market.ua/svg/svg.svg#icon-switch"></use> </svg> </div> <div class="tooltip is-tooltip-left" data-tooltip="Видалити з порівняння" onclick="removeFromComparelist(1088);"> <svg class="icon"> <use xlink:href="https://sant-market.ua/svg/svg.svg#icon-switch"></use> </svg> </div> </li> </ul>  <div class="product-card__video tooltip is-tooltip-right" onclick="showVideo(1088);" data-tooltip="Переглянути відео" data-toggle="modal" data-target="#modal-video"> <div class="video-bg"></div> <svg class="icon icon-youtube"> <use xlink:href="https://sant-market.ua/svg/svg.svg#icon-youtube-red"></use> </svg> </div> <ul class="product-card__promo promo-list"> <li class="promo-list__item promo-list__item_sample"> Є зразок </li> </ul>  </div>  <div class="product-card__quickview tooltip is-tooltip-left is-tooltip-left" data-tooltip="Перегляд товару" data-toggle="modal" data-target="#modal-preshow"> <button type="button" class="button is-grey is-small" onclick="preShow(1088);"> <span class="icon is-small"> <svg class="icon icon-quick-view"> <use xlink:href="https://sant-market.ua/svg/svg.svg#icon-search"></use> </svg> </span> <span> Швидкий <span>перегляд</span> </span> </button> </div> <div class="product-card__articul"> Код товару: <span>1088</span> </div> <div class="product-card__name"> <a href="https://sant-market.ua/ua/zmishuvach-dlya-kuhni-grohe-concetto-new-1088"> Змішувач для кухні GROHE Concetto New змішувач сатин 32661DC1 </a> </div> <div class="product-card__price price-list"> <div class="price-list__special discount product-price-1088"> Уточнить </div> <div class="chart level"> <div class="chart__text"> 2051 </div> <svg class="chart__icon icon"> <use xlink:href="https://sant-market.ua/svg/svg.svg#icon-profits"></use> </svg> </div> </div> <div class="product-card__cart"> <button type="button" class="button is-green" onclick="addCart(1088);"> Купити </button> </div> </div> </div> <div class="carousel__item product-card"> <div class="product-card-box"> <div class="product-page__stock stock in-stock" style="position:static; border:none; text-align: right;"> <strong style="color:green;">Є в наявності</strong> </div> <div class="product-card__gallery"> <a href="https://sant-market.ua/ua/zmishuvach-dlya-kuhni-z-vysuvnoyu-liykoy-39072"> <img class="lazyload product-card__image" src="https://sant-market.ua/img/no-image.png" data-src="https://sant-market.ua/uploads/product/2018-4-7/smesitel-dlya-kuhni-s-vudviwnoy-leykoy-G-39072_kart.jpg" alt="Змішувач для кухні з висувною лійкою Grohe Concetto New суперсталь 32663DC1"> </a> <ul class="product-card__to to-list">  <li class="to-list__item to-wishlist "> <div class="tooltip is-tooltip-left" data-tooltip="Додати в обране" onclick="addToWishlist(39072);"> <svg class="icon"> <use xlink:href="https://sant-market.ua/svg/svg.svg#icon-heart"></use> </svg> </div> <div> <svg class="icon"> <use xlink:href="https://sant-market.ua/svg/svg.svg#icon-heart"></use> </svg> </div> <div class="tooltip is-tooltip-left" data-tooltip="Зняти позначку вибраного" onclick="removeFromWishlist(39072);"> <svg class="icon"> <use xlink:href="https://sant-market.ua/svg/svg.svg#icon-heart"></use> </svg> </div> </li>  <li class="to-list__item to-compare "> <div class="tooltip is-tooltip-left" data-tooltip="У порівняння" onclick="addToComparelist(39072);"> <svg class="icon"> <use xlink:href="https://sant-market.ua/svg/svg.svg#icon-switch"></use> </svg> </div> <div> <svg class="icon"> <use xlink:href="https://sant-market.ua/svg/svg.svg#icon-switch"></use> </svg> </div> <div class="tooltip is-tooltip-left" data-tooltip="Видалити з порівняння" onclick="removeFromComparelist(39072);"> <svg class="icon"> <use xlink:href="https://sant-market.ua/svg/svg.svg#icon-switch"></use> </svg> </div> </li> </ul> <ul class="product-card__promo promo-list"> <li class="promo-list__item promo-list__item_sample"> Є зразок </li> </ul>  </div>  <div class="product-card__quickview tooltip is-tooltip-left is-tooltip-left" data-tooltip="Перегляд товару" data-toggle="modal" data-target="#modal-preshow"> <button type="button" class="button is-grey is-small" onclick="preShow(39072);"> <span class="icon is-small"> <svg class="icon icon-quick-view"> <use xlink:href="https://sant-market.ua/svg/svg.svg#icon-search"></use> </svg> </span> <span> Швидкий <span>перегляд</span> </span> </button> </div> <div class="product-card__articul"> Код товару: <span>39072</span> </div> <div class="product-card__name"> <a href="https://sant-market.ua/ua/zmishuvach-dlya-kuhni-z-vysuvnoyu-liykoy-39072"> Змішувач для кухні з висувною лійкою Grohe Concetto New суперсталь 32663DC1 </a> </div> <div class="product-card__price price-list"> <div class="price-list__special discount product-price-39072"> 13566 грн </div> <div class="chart level"> <div class="chart__text"> 981 </div> <svg class="chart__icon icon"> <use xlink:href="https://sant-market.ua/svg/svg.svg#icon-profits"></use> </svg> </div> </div> <div class="product-card__cart"> <button type="button" class="button is-green" onclick="addCart(39072);"> Купити </button> </div> </div> </div> <div class="carousel__item product-card"> <div class="product-card-box"> <div class="product-page__stock stock in-stock" style="position:static; border:none; text-align: right;"> <strong style="color:green;">Є в наявності</strong> </div> <div class="product-card__gallery"> <a href="https://sant-market.ua/ua/zmishuvach-dlya-kuhni-z-vysuvnoyu-liykoy-39073"> <img class="lazyload product-card__image" src="https://sant-market.ua/img/no-image.png" data-src="https://sant-market.ua/uploads/product/2018-4-7/smesitel-dlya-kuhni-s-vudviwnoy-leykoy-G-39073_kart.jpg" alt="Змішувач для кухні з висувною лійкою Grohe Concetto New хром 31482002"> </a> <ul class="product-card__to to-list">  <li class="to-list__item to-wishlist "> <div class="tooltip is-tooltip-left" data-tooltip="Додати в обране" onclick="addToWishlist(39073);"> <svg class="icon"> <use xlink:href="https://sant-market.ua/svg/svg.svg#icon-heart"></use> </svg> </div> <div> <svg class="icon"> <use xlink:href="https://sant-market.ua/svg/svg.svg#icon-heart"></use> </svg> </div> <div class="tooltip is-tooltip-left" data-tooltip="Зняти позначку вибраного" onclick="removeFromWishlist(39073);"> <svg class="icon"> <use xlink:href="https://sant-market.ua/svg/svg.svg#icon-heart"></use> </svg> </div> </li>  <li class="to-list__item to-compare "> <div class="tooltip is-tooltip-left" data-tooltip="У порівняння" onclick="addToComparelist(39073);"> <svg class="icon"> <use xlink:href="https://sant-market.ua/svg/svg.svg#icon-switch"></use> </svg> </div> <div> <svg class="icon"> <use xlink:href="https://sant-market.ua/svg/svg.svg#icon-switch"></use> </svg> </div> <div class="tooltip is-tooltip-left" data-tooltip="Видалити з порівняння" onclick="removeFromComparelist(39073);"> <svg class="icon"> <use xlink:href="https://sant-market.ua/svg/svg.svg#icon-switch"></use> </svg> </div> </li> </ul> <ul class="product-card__promo promo-list"> <li class="promo-list__item promo-list__item_sample"> Є зразок </li> </ul>  </div>  <div class="product-card__quickview tooltip is-tooltip-left is-tooltip-left" data-tooltip="Перегляд товару" data-toggle="modal" data-target="#modal-preshow"> <button type="button" class="button is-grey is-small" onclick="preShow(39073);"> <span class="icon is-small"> <svg class="icon icon-quick-view"> <use xlink:href="https://sant-market.ua/svg/svg.svg#icon-search"></use> </svg> </span> <span> Швидкий <span>перегляд</span> </span> </button> </div> <div class="product-card__articul"> Код товару: <span>39073</span> </div> <div class="product-card__name"> <a href="https://sant-market.ua/ua/zmishuvach-dlya-kuhni-z-vysuvnoyu-liykoy-39073"> Змішувач для кухні з висувною лійкою Grohe Concetto New хром 31482002 </a> </div> <div class="product-card__price price-list"> <div class="price-list__special discount product-price-39073"> Уточнить </div> <div class="chart level"> <div class="chart__text"> 1120 </div> <svg class="chart__icon icon"> <use xlink:href="https://sant-market.ua/svg/svg.svg#icon-profits"></use> </svg> </div> </div> <div class="product-card__cart"> <button type="button" class="button is-green" onclick="addCart(39073);"> Купити </button> </div> </div> </div> <div class="carousel__item product-card"> <div class="product-card-box"> <div class="product-page__stock stock in-stock" style="position:static; border:none; text-align: right;"> <strong style="color:green;">Є в наявності</strong> </div> <div class="product-card__gallery"> <a href="https://sant-market.ua/ua/zmishuvach-dlya-kuhni-grohe-concetto-new-46854"> <img class="lazyload product-card__image" src="https://sant-market.ua/img/no-image.png" data-src="https://sant-market.ua/uploads/product/2019-3-28/smesitel-dlya-kuhni-grohe-concetto-new-o-468541_kart.jpg" alt="Змішувач для кухні Grohe Concetto New змішувач хром 32661003"> </a> <ul class="product-card__to to-list">  <li class="to-list__item to-wishlist "> <div class="tooltip is-tooltip-left" data-tooltip="Додати в обране" onclick="addToWishlist(46854);"> <svg class="icon"> <use xlink:href="https://sant-market.ua/svg/svg.svg#icon-heart"></use> </svg> </div> <div> <svg class="icon"> <use xlink:href="https://sant-market.ua/svg/svg.svg#icon-heart"></use> </svg> </div> <div class="tooltip is-tooltip-left" data-tooltip="Зняти позначку вибраного" onclick="removeFromWishlist(46854);"> <svg class="icon"> <use xlink:href="https://sant-market.ua/svg/svg.svg#icon-heart"></use> </svg> </div> </li>  <li class="to-list__item to-compare "> <div class="tooltip is-tooltip-left" data-tooltip="У порівняння" onclick="addToComparelist(46854);"> <svg class="icon"> <use xlink:href="https://sant-market.ua/svg/svg.svg#icon-switch"></use> </svg> </div> <div> <svg class="icon"> <use xlink:href="https://sant-market.ua/svg/svg.svg#icon-switch"></use> </svg> </div> <div class="tooltip is-tooltip-left" data-tooltip="Видалити з порівняння" onclick="removeFromComparelist(46854);"> <svg class="icon"> <use xlink:href="https://sant-market.ua/svg/svg.svg#icon-switch"></use> </svg> </div> </li> </ul> <ul class="product-card__promo promo-list"> <li class="promo-list__item promo-list__item_sale"> Акція </li> </ul>  <ul class="product-card__sale sale-list"> <li class="sale-list__item">-21%</li> </ul> </div>  <div class="product-card__quickview tooltip is-tooltip-left is-tooltip-left" data-tooltip="Перегляд товару" data-toggle="modal" data-target="#modal-preshow"> <button type="button" class="button is-grey is-small" onclick="preShow(46854);"> <span class="icon is-small"> <svg class="icon icon-quick-view"> <use xlink:href="https://sant-market.ua/svg/svg.svg#icon-search"></use> </svg> </span> <span> Швидкий <span>перегляд</span> </span> </button> </div> <div class="product-card__articul"> Код товару: <span>46854</span> </div> <div class="product-card__name"> <a href="https://sant-market.ua/ua/zmishuvach-dlya-kuhni-grohe-concetto-new-46854"> Змішувач для кухні Grohe Concetto New змішувач хром 32661003 </a> </div> <div class="product-card__price price-list"> <div class="price-list__cross"> 11392 <span>грн</span> </div> <div class="price-list__special discount product-price-46854"> 9000 грн </div> <div class="chart level"> <div class="chart__text"> 1034 </div> <svg class="chart__icon icon"> <use xlink:href="https://sant-market.ua/svg/svg.svg#icon-profits"></use> </svg> </div> </div> <div class="product-card__cart"> <button type="button" class="button is-green" onclick="addCart(46854);"> Купити </button> </div> </div> </div> </div> </div> </div> <hr /> <div id="module-fixed-bottom"></div> <div class="container" id="viewed-products"> <div class="row"> <div class="col-12"> <div class="viewed-products"> <div class="panel"> <div class="panel-heading level"> <span class="panel-heading__title"> Переглянуті товари </span> <button class="button is-success" onclick="Modals.confirm.setHeader('Переглянуті товари').setBody('Ви точно хочете видалити свою історію переглянутих товарів?').setSubmit('<span onclick=\'clear_user_history();\' class=\'button is-success is-block\'>OK</span>').show();"> Видалити всі переглянуті </button> </div> <div class="panel-block is-carousel"> <div class="viewed-products-carousel"> <div class="carousel__item viewed-product-card"> <div class="viewed-product-card__image"> <a href="https://sant-market.ua/ua/tumba-p-d-rakovinu-villeroy-boch-finion-156827"> <img src="https://sant-market.ua/img/no-image.png" data-flickity-lazyload="https://sant-market.ua/uploads/product/2024-7-10/25_kart.png" alt="Тумба под раковину Villeroy & Boch Finion 100х50,1 см с подсветкой МДФ глянцевый белый лак/стекло черное матовое F242MTGF"/> </a> </div> <div class="viewed-product-card__code"> Код товару: 156827 </div> <div class="viewed-product-card__name"> <a href="https://sant-market.ua/ua/tumba-p-d-rakovinu-villeroy-boch-finion-156827"> Тумба під раковину Villeroy & Boch Finion 100х50,1 см з підсвічуванням МДФ білий глянцевий лак/скло чорне матове F242MTGF </a> </div> </div> <div class="carousel__item viewed-product-card"> <div class="viewed-product-card__image"> <a href="https://sant-market.ua/ua/miyka-dlya-kuhn-villeroy-boch-siluet-50-98825"> <img src="https://sant-market.ua/img/no-image.png" data-flickity-lazyload="https://sant-market.ua/uploads/product/2021-7-21/moyka-dlya-kuhni-villeroy-boch-siluet-50-98825_kart.png" alt="Мойка для кухни Villeroy & Boch Siluet 50 Flat 88х49 см керамика chromit 33352FJ0"/> </a> </div> <div class="viewed-product-card__code"> Код товару: 98825 </div> <div class="viewed-product-card__name"> <a href="https://sant-market.ua/ua/miyka-dlya-kuhn-villeroy-boch-siluet-50-98825"> Мийка для кухні Villeroy & Boch Siluet 50 Flat 88х49 см кераміка chromit 33352FJ0 </a> </div> </div> <div class="carousel__item viewed-product-card"> <div class="viewed-product-card__image"> <a href="https://sant-market.ua/ua/tumba-z-rakovinoyu-kolpa-san-kiki-ouk-60-86378"> <img src="https://sant-market.ua/img/no-image.png" data-flickity-lazyload="https://sant-market.ua/uploads/product/2020-12-14/tumba-s-rakovinoy-kolpa-san-kiki-ouk-60-86378_kart.jpg" alt="Тумба с раковиной Kolpa-san Kiki OUK 60 D 60.6х51 см правая ДСП темный дуб 561180"/> </a> </div> <div class="viewed-product-card__code"> Код товару: 86378 </div> <div class="viewed-product-card__name"> <a href="https://sant-market.ua/ua/tumba-z-rakovinoyu-kolpa-san-kiki-ouk-60-86378"> Тумба з раковиною Kolpa-san Kiki OUK 60 D 60.6х51 см права ДСП темний дуб 561180 </a> </div> </div> <div class="carousel__item viewed-product-card"> <div class="viewed-product-card__image"> <a href="https://sant-market.ua/ua/sushka-dlya-rushnik-v-vodyana-deffi-magn-175577"> <img src="https://sant-market.ua/img/no-image.png" data-flickity-lazyload="https://sant-market.ua/uploads/product/2025-4-29/15_kart.jpg" alt="Полотенцесушитель водяной Deffi Magnus П12 300х800 боковое левое подключение черный A.MA.80.30.12.B.B"/> </a> </div> <div class="viewed-product-card__code"> Код товару: 175577 </div> <div class="viewed-product-card__name"> <a href="https://sant-market.ua/ua/sushka-dlya-rushnik-v-vodyana-deffi-magn-175577"> Сушка для рушників водяна Deffi Magnus П12 300х800 бічне ліве підключення чорний A.MA.80.30.12.B.B </a> </div> </div> <div class="carousel__item viewed-product-card"> <div class="viewed-product-card__image"> <a href="https://sant-market.ua/ua/rakovyna-dlya-vannoyi-artceram-cognac-48-54817"> <img src="https://sant-market.ua/img/no-image.png" data-flickity-lazyload="https://sant-market.ua/uploads/product/2019-8-8/rakovina-dlya-vannoy-artceram-cognac-48-54817_kart.jpeg" alt="Раковина для ванной ArtCeram Cognac Ø 48 см чёрный глянцевый COL002 03;00"/> </a> </div> <div class="viewed-product-card__code"> Код товару: 54817 </div> <div class="viewed-product-card__name"> <a href="https://sant-market.ua/ua/rakovyna-dlya-vannoyi-artceram-cognac-48-54817"> Раковина для ванної ArtCeram Cognac Ø 48 см чорний глянсовий COL002 03; 00 </a> </div> </div> <div class="carousel__item viewed-product-card"> <div class="viewed-product-card__image"> <a href="https://sant-market.ua/ua/miyka-dlya-kuhn-villeroy-boch-siluet-60-97575"> <img src="https://sant-market.ua/img/no-image.png" data-flickity-lazyload="https://sant-market.ua/uploads/product/2021-6-26/moyka-dlya-kuhni-villeroy-boch-siluet-60-97575_kart.png" alt="Мойка для кухни Villeroy & Boch Siluet 60 S 60х51 см керамика fossil 334601KD"/> </a> </div> <div class="viewed-product-card__code"> Код товару: 97575 </div> <div class="viewed-product-card__name"> <a href="https://sant-market.ua/ua/miyka-dlya-kuhn-villeroy-boch-siluet-60-97575"> Мийка для кухні Villeroy & Boch Siluet 60 S 60х51 см кераміка fossil 334601KD </a> </div> </div> <div class="carousel__item viewed-product-card"> <div class="viewed-product-card__image"> <a href="https://sant-market.ua/ua/tumba-p-d-rakovinu-villeroy-boch-finion-176313"> <img src="https://sant-market.ua/img/no-image.png" data-flickity-lazyload="https://sant-market.ua/uploads/product/2025-5-11/7_kart.jpg" alt="Тумба под раковину Villeroy & Boch Finion 120х50,1 см с подсветкой МДФ белый матовый лак/стекло белое матовое G831GFMT"/> </a> </div> <div class="viewed-product-card__code"> Код товару: 176313 </div> <div class="viewed-product-card__name"> <a href="https://sant-market.ua/ua/tumba-p-d-rakovinu-villeroy-boch-finion-176313"> Тумба під раковину Villeroy & Boch Finion 120х50,1 см із підсвічуванням МДФ білий матовий лак/скло біле матове G831GFMT </a> </div> </div> <div class="carousel__item viewed-product-card"> <div class="viewed-product-card__image"> <a href="https://sant-market.ua/ua/tumba-p-d-rakovinu-villeroy-boch-finion-177711"> <img src="https://sant-market.ua/img/no-image.png" data-flickity-lazyload="https://sant-market.ua/uploads/product/2025-6-1/21_kart.jpg" alt="Тумба под раковину Villeroy & Boch Finion 80х50,1 см МДФ пион матовый лак/стекло черное матовое F87200HB"/> </a> </div> <div class="viewed-product-card__code"> Код товару: 177711 </div> <div class="viewed-product-card__name"> <a href="https://sant-market.ua/ua/tumba-p-d-rakovinu-villeroy-boch-finion-177711"> Тумба під раковину Villeroy & Boch Finion 80х50,1 см МДФ півонія матовий лак/скло чорне матове F87200HB </a> </div> </div> <div class="carousel__item viewed-product-card"> <div class="viewed-product-card__image"> <a href="https://sant-market.ua/ua/vityazhka-dlya-kuhn-prist-nna-teka-dvi-8-144829"> <img src="https://sant-market.ua/img/no-image.png" data-flickity-lazyload="https://sant-market.ua/uploads/product/2024-1-25/40_kart.jpg" alt="Вытяжка для кухни пристенная Teka DVI 88 BM черный матовый 112930056"/> </a> </div> <div class="viewed-product-card__code"> Код товару: 144829 </div> <div class="viewed-product-card__name"> <a href="https://sant-market.ua/ua/vityazhka-dlya-kuhn-prist-nna-teka-dvi-8-144829"> Витяжка для кухні пристінна Teka DVI 88 BM чорний матовий 112930056 </a> </div> </div> <div class="carousel__item viewed-product-card"> <div class="viewed-product-card__image"> <a href="https://sant-market.ua/ua/tumba-p-d-rakovinu-villeroy-boch-finion-180230"> <img src="https://sant-market.ua/img/no-image.png" data-flickity-lazyload="https://sant-market.ua/uploads/product/2025-7-14/27_kart.png" alt="Тумба под раковину Villeroy & Boch Finion 120х50,1 см с подсветкой МДФ пион матовый лак/стекло черное матовое F952MTHB"/> </a> </div> <div class="viewed-product-card__code"> Код товару: 180230 </div> <div class="viewed-product-card__name"> <a href="https://sant-market.ua/ua/tumba-p-d-rakovinu-villeroy-boch-finion-180230"> Тумба під раковину Villeroy & Boch Finion 120х50,1 см з підсвічуванням МДФ півонія матовий лак/скло чорне матове F952MTHB </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> <script> function clear_user_history(){ var data = new FormData(); axios.post(base_url+'clear_user_history', data) //.then(response => { .then(function(response) { console.log(response); if(response.data.res==='ok'){ //-0- скрываем модалку confirm Modals.confirm.hide(); //-1- вставляем head и content в модалку success //document.querySelector('#m-header').innerHTML = response.data.head; //document.querySelector('#m-body').innerHTML = response.data.content; //-2- показываем модалку success //document.querySelector('#modal-message').classList.add('is-active'); //-3- скрываем ленту просмотренных товаров document.querySelector('#viewed-products').classList.add('d-none'); //-4- затемняем фон экрана //document.body.classList.add('modal-is-active'); //-1- показываем message Modals.message.setHeader(response.data.head).setBody(response.data.content).show(); } else {//если мы подгружаем часть товара alert('error'); } }); } </script> </div> <footer> <div class="back-top"> <svg class="icon icon-back-to-top"> <use xlink:href="https://sant-market.ua/svg/svg.svg#icon-arrow-up"></use> </svg> </div> <section class="hero is-small is-success subscribe is-bold"> <div class="hero-body"> <div class="container"> <div class="row is-vcentered"> <div class="col-lg-6"> <div class="subscribe__title"> Дізнавайтеся про нові акції першими </div> </div> <div class="col-lg-5"> <div class="subscribe__control field has-addons"> <label for="subscribe_email" class="label d-none"> Підписка </label> <div class="control has-icons-left is-expanded"> <input type="email" value="" name="subscribe_email" id="subscribe_email" class="input is-flat required" data-validate="email" placeholder="Ваш email" required aria-required="true"> <span class="icon is-small is-left"> <svg class="icon icon-envelope"> <use xlink:href="https://sant-market.ua/svg/svg.svg#icon-envelope"></use> </svg> </span> <div class="messages"></div> </div> <div class="control"> <button type="submit" name="subscribe" class="button is-info" onclick="subscribe_me();"> Підписатися </button> </div> </div> </div> </div> </div> </div> </section> <script> function subscribe_me() { var object = 'subscribers'; var head = 'Підписка на E-mail розсилку'; var klient_email = document.querySelector('#subscribe_email').value; var referPage='https://sant-market.ua/ua/zmishuvach-dlya-kuhni-z-vysuvnoyu-liykoy-5184'; if(window.Validation(document.querySelectorAll('.subscribe .input'),true)){ var data = new FormData(); data.append('object', object); data.append('head', head); data.append('klient_email', klient_email); data.append('referPage', referPage); axios.post(base_url+'new_record', data) //.then(response => { .then(function(response) { console.log(response); if(response.data.res==='ok'){ document.querySelector('#subscribe_email').value=''; //document.querySelector('#m-header').innerHTML = response.data.header; //document.querySelector('#m-body').innerHTML = response.data.body; //-- показываем модалку success Modals.message.changeHtml(response.data).show(); } else { alert('Error'); } }); } } </script> <section class="hero is-secondary"> <div class="hero-body"> <div class="container"> <div class="row"> <div class="col-sm-6 col-md-6 col-lg-3"> <div class="contact-block"> <div class="contact-block__header level is-left"> <svg class="icon icon-comments mr-2"> <use xlink:href="https://sant-market.ua/svg/svg.svg#icon-comments"></use> </svg> <span> Пишіть нам </span> </div> <div class="contact-block__body"> <address>  <div class="address address_footer"> <span class="address__icon"> <svg class="icon icon-envelope"> <use xlink:href="https://sant-market.ua/svg/svg.svg#icon-envelope"></use> </svg> </span> <span class="address__data is-link"> <span data-toggle="modal" data-target="#modal-director"> Написати листа директору </span> </span> </div> <div class="address address_footer"> <span class="address__data is-link"> <span onclick="window.location='https://sant-market.ua/ua/dogovir-publichnoyi-oferty'"> Угода користувача </span> </span> </div> <div class="address address_footer"> <span class="address__data is-link"> <a href="https://sant-market.ua/ua/karta-saytu"> Карта сайту </a> </span> </div> </address> </div> </div> </div> <div class="col-sm-6 col-md-6 col-lg-3"> <div class="contact-block"> <div class="contact-block__header level is-left"> <svg class="icon icon-phone-1 mr-2"> <use xlink:href="https://sant-market.ua/svg/svg.svg#icon-phone-1"></use> </svg> <span> Телефони </span> </div> <div class="contact-block__body"> <address data-toggle="modal" data-target="#modal-address"> <div class="phone phone_footer"> <ul class="phone__data"> <li> <a class="phone-number" href="tel:+380487092363"> (048) 709-23-63 </a> </li> <li> <a class="phone-number" href="tel:+380951159698"> (095) 115-96-98 </a> </li> <li> <a class="phone-number" href="tel:+380675192080"> (067) 519-20-80 </a> </li> <li> <a class="phone-number" href="tel:+380443334072"> (044) 333-40-72 </a> </li> </ul> </div> </address> </div> </div> </div> <div class="col-sm-6 col-md-6 col-lg-3"> <div class="contact-block"> <div class="contact-block__header level is-left"> <svg class="icon icon-clock mr-2"> <use xlink:href="https://sant-market.ua/svg/svg.svg#icon-clock"></use> </svg> <span> Графік роботи </span> </div> <div class="contact-block__body"> <div class="phone phone_footer"> <ul class="phone__data"> <li>Пн-Пт: з 10:00 до 19:00</li><li>Субота: з 10:00 до 18:00</li><li>Неділя: Вихідний</li> <li> <a href="https://sant-market.ua/ua/brands"> Всі торгові марки </a> </li> </ul> </div> </div> </div> </div> <div class="col-sm-6 col-md-6 col-lg-3"> <div class="contact-block"> <div class="contact-block__header level is-left"> <svg class="icon icon-like mr-2"> <use xlink:href="https://sant-market.ua/svg/svg.svg#icon-like"></use> </svg> <span> Ми в соціальних мережах </span> </div> <div class="contact-block__body"> <div class="footer-social"> <span onClick="window.open('https://www.facebook.com/SantMarket')" class="footer-social__item" title="https://www.facebook.com/SantMarket"> <svg class="icon icon-facebook" itemprop="image"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="https://sant-market.ua/svg/svg.svg#icon-facebook-circle"></use> </svg> </span> <span onClick="window.open('https://www.instagram.com/sant_market')" class="footer-social__item" title="https://www.instagram.com/sant_market"> <svg class="icon icon-instagram" itemprop="image"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="https://sant-market.ua/svg/svg.svg#icon-instagram-circle"></use> </svg> </span> <span onClick="window.open('https://t.me/santmarket')" class="footer-social__item" title="Telegram"> <svg class="icon icon-viber" itemprop="image"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="https://sant-market.ua/svg/svg.svg#icon-telegram-circle"></use> </svg> </span> <span onClick="window.open('viber://chat?number=%2B380951159698')" class="footer-social__item" title="Viber"> <svg class="icon icon-viber" itemprop="image"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="https://sant-market.ua/svg/svg.svg#icon-viber-circle"></use> </svg> </span> </div> </div> </div> </div> </div> </div> </div> </section> <section class="hero is-xsmall"> <div class="hero-body"> <div class="container"> <nav class="level"> <small> © Інтернет <a href="https://sant-market.ua/ua">магазин сантехніки в Одесі</a> «SANT-MARKET» 2012-2025. </small> <div class="level-item d-none d-md-inline-flex"> <img id="licnt28BE" width="31" height="31" style="border:0" title="LiveInternet" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAEALAAAAAABAAEAAAIBTAA7" alt=""/><script>(function(d,s){d.getElementById("licnt28BE").src= "//counter.yadro.ru/hit?t44.1;r"+escape(d.referrer)+ ((typeof(s)=="undefined")?"":";s"+s.width+"*"+s.height+"*"+ (s.colorDepth?s.colorDepth:s.pixelDepth))+";u"+escape(d.URL)+ ";h"+escape(d.title.substring(0,150))+";"+Math.random()}) (document,screen)</script> </div> <div class="level-item"> <img src="https://sant-market.ua/img/visa-mastercard.jpg" alt="visa mastercard" /> </div> </nav> </div> </div> </section> <div id="modal-callback" class="modal"> <div class="modal-background"></div> <div class="modal-card is-small is-zoomin"> <header class="modal-card-head"> <div class="modal-card-title"><span class="m-header"> Зворотний дзвінок </span></div> <button class="delete is-large" data-toggle="modal-close" aria-label="close"></button> </header> <section class="modal-card-body"> <div class="m-body"> <div class="field"> <label class="label"> Ім'я </label> <div class="control"> <input class="input" name="klient_name" type="text" id="klient_name_callback" data-validate="require" id="callback_name" placeholder="Ваше ім'я" /> <div class="messages"></div> </div> </div> <div class="field"> <label class="label">Телефон *</label> <div class="control"> <input class="input" name="klient_phone" type="text" id="klient_phone_callback" data-validate="phone|require" value="" required /> <div class="messages"></div> </div> </div> </div> </section> <footer class="modal-card-foot flex-end"> <button class="button is-success is-block" data-toggle="form-submit" onclick="callback_me();"> Надіслати </button> </footer> </div> </div> <script> function callback_me() { var klient_phone = document.querySelector('#klient_phone_callback').value; Modals.callback .post(base_url + 'new_record', { 'object': 'callback', 'head': "Зворотний дзвінок", 'referPage':'https://sant-market.ua/ua/zmishuvach-dlya-kuhni-z-vysuvnoyu-liykoy-5184' }, true) //.then(({data}) => { .then(function(response) { // dataLayer.push({'event': 'callback-send'}); gtag('event', 'send', { 'event_category': 'callback' }); Modals.callback.hide().clearFields(); Modals.message .changeHtml(response.data) .show(); }); } </script> <div id="modal-followprice" class="modal"> <div class="modal-background"></div> <div class="modal-card is-small is-zoomin"> <header class="modal-card-head"> <div class="modal-card-title"><span class="m-header"> Стежити за ціною </span></div> <button class="delete is-large" data-toggle="modal-close" aria-label="close"></button> </header> <section class="modal-card-body"> <div class="m-body"> <div class="field"> <label class="label">Email</label> <div class="control"> <input id="klient_email_followprice" name="klient_email" class="input" type="text" placeholder="Ваш email" data-validate="email" /> <div class="messages"></div> </div> </div> <div class="field"> <label class="label">Телефон *</label> <div class="control"> <input id="klient_phone_followprice" name="klient_phone" class="input" type="text" placeholder="+38 (0__) ___-__-__" value="" data-validate="require|phone" /> <div class="messages"></div> </div> </div> </div> </section> <footer class="modal-card-foot flex-end"> <button class="button is-success is-block" data-toggle="form-submit" type="button" onclick="followprice_me(5184);"> Надіслати </button> </footer> </div> </div> <script> function followprice_me(product_id) { Modals.followprice .post(base_url+'new_record', { 'object': 'followprice', 'head': 'Стежити за ціною', 'product_id': product_id, 'referPage': 'https://sant-market.ua/ua/zmishuvach-dlya-kuhni-z-vysuvnoyu-liykoy-5184' }, true) //.then(({data}) => { .then(function(response) { Modals.followprice.hide().clearFields(); Modals.message .changeHtml(response.data) .show(); }); } </script> <div id="modal-notify" class="modal"> <div class="modal-background"></div> <div class="modal-card is-medium is-zoomin"> <header class="modal-card-head"> <div class="modal-card-title"> <span class="m-header"> Повідомте, коли з'явиться </span> </div> <button class="delete is-large" data-toggle="modal-close" aria-label="close"></button> </header> <section class="modal-card-body"> <div class="m-body"> </div> </section> <footer class="modal-card-foot flex-end"> <button class="button is-success" onclick="notify_me();" data-toggle="form-submit"> Надіслати </button> <button class="button is-text" data-toggle="modal-close"> скасування </button> </footer> </div> </div> <script> function notify_me() { var object = 'kogda_poyavitsa'; var head = "Повідомте, коли з'явиться"; var klient_name = document.querySelector('#klient_name_notify_me').value; var klient_phone = document.querySelector('#klient_phone_notify_me').value; var product_id = document.querySelector('#product_id_notify_me').value; //var this_size = document.querySelector('#size_select_active'+product_id).value; //функция передачи полей формы в валидацию if(window.Validation(document.querySelectorAll('#modal-notify .input'),true)){ var data = new FormData(); data.append('object', object); data.append('head', head); data.append('klient_name', klient_name); data.append('klient_phone', klient_phone); data.append('product_id', product_id); //data.append('this_size', this_size); axios.post(base_url+'new_record', data) //.then(response => { .then(function(response) { console.log(response); if(response.data.res==='ok'){ //-0- затереть поля document.querySelector('#klient_name_notify_me').value=''; document.querySelector('#klient_phone_notify_me').value=''; document.querySelector('#product_id_notify_me').value=''; //-1- скрыть текущую модалку //document.querySelector('#modal-director').classList.remove('is-active'); //-2- вставляем head и content из полученного массива POST в модалку success document.querySelector('#m-header').innerHTML = response.data.header; document.querySelector('#m-body').innerHTML = response.data.body; //- Modals.notify.hide(); //-3- показываем модалку success //document.querySelector('#modal-message').classList.add('is-active'); Modals.message.changeHtml(response.data).show(); } else { alert('Error'); } }); } } </script> <div id="modal-preshow" class="modal"> <div class="modal-background"></div> <div class="modal-content is-large is-zoomin"> <div class="box"> <button class="delete is-large" data-toggle="modal-close" aria-label="close"></button> <div class="m-body"> </div> </div> </div> </div> <div id="modal-product-gallery" class="modal"> <div class="modal-background"></div> <div class="modal-content is-xlarge"> <div class="m-body"> </div> </div> <button class="modal_close is-large" aria-label="close" data-toggle="modal" data-target="#modal-preshow"></button> </div> <div id="modal-director" class="modal"> <div class="modal-background"></div> <div class="modal-card is-zoomin"> <header class="modal-card-head"> <div class="modal-card-title"> <span class="m-header"> Написати листа директору </span> </div> <button class="delete is-large" data-toggle="modal-close" aria-label="close"></button> </header> <section class="modal-card-body"> <div class="m-body"> <div class="row"> <div class="col-md-6"> <div class="field"> <label class="label">Ім'я *</label> <div class="control"> <input id="klient_name_feedback_director" name="klient_name" class="input" type="text" placeholder="Ваше ім'я" value="" data-validate="require" /> <div class="messages"></div> </div> </div> <div class="field"> <label class="label">Телефон</label> <div class="control"> <input id="klient_phone_feedback_director" name="klient_phone" class="input" type="text" value="" data-validate="phone"/> <div class="messages"></div> </div> </div> <div class="field"> <label class="label">Email *</label> <div class="control"> <input id="klient_email_feedback_director" name="klient_email" class="input" type="text" placeholder="Введіть email" value="" data-validate="email|require"/> <div class="messages"></div> </div> </div> </div> <div class="col-md-6"> <div class="field"> <label for="director_message" class="label"> Повідомлення * </label> <div class="control"> <textarea id="klient_message_feedback_director" name="klient_message" class="textarea" placeholder="Ваше повідомлення" rows="7" data-validate="require"></textarea> <div class="messages"></div> </div> </div> </div> </div> </div> </section> <footer class="modal-card-foot flex-end"> <button class="button is-success is-block" type="button" data-toggle="form-submit" onclick="feedback_me();"> Надіслати </button> </footer> </div> </div> <script> function feedback_me() { var klient_name = document.querySelector('#klient_name_feedback_director').value; var klient_phone = document.querySelector('#klient_phone_feedback_director').value; var klient_email = document.querySelector('#klient_email_feedback_director').value; var klient_message = document.querySelector('#klient_message_feedback_director').value; Modals.director .post(base_url+'new_record', { 'object':'feedback', 'head':'Написати листа директору', 'referPage':'https://sant-market.ua/ua/zmishuvach-dlya-kuhni-z-vysuvnoyu-liykoy-5184' }, true) //.then(({data}) => { .then(function(response) { Modals.director.hide().clearFields(); Modals.message .changeHtml(response.data) .show(); }); } </script> <div id="modal-login" class="modal"> <div class="modal-background"></div> <div class="modal-card is-small is-zoomin"> <header class="modal-card-head"> <div class="modal-card-title"> <span class="m-header"> Вхід </span> </div> <button class="delete is-large" data-toggle="modal-close" aria-label="close"></button> </header> <div class="m-body"> <section class="modal-card-body"> <div class="field"> <label class="label">Телефон *</label> <div class="control"> <input id="login_klient_login" class="input" type="text" value="" data-validate="require|phone" /> <div class="messages"></div> </div> </div> <div class="field"> <label class="label" for="modal-login-password">Пароль *</label> <div class="control"> <input id="login_klient_password" class="input" name="modal-login-password" id="modal-login-password" type="password" placeholder="******" data-validate="require" /> <div class="messages"></div> </div> <div class="help"> <button type="button" class="button is-text" data-toggle="modal" data-target="#modal-forgot-password"> Забули пароль </button> </div> </div> </section> <footer class="modal-card-foot"> <div class="field is-grouped is-grouped-right"> <span class="control"> <button type="button" class="button is-success" data-toggle="form-submit" onclick="login_me();"> Увійти </button> </span> <span class="control"> <button class="button is-text" data-toggle="modal" data-target="#modal-register"> Реєстрація </button> </span> </div> </footer> </div> </div> </div> <script> function login_me() { var klient_login = document.querySelector('#login_klient_login').value; var klient_password = document.querySelector('#login_klient_password').value; //функция передачи полей формы в валидацию if(window.Validation(document.querySelectorAll('#modal-login .input'),true)){ var data = new FormData(); data.append('klient_login', klient_login); data.append('klient_password', klient_password); axios.post(base_url+'login', data) //.then(response => { .then(function(response) { console.log(response); if(response.data.res==='ok'){ window.location=base_url+'user'; } else { Modals.alert.setHeader('Вхід').setBody('Невірний пароль. Якщо Ви забули ваш пароль, ви можете його відновити його через sms').show(); //alert('Неверный пароль'); } }); } } </script> <div id="modal-register" class="modal"> <div class="modal-background"></div> <div class="modal-card is-small is-zoomin"> <header class="modal-card-head"> <div class="modal-card-title"> <span class="m-header"> Реєстрація </span> </div> <button class="delete is-large" data-toggle="modal-close" aria-label="close"></button> </header> <div class="m-body"> <section class="modal-card-body"> <div class="field"> <label class="label" for="modal-register-name">Ім'я *</label> <div class="control"> <input id="modal-register-name" name="modal-register-name" class="input" type="text" placeholder="Ваше ім'я" value="" data-validate="require" /> <div class="messages"></div> </div> </div> <div class="field"> <label class="label" for="modal-register-email">Телефон *</label> <div class="control"> <input id="modal-register-phone" name="modal-register-phone" class="input" type="text" placeholder="Ваш телефон" value="" data-validate="require|phone" /> <div class="messages"></div> </div> </div> <div class="field"> <label class="label" for="modal-register-email">Email *</label> <div class="control"> <input id="modal-register-email" name="modal-register-email" class="input" type="text" placeholder="Ваш email" value="" data-validate="require|email" /> <div class="messages"></div> </div> </div> </section> <footer class="modal-card-foot"> <div class="field is-grouped is-grouped-right"> <span class="control"> <button onclick="register_me();" class="button is-success" data-toggle="form-submit"> Реєстрація </button> </span> <span class="control"> <button type="button" class="button is-text" data-toggle="modal" data-target="#modal-login"> Вхід </button> </span> </div> </footer> </div> </div> </div> <script> function register_me() { var klient_name = document.querySelector('#modal-register-name').value; var klient_phone = document.querySelector('#modal-register-phone').value; var klient_email = document.querySelector('#modal-register-email').value; //функция передачи полей формы в валидацию if(window.Validation(document.querySelectorAll('#modal-register .input'),true)){ var data = new FormData(); data.append('klient_name', klient_name); data.append('klient_login', klient_phone); data.append('klient_email', klient_email); data.append('klient_phone', klient_phone); axios.post(base_url+'register', data) //.then(response => { .then(function(response) { console.log(response); if(response.data.res==='free'){ Modals.register.hide(); Modals.message.setHeader('Реєстрація нового користувача').setBody('Ви були успішно зареєстровані. Sms з паролем було відправлено на ваш телефон і на Email').show(); //alert('Вы были успешно зарегистрированы.'); window.location=base_url+'user'; } else { Modals.alert.setHeader('Реєстрація нового користувача').setBody('Користувач з таким номером телефону вже зареєстрований').show(); } }); } } </script> <div id="modal-forgot-password" class="modal"> <div class="modal-background"></div> <div class="modal-card is-small is-zoomin"> <header class="modal-card-head"> <div class="modal-card-title"> <span class="m-header"> Забули пароль </span> </div> <button class="delete is-large" data-toggle="modal-close" aria-label="close"></button> </header> <div class="m-body"> <section class="modal-card-body"> <div class="field"> <label class="label">Телефон *</label> <div class="control"> <input id="klient_phone_to_reset_password" class="input" type="text" value="" data-validate="require|phone" /> <div class="messages"></div> </div> </div> </section> <footer class="modal-card-foot"> <div class="field is-grouped is-grouped-right"> <span class="control"> <button onclick="reset_password();" class="button is-success" data-toggle="form-submit"> Надіслати </button> </span> <span class="control"> <button class="button is-text" data-toggle="modal" data-target="#modal-login"> Назад </button> </span> </div> </footer> </div> </div> </div> <script> function reset_password() { var klient_phone = document.querySelector('#klient_phone_to_reset_password').value; //функция передачи полей формы в валидацию if(window.Validation(document.querySelectorAll('#modal-forgot-password .input'),true)){ var data = new FormData(); data.append('klient_phone', klient_phone); axios.post(base_url+'reset_password', data) .then(function(response) { console.log(response); if(response.data.res==='ok'){ Modals.forgotpassword.hide(); Modals.message.setHeader('Забули пароль').setBody('Sms з паролем було відправлено на ваш телефон').show(); document.querySelector('#klient_phone_to_reset_password').value='+38(0__) ___-__-__'; } else if(response.data.res==='todaya already sent') { Modals.alert.setHeader('Забули пароль').setBody('Sms з паролем сьогодні вже відправляли на ваш телефон '+klient_phone+'. Відновлювати пароль годі й більше 1 разу на добу. Будь ласка, спробуйте завтра.').show(); document.querySelector('#klient_phone_to_reset_password').value='+38(0__) ___-__-__'; } else { Modals.alert.setHeader('Забули пароль').setBody('Користувача з таким номером телефону, не знайдено.').show(); document.querySelector('#klient_phone_to_reset_password').value='+38(0__) ___-__-__'; } }); } } </script> <div id="modal-message" class="modal"> <div class="modal-background"></div> <div class="message is-success is-small is-zoomin"> <div class="message-header"> <div class="m-header"> </div> <button class="delete is-large" data-toggle="modal-close" aria-label="close"></button> </div> <div class="message-body"> <div id="m-body" class="m-body"> </div> </div> </div> </div> <div id="modal-video" class="modal"> <div class="modal-background"></div> <div class="modal-content"> <div class="m-body" id="youtube-video-div"> </div> </div> <button class="modal-close is-large" aria-label="close"></button> </div> <div id="modal-alert" class="modal"> <div class="modal-background"></div> <div class="message is-danger is-small is-zoomin"> <div class="message-header"> <div id="m-header" class="m-header"> </div> <button class="delete is-large" data-toggle="modal-close-only" aria-label="close"></button> </div> <div class="message-body"> <div id="m-body" class="m-body"> </div> </div> </div> </div> <div id="modal-confirm" class="modal"> <div class="modal-background"></div> <div class="message is-warning is-small is-zoomin"> <div class="message-header"> <div class="m-header"> Обережно </div> <button class="delete is-large" data-toggle="modal-close" aria-label="close"></button> </div> <div class="message-body"> <div class="m-body"></div> <div class="modal-confirm-buttons level"> <div class="level-item"> <button class="button is-secondary is-block" data-toggle="modal-close"> скасування </button> </div> <div class="level-item"> <div class="m-submit"> </div> </div> </div> </div> </div> </div> <div id="modal-cart" class="modal"> <div class="modal-background"></div> <div class="modal-card is-large is-zoomin"> <header class="modal-card-head"> <div class="modal-card-title"> <span class="m-header"> Кошик </span> </div> <button class="delete is-large" data-toggle="modal-close" aria-label="close"></button> </header> <section class="modal-card-body"> <div class="m-body" id="m-cart-content"> </div> </section> <footer class="modal-card-foot level"> <div class="level-item"> <button class="button is-secondary is-block" data-toggle="modal-close"> Продовжити покупки </button> </div> <div class="level-item" > <span id="cart-order-button" class="button is-success d-none" onclick="window.location='https://sant-market.ua/ua/cart'"> Оформити замовлення </span> </div> </footer> </div> </div> </footer> </main> <script type="text/javascript"> var base_url = 'https://sant-market.ua/ua/'; var site_url = 'https://sant-market.ua/'; </script> <script src="https://sant-market.ua/js/main.min.js"></script> <script src="https://sant-market.ua/js/script.js?brand"></script> <script src="https://sant-market.ua/js/lazyload.js"></script>     <script type="text/javascript"> (function(d, w, s) { var widgetHash = 'S6zvbmKeu7QFpy2L64qx', bch = d.createElement(s); bch.type = 'text/javascript'; bch.async = true; bch.src = '//widgets.binotel.com/chat/widgets/' + widgetHash + '.js'; var sn = d.getElementsByTagName(s)[0]; sn.parentNode.insertBefore(bch, sn); })(document, window, 'script'); </script> </body> </html>