Дверна ручка Colombo Design DB 31 Wing HPS титан золото з накладками під проріз

Код товару: 14041

Все про товар

Опис

Характеристики

Відгуки 0

Питання0

Хіт

Дверна ручка Colombo Design DB 31 Wing HPS титан золото з накладками під проріз

2 251.00 ₴

Знайшли дешевше?

Купити цей товар в 1 клік:

Колір:Титан/Золото

Основной цвет:Титан

Рейтинг:6

Страна производства:Італія

Тип номенклатуры:Дверные ручки на розете Италия

Доставка

Курʼєром по місту (Київ)

Курʼєром по місту (Дніпро)

Новою Поштою у відділення та поштомати

за тарифами перевізника

Укрпоштою у відділення по Україні

за тарифами перевізника

Оплата

оплата за рахунком

готівкою

Служба підтримки

Служба підтримки клієнтів
24/7 без вихідних

Дверна ручка Colombo Design DB 31 Wing HPS титан золото з накладками під проріз

2 251.00 ₴

Опис

< Дверна ручка Colombo Design Wing< /strong> виконана в сучасному стилі. Унікальність дизайну підкреслюється лаконічним мінімалізмом, вшановуванням кольорів та матеріалів. Довговічність терміну експлуатації виробу забезпечується застосуванням спеціального гальванічного багатошарового покриття, що запобігає його зносу. Ця сталева пружина має три витки і захищена від впливу вологи, а тому ручка ніколи не буде рипіти. Зверніть увагу, що на ручку Wing поширюється спеціальна гарантія 30 років. . Монтаж ручки простий і не потребує особливих навичок.

Дверні ручки COLOMBO користуються широкою популярністю не тільки завдяки високій якості, яка досягається за рахунок впровадження передових технологій та постійного вдосконалення процесів виробництва.

Дверна фурнітура COLOMBO відрізняється:

Актуальністю стилю

Виразливістю форм

Вишуканістю ліній

Все це дозволяє буквально «відчути» якість, відчуття якої переходить від візуального сприйняття до передачі через дотик.

</i > </div> </div> <div class="ds-product-attributes ds-product-tab-content content-block p-xl-4"> <div class="ds-product-tab-content-title d-flex align-items-center dark-text fsz-20 fw-500 pb-3 mb-3"> <svg class="me-2" xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none"> <path d="M14.75 8.84631H6.75C6.336 8.84631 6 8.51031 6 8.09631C6 7.68231 6.336 7.34631 6.75 7.34631H14.75C15.164 7.34631 15.5 7.68231 15.5 8.09631C15.5 8.51031 15.164 8.84631 14.75 8.84631ZM15.5 11.0963C15.5 10.6823 15.164 10.3463 14.75 10.3463H6.75C6.336 10.3463 6 10.6823 6 11.0963C6 11.5103 6.336 11.8463 6.75 11.8463H14.75C15.164 11.8463 15.5 11.5103 15.5 11.0963ZM11.5 14.0963C11.5 13.6823 11.164 13.3463 10.75 13.3463H6.75C6.336 13.3463 6 13.6823 6 14.0963C6 14.5103 6.336 14.8463 6.75 14.8463H10.75C11.164 14.8463 11.5 14.5103 11.5 14.0963ZM21.5 11.0963C21.5 5.16831 16.678 0.346313 10.75 0.346313C4.822 0.346313 0 5.16831 0 11.0963C0 17.0243 4.822 21.8463 10.75 21.8463C16.678 21.8463 21.5 17.0243 21.5 11.0963ZM20 11.0963C20 16.1973 15.851 20.3463 10.75 20.3463C5.649 20.3463 1.5 16.1973 1.5 11.0963C1.5 5.99531 5.649 1.84631 10.75 1.84631C15.851 1.84631 20 5.99531 20 11.0963Z" fill="#00171F" /> </svg> Характеристики </div> <div class="ds-product-attributes-items dark-text fsz-14 w-100"> <div class="ds-product-content-attributes-list"> <div class="ds-product-content-attributes-list-title fw-500">Характеристики</div> <div class="ds-product-attributes-item d-flex br-2"> <div class="secondary-text"> <span>Колір</span> </div> <span>Титан/Золото</span> </div> <div class="ds-product-attributes-item d-flex br-2"> <div class="secondary-text"> <span>Основной цвет</span> </div> <span>Титан</span> </div> <div class="ds-product-attributes-item d-flex br-2"> <div class="secondary-text"> <span>Рейтинг</span> </div> <span>6</span> </div> <div class="ds-product-attributes-item d-flex br-2"> <div class="secondary-text"> <span>Страна производства</span> </div> <span>Італія</span> </div> <div class="ds-product-attributes-item d-flex br-2"> <div class="secondary-text"> <span>Тип номенклатуры</span> </div> <span>Дверные ручки на розете Италия</span> </div> <div class="ds-product-attributes-item d-flex br-2"> <div class="secondary-text"> <span>Тип розеты</span> </div> <span>Круглая</span> </div> <div class="ds-product-attributes-item d-flex br-2"> <div class="secondary-text"> <span>Тип ручки</span> </div> <span>На розетте</span> </div> <div class="ds-product-attributes-item d-flex br-2"> <div class="secondary-text"> <span>Тип товара</span> </div> <span>Ручка дверная</span> </div> <div class="ds-product-attributes-item d-flex br-2"> <div class="secondary-text"> <span>Тип Товаров</span> </div> <span>Ручки на розетте</span> </div> <div class="ds-product-attributes-item d-flex br-2"> <div class="secondary-text"> <span>Торгова марка</span> </div> <span>Colombo Design (фурн-ра)</span> </div> </div> </div> </div> <div class="ds-product-reviews ds-product-tab-content content-block p-xl-4"> <div class="ds-product-tab-content-title d-flex align-items-center dark-text fsz-20 fw-500 pb-3 mb-3"> <svg class="me-2" xmlns="http://www.w3.org/2000/svg" width="22" height="23" viewBox="0 0 22 23" fill="none"> <path d="M10.75 22.3463C4.822 22.3463 0 17.5233 0 11.5963C0 5.66931 4.822 0.846313 10.75 0.846313C16.678 0.846313 21.5 5.66931 21.5 11.5963C21.5 17.5233 16.678 22.3463 10.75 22.3463ZM10.75 2.34631C5.649 2.34631 1.5 6.49531 1.5 11.5963C1.5 16.6973 5.649 20.8463 10.75 20.8463C15.851 20.8463 20 16.6973 20 11.5963C20 6.49531 15.851 2.34631 10.75 2.34631ZM13.446 17.0963C13.232 17.0963 13.017 17.0443 12.819 16.9403L10.75 15.8513L8.68298 16.9393C8.22598 17.1793 7.68299 17.1403 7.26599 16.8373C6.84799 16.5333 6.64198 16.0273 6.72998 15.5173L7.125 13.2123L5.396 11.5253C5.037 11.1753 4.90994 10.6603 5.06494 10.1833C5.21994 9.70629 5.62497 9.36533 6.12097 9.29333L8.51001 8.94531L9.54395 6.84729C9.77295 6.38329 10.234 6.09631 10.751 6.09631C11.268 6.09631 11.73 6.38433 11.958 6.84833L12.9919 8.94629L15.382 9.29431C15.877 9.36631 16.281 9.70733 16.437 10.1843C16.592 10.6613 16.465 11.1763 16.106 11.5263L14.377 13.2133L14.7729 15.5203C14.8599 16.0303 14.654 16.5363 14.236 16.8393C13.999 17.0093 13.724 17.0963 13.446 17.0963ZM10.75 14.3253C10.959 14.3253 11.168 14.3753 11.358 14.4763L13.24 15.4673L12.881 13.3683C12.808 12.9433 12.948 12.5103 13.257 12.2093L14.78 10.7223L12.674 10.4163C12.248 10.3543 11.881 10.0863 11.691 9.69934L10.751 7.7923L9.81104 9.70032C9.62104 10.0863 9.253 10.3543 8.828 10.4163L6.72205 10.7223L8.245 12.2093C8.554 12.5093 8.69397 12.9433 8.62097 13.3683L8.26196 15.4663L10.144 14.4753C10.332 14.3753 10.541 14.3253 10.75 14.3253ZM15.165 10.7783H15.175H15.165ZM10.611 7.51031C10.611 7.51131 10.611 7.51131 10.611 7.51031C10.611 7.51131 10.611 7.51131 10.611 7.51031Z" fill="#00171F" /> </svg> Відгуки </div> <div class="ds-product-reviews-top pb-3 mb-3 d-flex flex-column justify-content-center justify-content-md-start align-items-md-start"> <p class="light-text fw-300 fsz-14 text-center text-sm-start">Відгуків про цей товар ще не було.</p> <button type="button" class="button button-outline button-outline-primary br-7 mt-3 px-5 fw-400 mx-auto mx-md-0 fsz-12" data-bs-toggle="modal" data-bs-target="#reviewModal">+ Додати відгук</button> <div class="modal fade" id="reviewModal" tabindex="-1" aria-labelledby="reviewModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header p-0 pb-4"> <h5 class="modal-title fsz-20 fw-700 d-flex align-items-center justify-content-between" id="reviewModalLabel">Написати відгук</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13" fill="none"> <path d="M11.8029 11.5725C12.0633 11.8329 12.0633 12.2551 11.8029 12.5155C11.6731 12.6453 11.5025 12.7111 11.3319 12.7111C11.1612 12.7111 10.9906 12.6462 10.8608 12.5155L5.99911 7.65384L1.13743 12.5155C1.00766 12.6453 0.837017 12.7111 0.666369 12.7111C0.495722 12.7111 0.325075 12.6462 0.195312 12.5155C-0.0651039 12.2551 -0.0651039 11.8329 0.195312 11.5725L5.057 6.71085L0.195312 1.8492C-0.0651039 1.58878 -0.0651039 1.16657 0.195312 0.906158C0.455727 0.645742 0.877907 0.645742 1.13832 0.906158L6.00001 5.76787L10.8617 0.906158C11.1221 0.645742 11.5443 0.645742 11.8047 0.906158C12.0651 1.16657 12.0651 1.58878 11.8047 1.8492L6.943 6.71085L11.8029 11.5725Z" fill="#00A8E8" /> </svg> </button> </div> <div class="modal-body p-0 pt-4"> <form id="popup_review_form"> <div class="d-flex"> <div class="modal-body-product-img p-2 br-7 overflow-hidden me-1 flex-grow-1"> <img src="https://secret.ua/image/cache/catalog/products/dlja-dverej/dvernye-ruchki/ruchki-na-rozette/14691-800x800.jpeg" alt="Дверна ручка Colombo Design DB 31 Wing HPS титан золото з накладками під проріз" width="150" height="150" loading="lazy"> </div> <div class="modal-body-product-info ps-3 dark-text flex-grow-1 d-flex flex-column"> <div class="modal-body-product-title fw-500 mb-3">Дверна ручка Colombo Design DB 31 Wing HPS титан золото з накладками під проріз</div> <div class="fw-500 dark-text">Оцінка:</div> <div class="ds-module-rating-stars d-flex align-items-center mt-2"> <label class="ds-module-rating-star ds-module-rating-star-is"><input class="d-none" type="radio" name="rating" value="1" checked/></label> <label class="ds-module-rating-star ds-module-rating-star-is"><input class="d-none" type="radio" name="rating" value="2" checked/></label> <label class="ds-module-rating-star ds-module-rating-star-is"><input class="d-none" type="radio" name="rating" value="3" checked/></label> <label class="ds-module-rating-star ds-module-rating-star-is"><input class="d-none" type="radio" name="rating" value="4" checked/></label> <label class="ds-module-rating-star ds-module-rating-star-is"><input class="d-none" type="radio" name="rating" value="5" checked/></label> </div> </div> </div> <div class="input-group my-4"> <span class="input-group-text" id="reviewUsernameIcon"> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="17" viewBox="0 0 14 17" fill="none"> <path d="M7.00726 7.47837C5.1217 7.47837 3.58848 5.94434 3.58848 4.05959C3.58848 2.17483 5.1217 0.640808 7.00726 0.640808C8.89282 0.640808 10.426 2.17483 10.426 4.05959C10.426 5.94434 8.89282 7.47837 7.00726 7.47837ZM7.00726 1.84744C5.78696 1.84744 4.79511 2.83928 4.79511 4.05959C4.79511 5.27989 5.78696 6.27174 7.00726 6.27174C8.22756 6.27174 9.21941 5.27989 9.21941 4.05959C9.21941 2.83928 8.22676 1.84744 7.00726 1.84744ZM13.2342 15.7237V13.3257C13.2342 11.1852 12.0228 8.685 8.60883 8.685H5.39115C1.9772 8.685 0.765747 11.1844 0.765747 13.3257V15.7237C0.765747 16.0567 1.03603 16.327 1.36906 16.327C1.70209 16.327 1.97238 16.0567 1.97238 15.7237V13.3257C1.97238 12.5205 2.21933 9.89162 5.39115 9.89162H8.60883C11.7807 9.89162 12.0276 12.5197 12.0276 13.3257V15.7237C12.0276 16.0567 12.2979 16.327 12.6309 16.327C12.964 16.327 13.2342 16.0567 13.2342 15.7237Z" fill="#00171F"></path> </svg> </span> <input type="text" name="name" class="form-control" id="inputReviewName" placeholder="Ваше ім&#39я" inputmode="text" aria-label="Username" aria-describedby="reviewUsernameIcon"> </div> <div class="form-group pb-4"> <textarea id="inputReviewComment" name="text" class="form-control" placeholder="Ваш відгук" rows="7"></textarea> </div> <div class="form-group pb-4"> <textarea name="positive_text" cols="60" rows="3" placeholder="Переваги" id="input-positive-text" class="form-control"></textarea> </div> <div class="form-group pb-4"> <textarea name="negative_text" cols="60" rows="3" placeholder="Недоліки" id="input-negative-text" class="form-control"></textarea> </div> <div class="form-group pb-4"> <fieldset> <legend class="h4 mb-0">Перевірка</legend> <div class="form-group mb-3"> <label class="dark-text fsz-14 fw-500 mb-1">Будь ласка, завершіть перевірку captcha нижче</label> <div class="g-recaptcha" data-sitekey="6LeuyhUqAAAAAJEoQNFOYo-PbPstCdbCldwfDAFz"></div> </div> </fieldset> </div> <button type="button" id="button-review" class="button button-primary br-7 w-100">Продовжити</button> </form> </div> </div> </div> </div> </div> <div id="review" class="ds-product-reviews-content"> <div class="d-flex flex-column justify-content-center ds-empty-reviews mb-3 mb-md-0 text-center p-4 br-4"> <p class="fw-500 fsz-16 mb-5">Немає відгуків про цей товар, станьте першим, залиште свій відгук.</p> <svg class="mx-auto" xmlns="http://www.w3.org/2000/svg" width="80" height="77" viewBox="0 0 80 77" fill="none"> <path d="M39.9979 0.598633C16.4455 0.598633 0 15.3178 0 36.3904C0 45.0805 2.77917 52.861 8.05468 58.9576C7.47787 61.509 5.88148 65.5342 1.46066 69.1046C0.14704 70.2161 -0.323947 71.9928 0.252865 73.6222C0.829678 75.239 2.2951 76.3124 3.97081 76.3503C4.5392 76.3713 5.11926 76.3801 5.72133 76.3801C12.0326 76.3801 19.9185 75.1503 25.4551 70.0348C30.0149 71.4579 34.8992 72.1821 40.0021 72.1821C63.5545 72.1821 80 57.463 80 36.3904C80 15.3178 63.5504 0.598633 39.9979 0.598633ZM39.9979 67.9764C34.895 67.9764 30.0406 67.1929 25.5692 65.6477C24.7777 65.374 23.91 65.5934 23.3458 66.1997C18.4029 71.4752 10.2223 72.3507 4.22264 72.3507C4.19738 72.3507 4.16773 72.3507 4.14247 72.3507C8.6475 68.7088 11.5829 63.8461 12.3955 58.659C12.4924 58.0232 12.2979 57.3791 11.86 56.9033C6.85815 51.4846 4.21031 44.39 4.21031 36.3904C4.21031 17.7934 18.9253 4.80894 39.9979 4.80894C61.0705 4.80894 75.7856 17.7934 75.7856 36.3904C75.7856 54.9873 61.0705 67.9764 39.9979 67.9764ZM56.4856 28.77L47.6528 27.5488L43.7909 19.785C42.351 16.8883 37.6313 16.8883 36.1998 19.785L32.4233 27.4815L23.5103 28.77C21.9483 28.9931 20.6815 30.0666 20.1974 31.5613C19.7174 33.0517 20.1164 34.6559 21.2448 35.7464L27.6487 41.864L26.1798 50.3812C25.9019 51.9727 26.5419 53.5515 27.847 54.5072C29.1607 55.4714 30.8743 55.598 32.3184 54.8444L39.9476 50.815L47.6774 54.8485C48.3006 55.1727 48.9786 55.3327 49.6438 55.3327C50.5238 55.3327 51.3995 55.055 52.1447 54.5119C53.4541 53.5603 54.094 51.981 53.8161 50.3853L52.3092 41.9735L58.7511 35.7423C59.8795 34.6518 60.2785 33.0476 59.7985 31.5572C59.3143 30.0667 58.0476 28.9973 56.4856 28.77ZM49.3827 38.9463C48.4144 39.8852 47.9681 41.2406 48.1996 42.5753L49.6315 51.1095L41.9047 47.0806C41.3068 46.7691 40.6547 46.6129 40.0021 46.6129C39.3495 46.6129 38.693 46.7691 38.1035 47.0806L30.3356 51.0972L31.8086 42.5753C32.036 41.2448 31.5897 39.8851 30.6214 38.9504L24.1168 32.9381L33.0256 31.6538C34.3561 31.4643 35.5136 30.631 36.1114 29.4268L40.0185 21.6461C40.0185 21.6461 40.0235 21.65 40.0278 21.6584C40.0278 21.6584 40.0277 21.6584 40.0319 21.6584L43.8927 29.4268C44.4948 30.631 45.6481 31.4602 46.9744 31.6497L55.8288 32.7151L49.3827 38.9463Z" fill="#F2F2F2"/> </svg> </div> </div> </div> <div id="product_questions" class="ds-product-faq ds-product-tab-content content-block p-xl-4"> <div class="ds-product-tab-content-title d-flex align-items-center dark-text fsz-20 fw-500 pb-3 mb-3"> <svg class="me-2" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"> <path d="M1.75392 19.7495C1.29692 19.7495 0.853108 19.5695 0.517108 19.2335C0.0431084 18.7605 -0.119893 18.0735 0.0901065 17.4415L0.930927 14.9405C1.02893 14.6335 1.02005 14.3255 0.905048 14.0825C0.313048 12.8095 0.0029483 11.3995 0.0029483 9.99951C0.0029483 4.62451 4.376 0.250488 9.751 0.250488C15.127 0.250488 19.5 4.62351 19.5 9.99951C19.5 15.3755 15.127 19.7485 9.751 19.7485C8.352 19.7485 6.94204 19.4375 5.67604 18.8485C5.42804 18.7295 5.11904 18.7215 4.80104 18.8225L2.31203 19.6585C2.12703 19.7195 1.93892 19.7495 1.75392 19.7495ZM9.75002 1.75049C5.20202 1.75049 1.50197 5.45051 1.50197 9.99951C1.50197 11.1825 1.76498 12.3735 2.26198 13.4435C2.53798 14.0245 2.57395 14.7235 2.35695 15.4065L1.51296 17.9175C1.47096 18.0425 1.53492 18.1315 1.57692 18.1735C1.61892 18.2155 1.709 18.2795 1.834 18.2375L4.33205 17.3985C5.02605 17.1775 5.72598 17.2115 6.31398 17.4925C7.37598 17.9865 8.56702 18.2495 9.75002 18.2495C14.299 18.2495 17.999 14.5495 17.999 10.0005C17.999 5.45149 14.299 1.75049 9.75002 1.75049ZM9.75393 11.0005C9.20193 11.0005 8.74904 10.5525 8.74904 10.0005C8.74904 9.44849 9.19216 9.00049 9.74416 9.00049H9.75393C10.3069 9.00049 10.7539 9.44849 10.7539 10.0005C10.7539 10.5525 10.3069 11.0005 9.75393 11.0005ZM14.7539 10.0005C14.7539 9.44849 14.3069 9.00049 13.7539 9.00049H13.7442C13.1922 9.00049 12.749 9.44849 12.749 10.0005C12.749 10.5525 13.2019 11.0005 13.7539 11.0005C14.3069 11.0005 14.7539 10.5525 14.7539 10.0005ZM6.75392 10.0005C6.75392 9.44849 6.30692 9.00049 5.75392 9.00049H5.74416C5.19216 9.00049 4.74904 9.44849 4.74904 10.0005C4.74904 10.5525 5.20192 11.0005 5.75392 11.0005C6.30692 11.0005 6.75392 10.5525 6.75392 10.0005Z" fill="#00171F" /> </svg> Питання та відповіді </div> <div class="ds-product-faq-top pb-3 mb-3 d-flex flex-column align-items-center align-items-md-start"> <div class="ds-product-faq-top-text light-text fw-300 fsz-14 pb-3 text-center text-sm-start"> Додайте питання, і ми відповімо найближчим часом. </div> <button type="button" class="button button-outline button-outline-primary br-7 px-5 fw-400 d-inline-flex mx-auto mx-md-0 fsz-12" data-bs-toggle="modal" data-bs-target="#faqModal"> <span class="button-text">+ Додати питання</span> </button> </div> <div class="modal fade" id="faqModal" tabindex="-1" aria-labelledby="faqModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header p-0 pb-4"> <h5 class="modal-title fsz-20 fw-700 d-flex align-items-center justify-content-between" id="faqModalLabel">Додати питання</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13" fill="none"> <path d="M11.8029 11.5725C12.0633 11.8329 12.0633 12.2551 11.8029 12.5155C11.6731 12.6453 11.5025 12.7111 11.3319 12.7111C11.1612 12.7111 10.9906 12.6462 10.8608 12.5155L5.99911 7.65384L1.13743 12.5155C1.00766 12.6453 0.837017 12.7111 0.666369 12.7111C0.495722 12.7111 0.325075 12.6462 0.195312 12.5155C-0.0651039 12.2551 -0.0651039 11.8329 0.195312 11.5725L5.057 6.71085L0.195312 1.8492C-0.0651039 1.58878 -0.0651039 1.16657 0.195312 0.906158C0.455727 0.645742 0.877907 0.645742 1.13832 0.906158L6.00001 5.76787L10.8617 0.906158C11.1221 0.645742 11.5443 0.645742 11.8047 0.906158C12.0651 1.16657 12.0651 1.58878 11.8047 1.8492L6.943 6.71085L11.8029 11.5725Z" fill="#00A8E8" /> </svg> </button> </div> <div class="modal-body"> <div class="ds-product-content-reviews-rating-text light-text fsz-14 my-4 text-sm-start">Додайте питання, і ми відповімо найближчим часом.</div> <form id="form-faq" enctype="multipart/form-data" method="post"> <div class="input-group my-4"> <span class="input-group-text" id="faqUsernameIcon"> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="17" viewBox="0 0 14 17" fill="none"> <path d="M7.00726 7.47837C5.1217 7.47837 3.58848 5.94434 3.58848 4.05959C3.58848 2.17483 5.1217 0.640808 7.00726 0.640808C8.89282 0.640808 10.426 2.17483 10.426 4.05959C10.426 5.94434 8.89282 7.47837 7.00726 7.47837ZM7.00726 1.84744C5.78696 1.84744 4.79511 2.83928 4.79511 4.05959C4.79511 5.27989 5.78696 6.27174 7.00726 6.27174C8.22756 6.27174 9.21941 5.27989 9.21941 4.05959C9.21941 2.83928 8.22676 1.84744 7.00726 1.84744ZM13.2342 15.7237V13.3257C13.2342 11.1852 12.0228 8.685 8.60883 8.685H5.39115C1.9772 8.685 0.765747 11.1844 0.765747 13.3257V15.7237C0.765747 16.0567 1.03603 16.327 1.36906 16.327C1.70209 16.327 1.97238 16.0567 1.97238 15.7237V13.3257C1.97238 12.5205 2.21933 9.89162 5.39115 9.89162H8.60883C11.7807 9.89162 12.0276 12.5197 12.0276 13.3257V15.7237C12.0276 16.0567 12.2979 16.327 12.6309 16.327C12.964 16.327 13.2342 16.0567 13.2342 15.7237Z" fill="#00171F"></path> </svg> </span> <input type="text" name="name" class="form-control" id="faqInputName" placeholder="Ваше ім&#39я" inputmode="text" aria-label="Username" aria-describedby="faqUsernameIcon"> </div> <div class="input-group my-4"> <span class="input-group-text" id="faqEmailIcon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 16 15" fill="none"> <path d="M12.9231 14.4517H3.07692C1.09292 14.4517 0 13.3588 0 11.3748V3.99019C0 2.00619 1.09292 0.913269 3.07692 0.913269H12.9231C14.9071 0.913269 16 2.00619 16 3.99019V11.3748C16 13.3588 14.9071 14.4517 12.9231 14.4517ZM3.07692 2.14404C1.78297 2.14404 1.23077 2.69624 1.23077 3.99019V11.3748C1.23077 12.6688 1.78297 13.221 3.07692 13.221H12.9231C14.217 13.221 14.7692 12.6688 14.7692 11.3748V3.99019C14.7692 2.69624 14.217 2.14404 12.9231 2.14404H3.07692ZM8.84435 8.23963L12.8746 5.30875C13.1495 5.10937 13.2102 4.72374 13.01 4.44886C12.8106 4.17481 12.4268 4.11245 12.1502 4.31347L8.11979 7.24435C8.04759 7.29686 7.95161 7.29686 7.87941 7.24435L3.84896 4.31347C3.57162 4.11245 3.18857 4.17563 2.98918 4.44886C2.78898 4.72374 2.84973 5.10855 3.1246 5.30875L7.15485 8.24044C7.40757 8.42424 7.70381 8.51532 7.9992 8.51532C8.29458 8.51532 8.59245 8.42342 8.84435 8.23963Z" fill="#00171F"></path> </svg> </span> <input type="text" name="email" class="form-control" id="faqInputEmail" placeholder="Email" inputmode="email" aria-label="email" aria-describedby="faqEmailIcon"> </div> <div class="form-group mb-4"> <label for="faqText" class="fsz-14 dark-text fw-500 pb-1"><span class="required">* </span>Ваше питання</label> <textarea id="faqText" name="text" class="form-control" placeholder="Ваше питання" rows="11"></textarea> </div> <div class="form-group"> </div> <button type="button" id="button-oct_faq" class="button button-primary br-7 w-100">Продовжити</button> </form> </div> </div> </div> </div> <div id="oct_faqs" class="ds-product-faq-content"> <div class="d-flex flex-column justify-content-center ds-empty-reviews mb-3 mb-md-0 text-center p-4 br-4"> <p class="fw-500 fsz-16 mb-5">Немає питань про даний товар, станьте першим і задайте своє питання.</p> <svg class="mx-auto" xmlns="http://www.w3.org/2000/svg" width="80" height="77" viewBox="0 0 80 77" fill="none"> <path d="M39.9979 0.489746C16.4455 0.489746 0 15.2089 0 36.2815C0 44.9716 2.77917 52.7527 8.05468 58.8492C7.47787 61.4006 5.88148 65.4253 1.46066 68.9957C0.14704 70.1072 -0.323947 71.8839 0.252865 73.5133C0.829678 75.1301 2.2951 76.2035 3.97081 76.2414C4.5392 76.2624 5.11926 76.2712 5.72133 76.2712C12.0326 76.2712 19.9185 75.0415 25.4551 69.9259C30.0149 71.349 34.8992 72.0732 40.0021 72.0732C63.5545 72.0732 80 57.3541 80 36.2815C80 15.2089 63.5504 0.489746 39.9979 0.489746ZM39.9979 67.867C34.895 67.867 30.0406 67.084 25.5692 65.5388C24.7777 65.2652 23.9142 65.4845 23.3458 66.0908C18.4029 71.3663 10.2223 72.2418 4.22264 72.2418C4.19738 72.2418 4.16773 72.2418 4.14247 72.2418C8.6475 68.5999 11.5829 63.7372 12.3955 58.5501C12.4924 57.9143 12.2979 57.2702 11.86 56.7944C6.85815 51.3757 4.21031 44.2811 4.21031 36.2815C4.21031 17.6846 18.9253 4.70006 39.9979 4.70006C61.0705 4.70006 75.7856 17.6846 75.7856 36.2815C75.7856 54.8784 61.0705 67.867 39.9979 67.867ZM49.8412 27.6378C50.5401 31.6292 48.8524 35.208 45.0799 37.7216C42.6337 39.3468 42.1078 40.2979 41.9941 40.6347C41.6994 41.5104 40.8779 42.0666 39.9979 42.0666C39.7748 42.0666 39.552 42.0334 39.3247 41.9576C38.2216 41.5871 37.6322 40.3912 38.0069 39.2881C38.5795 37.5956 40.0866 35.9827 42.7517 34.2144C45.1432 32.6229 46.1113 30.707 45.6987 28.3661C45.2861 26.0462 43.3826 24.1431 41.067 23.739C39.3155 23.4316 37.6148 23.8782 36.2759 24.9981C34.9623 26.1012 34.2088 27.7178 34.2088 29.4356C34.2088 30.5977 33.2657 31.5408 32.1036 31.5408C30.9416 31.5408 29.9985 30.5977 29.9985 29.4356C29.9985 26.4716 31.3042 23.6803 33.5735 21.7772C35.8429 19.8699 38.8444 19.0824 41.7916 19.5919C45.8209 20.2992 49.1339 23.6085 49.8412 27.6378ZM43.1557 51.0135C43.1557 52.7607 41.749 54.1712 40.0144 54.1712C38.284 54.1712 36.8402 52.7607 36.8402 51.0135C36.8402 49.2662 38.217 47.8557 39.9517 47.8557H40.0144C41.749 47.8557 43.1557 49.2662 43.1557 51.0135Z" fill="#F2F2F2"/> </svg> </div> </div> </div> </div> </div> </main> </div> <div class="ds-product-fixed-btns position-fixed d-md-none pt-3 px-3"> <div class="d-flex align-items-center justify-content-between"> <div class="ds-price-new fsz-20 fw-700 dark-text">2 251.00 ₴</div> <div class="ds-module-quantity" hidden> <input type="hidden" class="form-control" name="quantity" value="1" id="fixed-input-quantity"/> <input type="hidden" name="product_id" value="12448"/> <input type="hidden" id="fixed-min-product-quantity" value="1" name="min_quantity"> </div> <button type="button" class="button button-primary small br-7 fsz-12 ds-product-fixed-cart-btn"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M13.3333 4.10256H11.4872V3.48718C11.4872 1.5639 9.92328 0 8 0C6.07672 0 4.51282 1.5639 4.51282 3.48718V4.10256H2.66666C1.64923 4.10256 0.820511 4.93046 0.820511 5.94872V12.9231C0.820511 14.9071 1.91343 16 3.89743 16H12.1026C14.0866 16 15.1795 14.9071 15.1795 12.9231V5.94872C15.1795 4.93046 14.3508 4.10256 13.3333 4.10256ZM5.74359 3.48718C5.74359 2.24246 6.75528 1.23077 8 1.23077C9.24472 1.23077 10.2564 2.24246 10.2564 3.48718V4.10256H5.74359V3.48718ZM13.9487 12.9231C13.9487 14.217 13.3965 14.7692 12.1026 14.7692H3.89743C2.60349 14.7692 2.05128 14.217 2.05128 12.9231V5.94872C2.05128 5.60903 2.32779 5.33333 2.66666 5.33333H4.51282V7.17949C4.51282 7.51918 4.78851 7.79487 5.1282 7.79487C5.4679 7.79487 5.74359 7.51918 5.74359 7.17949V5.33333H10.2564V7.17949C10.2564 7.51918 10.5321 7.79487 10.8718 7.79487C11.2115 7.79487 11.4872 7.51918 11.4872 7.17949V5.33333H13.3333C13.6722 5.33333 13.9487 5.60903 13.9487 5.94872V12.9231Z" fill="#FFF"></path> </svg> <span class="button-text">До кошика</span> </button> </div> </div> <footer class="ds-footer mt-3 pb-4"> <div class="container-xl"> <div class="ds-footer-top row align-items-center pt-4 py-md-4 mb-md-4"> <div class="col-md-4 col-xl-6"> <a href="https://secret.ua/" title="Мережа салонів «Секрет-Двері&Фурнітура»"> <img class="ds-footer-logo d-block mx-auto mb-3 m-md-0" src="https://secret.ua/image/catalog/demo/banners/Logo_b.png" title="Мережа салонів «Секрет-Двері&Фурнітура»" alt="Мережа салонів «Секрет-Двері&Фурнітура»" width="100" height="45" /> </a> </div> <div class="col-md-8 col-xl-6 ds-footer-subscribe mb-3 mb-md-0"> <div class="d-flex justify-content-center justify-content-md-end position-relative overflow-hidden"> <div id="subscribeContainer"> <div class="d-flex flex-column flex-md-row justify-content-center justify-content-md-end align-items-center align-items-md-start"> <div class="ds-footer-subscribe-text fsz-14 secondary-text text-center text-md-start mb-3 mb-md-0"> <p>Дізнавайтеся першим про акції та знижки</p><p>Підпишіться на нашу e-mail розсилку</p> </div> <button type="button" class="ds-footer-subscribe-button button button-outline button-outline-primary br-7"> <svg width="21" height="18" viewBox="0 0 21 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10 15.5C10 15.776 9.776 16 9.5 16H3.5C1.21 16 0 14.79 0 12.5V3.5C0 1.21 1.21 0 3.5 0H15.5C17.79 0 19 1.21 19 3.5V6.5C19 6.776 18.776 7 18.5 7C18.224 7 18 6.776 18 6.5V3.5C18 1.771 17.229 1 15.5 1H3.5C1.771 1 1 1.771 1 3.5V12.5C1 14.229 1.771 15 3.5 15H9.5C9.776 15 10 15.224 10 15.5ZM15.4041 4.20599C15.2411 3.98199 14.9271 3.93399 14.7061 4.09599L9.79395 7.668C9.61795 7.796 9.38205 7.795 9.20605 7.668L4.29395 4.09599C4.07095 3.93399 3.75895 3.98199 3.59595 4.20599C3.43395 4.42899 3.48305 4.74201 3.70605 4.90401L8.61792 8.476C8.88192 8.668 9.19 8.76401 9.5 8.76401C9.809 8.76401 10.1181 8.668 10.3821 8.476L15.2939 4.90401C15.5179 4.74201 15.5661 4.42899 15.4041 4.20599ZM17.75 13H17V12.25C17 11.974 16.776 11.75 16.5 11.75C16.224 11.75 16 11.974 16 12.25V13H15.25C14.974 13 14.75 13.224 14.75 13.5C14.75 13.776 14.974 14 15.25 14H16V14.75C16 15.026 16.224 15.25 16.5 15.25C16.776 15.25 17 15.026 17 14.75V14H17.75C18.026 14 18.25 13.776 18.25 13.5C18.25 13.224 18.026 13 17.75 13ZM21 13.5C21 15.981 18.981 18 16.5 18C14.019 18 12 15.981 12 13.5C12 11.019 14.019 9 16.5 9C18.981 9 21 11.019 21 13.5ZM20 13.5C20 11.57 18.43 10 16.5 10C14.57 10 13 11.57 13 13.5C13 15.43 14.57 17 16.5 17C18.43 17 20 15.43 20 13.5Z" fill="white" /> </svg> <span class="button-text fsz-14 fw-400">Підписатися</span> </button> </div> </div> <form action="javascript:;" id="footer-subscribe" class="ds-footer-subscribe-input position-absolute"> <div class="d-flex flex-column flex-md-row"> <input type="email" id="InputSubscribeEmail" class="form-control mb-2 mb-md-0 ms-lg-auto" name="email" inputmode="email" placeholder="Введіть адресу електронної пошти"> <button type="submit" id="footer-make-subscribe" class="button button-primary br-7 flex-grow-1 flex-lg-grow-0">Підпишіться</button> </div> <div class="form-check mt-1"> <input type="checkbox" class="form-check-input" name="agree" id="oct-scales-static"> <label class="form-check-label" for="oct-scales-static">Я прочитав <a href="https://secret.ua/umovy-uhody" class="agree" data-rel="5">Умови угоди</a> і згоден з вимогами</label> </div> </form> </div> </div> </div> <div class="ds-footer-contacts row"> <div class="col-md-4 col-lg-3 order-0"> <div class="d-flex flex-column flex-md-row"> <div class="ds-footer-phones-shedule d-flex flex-md-column justify-content-between justify-content-md-start"> <div class="ds-footer-item mb-md-4"> <div class="ds-footer-item-title d-flex align-items-center fw-500 dark-text mb-2"> <svg class="me-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.7349 15.9987C11.3583 15.9987 10.9793 15.9479 10.6052 15.8453C5.54826 14.4572 1.54302 10.4552 0.154075 5.40073C-0.161781 4.25134 0.0112814 3.05354 0.642994 2.02967C1.27717 1.00088 2.31995 0.275644 3.5038 0.0385471C4.28565 -0.11815 5.06995 0.231348 5.46949 0.905722L6.75177 3.07075C7.37446 4.12251 7.06506 5.47783 6.04694 6.15466L5.11917 6.77162C5.98634 8.55272 7.4449 10.0147 9.2178 10.881L9.84312 9.94824C10.5232 8.93176 11.8793 8.62737 12.9303 9.25334L15.0986 10.5463C15.7697 10.9467 16.1175 11.7293 15.9641 12.4948C15.7278 13.6786 15.0018 14.7213 13.9738 15.3555C13.283 15.7813 12.5143 15.9987 11.7349 15.9987ZM3.88035 1.22977C3.84015 1.22977 3.79915 1.23389 3.75978 1.24209C2.89507 1.4152 2.14686 1.93614 1.69154 2.67532C1.24113 3.40548 1.11723 4.25789 1.34202 5.0742C2.61611 9.71277 6.2907 13.3849 10.9309 14.6582C11.7472 14.8822 12.5987 14.7575 13.3272 14.3079C14.0656 13.8525 14.5875 13.1027 14.7573 12.2528C14.8082 11.9976 14.6925 11.7359 14.4685 11.603L12.3001 10.31C11.8095 10.0188 11.1803 10.1615 10.8652 10.6333L9.95047 11.9993C9.78639 12.2437 9.46983 12.3372 9.20238 12.224C6.77151 11.2084 4.79432 9.22545 3.7762 6.78556C3.66298 6.51319 3.75885 6.1998 4.00333 6.03654L5.36614 5.12998C5.83869 4.81577 5.98222 4.18652 5.69262 3.69838L4.41033 1.53332C4.29794 1.34216 4.09448 1.22977 3.88035 1.22977ZM10.3541 10.2903H10.3623H10.3541ZM12.7177 6.35731C12.7177 4.66071 11.337 3.28079 9.64122 3.28079C9.30157 3.28079 9.02592 3.55644 9.02592 3.89609C9.02592 4.23574 9.30157 4.5114 9.64122 4.5114C10.6585 4.5114 11.4871 5.33919 11.4871 6.35731C11.4871 6.69696 11.7628 6.97261 12.1024 6.97261C12.4421 6.97261 12.7177 6.69696 12.7177 6.35731ZM15.179 6.35731C15.179 3.30376 12.6948 0.81957 9.64122 0.81957C9.30157 0.81957 9.02592 1.09523 9.02592 1.43487C9.02592 1.77452 9.30157 2.05018 9.64122 2.05018C12.0163 2.05018 13.9484 3.98223 13.9484 6.35731C13.9484 6.69696 14.224 6.97261 14.5637 6.97261C14.9033 6.97261 15.179 6.69696 15.179 6.35731Z" fill="#00171F" /> </svg> Телефони </div> <ul class="list-unstyled fsz-14"> <li class="mb-1"><a href="tel:+380676405539" class="blue-link">+380 (67) 640 55 39</a></li> </ul> </div> <div class="ds-footer-address d-flex flex-column align-items-start ms-md-5 ms-xxl-6"> <a href="https://secret.ua/index.php?route=information/contact" class="ds-footer-contacts-button button button-outline button-outline-primary br-7 mt-4"> <span class="button-text fsz-14 fw-400">Перейти до контактів</span> </a> </div> </div> </div> </div> <div class="col-md-8 col-lg-6 mt-md-4 pt-md-4 mt-lg-0 pt-lg-0 ds-footer-bordered ds-footer-bordered-links order-2 order-lg-1"> <div class="ds-footer-links d-flex w-100"> <div class="ds-footer-item ds-footer-info ms-md-2 w-100"> <div class="ds-footer-item-title d-flex align-items-center fw-500 dark-text mb-2"> <svg class="me-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8 16C3.58847 16 0 12.4115 0 8C0 3.58847 3.58847 0 8 0C12.4115 0 16 3.58847 16 8C16 12.4115 12.4115 16 8 16ZM8 1.11628C4.20391 1.11628 1.11628 4.20391 1.11628 8C1.11628 11.7961 4.20391 14.8837 8 14.8837C11.7961 14.8837 14.8837 11.7961 14.8837 8C14.8837 4.20391 11.7961 1.11628 8 1.11628ZM8.55814 11.3488V7.94713C8.55814 7.63904 8.30809 7.38899 8 7.38899C7.69191 7.38899 7.44186 7.63904 7.44186 7.94713V11.3488C7.44186 11.6569 7.69191 11.907 8 11.907C8.30809 11.907 8.55814 11.6569 8.55814 11.3488ZM8.75908 5.39535C8.75908 4.98456 8.42643 4.65116 8.0149 4.65116H8.00745C7.59666 4.65116 7.2669 4.98456 7.2669 5.39535C7.2669 5.80614 7.60411 6.13953 8.0149 6.13953C8.42569 6.13953 8.75908 5.80614 8.75908 5.39535Z" fill="#00171F" /> </svg> Інформація </div> <div class="row"> <div class="col-md-4 col-lg-4 order-0"> <ul class="list-unstyled fsz-12 secondary-text mt-3"> <li> <a href="/umovy-uhody" title="Умови угоди">Умови угоди</a> </li> <li> <a href="/dostavka" title="Доставка і оплата">Доставка і оплата</a> </li> <li> <a href="vozvrat-ta-obmin-tovaru" title="Повернення та обмін товару">Повернення та обмін товару</a> </li> <li> <a href="iak-zamovyty-dveri" title="Як замовити двері">Як замовити двері</a> </li> <li> <a href="posluhy-z-zamiru-ta-montazhu" title="Послуги з заміру та монтажу">Послуги з заміру та монтажу</a> </li> </ul> </div> <div class="col-md-4 col-lg-4 order-0"> <ul class="list-unstyled fsz-12 secondary-text mt-3"> <li> <a href="harantii" title="Гарантії">Гарантії</a> </li> <li> <a href="sertyfikaty" title="Сертифікати">Сертифікати</a> </li> <li> <a href="katalohy-produktsii" title="Каталоги продукції">Каталоги продукції</a> </li> <li> <a href="personalni-dani" title="Персональні дані">Персональні дані</a> </li> <li> <a href="https://secret.ua/index.php?route=information/contact" title="Зворотній зв&#39язок">Зворотній зв&#39язок</a> </li> </ul> </div> </div> </div> </div> <button type="button" class="button button-primary br-7 d-sm-none w-100" data-sidebar="catalog"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <g> <rect x="1.42857" y="1.42859" width="7.14286" height="7.14286" rx="2" stroke="#FDFDFD"></rect> <rect x="11.4286" y="11.1858" width="7.14286" height="7.14286" rx="2" stroke="#FDFDFD"></rect> <rect x="1.42857" y="11.4286" width="7.14286" height="7.14286" rx="2" stroke="#FDFDFD"></rect> <rect x="11.4286" y="1.30725" width="7.14286" height="7.14286" rx="2" stroke="#FDFDFD"></rect> </g> </svg> <span class="button-text">Каталог товарів</span> </button> </div> <div class="col-md-6 col-lg-3 order-1 order-lg-2"> <div class="ds-footer-socials"> <div class="ds-footer-item-title d-flex align-items-center justify-content-md-center justify-content-lg-start fw-500 dark-text mb-3"> <svg class="me-2" width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M13.0062 10.3994L7.20028 5.37356C6.64186 4.88905 5.86992 4.77408 5.19653 5.08614C4.52314 5.3982 4.10431 6.04695 4.10431 6.79425V14.4561C4.10431 15.1049 4.49846 15.6715 5.09794 15.9015C5.2786 15.9672 5.46752 16 5.64818 16C6.08343 16 6.494 15.8193 6.79785 15.4826L8.5963 13.4625C8.79339 13.2407 9.07259 13.1176 9.36001 13.1176H11.9961C12.6449 13.1176 13.2197 12.7234 13.4414 12.1075C13.6714 11.4998 13.4989 10.8264 13.0062 10.3994ZM12.2917 11.6804C12.2671 11.7379 12.1932 11.8857 11.9961 11.8857H9.36001C8.71947 11.8857 8.10357 12.165 7.66833 12.6413L5.86988 14.6614C5.73848 14.8092 5.58247 14.7682 5.52498 14.7436C5.4675 14.7189 5.31968 14.645 5.31968 14.4479V6.78604C5.31968 6.40007 5.60712 6.24404 5.69746 6.20298C5.74673 6.18656 5.84524 6.1455 5.97664 6.1455C6.10803 6.1455 6.24764 6.17834 6.38724 6.30153L12.1932 11.3273C12.341 11.4587 12.3082 11.6147 12.2835 11.6722L12.2917 11.6804ZM7.12635 3.67366C6.98674 3.3616 7.11813 3.00027 7.42197 2.85245L8.90836 2.16263C9.21221 2.02303 9.58175 2.15442 9.72957 2.45827C9.86917 2.77033 9.73779 3.13166 9.43394 3.27948L7.94756 3.96929C7.86544 4.01035 7.7751 4.02678 7.68477 4.02678C7.45483 4.02678 7.23311 3.89538 7.12635 3.67366ZM4.712 2.19548L4.85981 0.561277C4.89265 0.224581 5.20471 -0.0299932 5.52498 0.0028551C5.86168 0.0357034 6.11625 0.331338 6.0834 0.668034L5.93559 2.30224C5.91095 2.62251 5.63995 2.86066 5.31968 2.86066C5.30326 2.86066 5.28683 2.86066 5.26219 2.86066C4.9255 2.82781 4.67093 2.53218 4.70377 2.19548H4.712ZM3.0778 2.95921C3.35701 3.1563 3.4227 3.54226 3.22561 3.81326C3.10243 3.98572 2.91355 4.07605 2.71646 4.07605C2.59328 4.07605 2.47011 4.0432 2.36335 3.96108L1.01656 3.01669C0.737345 2.8196 0.671654 2.43363 0.868744 2.16263C1.06583 1.88342 1.45178 1.81773 1.72278 2.01482L3.06958 2.95921H3.0778ZM2.65897 5.75953C2.79858 6.07159 2.6672 6.43292 2.36335 6.58074L0.876964 7.27055C0.794843 7.31161 0.704504 7.32804 0.614171 7.32804C0.384233 7.32804 0.162513 7.19664 0.0557554 6.97492C-0.08385 6.66286 0.0475313 6.30153 0.351379 6.15371L1.83776 5.46389C2.14161 5.32429 2.51116 5.45568 2.65897 5.75953Z" fill="#00171F" /> </svg> Ми у соціальних мережах </div> <div class="d-flex justify-content-md-center justify-content-lg-start"> <ul class="list-unstyled fsz-12 secondary-text ds-footer-item"> <li><a rel="noopener noreferrer" href="https://www.facebook.com/secret.ua/" class="d-inline-flex align-items-center text-decoration-none ds-footer-socials-item-fa-facebook-f d-flex align-items-center justify-content-center" target="_blank"> <i class="fab fa-facebook-f ds-footer-item-icon me-2"></i> <span>Facebook</span> </a></li> <li><a rel="noopener noreferrer" href="https://www.instagram.com/secret_dveri_furnitura/" class="d-inline-flex align-items-center text-decoration-none ds-footer-socials-item-fa-instagram d-flex align-items-center justify-content-center" target="_blank"> <i class="fab fa-instagram ds-footer-item-icon me-2"></i> <span>Instagram</span> </a></li> <li><a rel="noopener noreferrer" href="https://m.youtube.com/channel/UCeWOR28L_iXlaZJzf4c5iaQ" class="d-inline-flex align-items-center text-decoration-none ds-footer-socials-item-fa-youtube d-flex align-items-center justify-content-center" target="_blank"> <i class="fab fa-youtube ds-footer-item-icon me-2"></i> <span>Youtube</span> </a></li> <li><a rel="noopener noreferrer" href="javascript:;" class="d-inline-flex align-items-center text-decoration-none ds-footer-socials-item- d-flex align-items-center justify-content-center" target="_blank"> <i class=" ds-footer-item-icon me-2"></i> <span></span> </a></li> </ul> <ul class="list-unstyled fsz-12 secondary-text ds-footer-item ms-md-5 ms-xxl-6"> </ul> </div> </div> </div> <div class="col-md-6 col-lg-12 mt-md-4 pt-md-4 ds-footer-bordered order-3 d-flex flex-column flex-lg-row justify-content-lg-between align-items-lg-center"> <div class="ds-footer-payments d-flex align-items-center justify-content-center"> </div>  </div> </div> </div> <div id="ds_fixed_contact_substrate"></div> <div id="ds_fixed_contact_button" class="d-flex align-items-center justify-content-center ds_fixed_contact_button"> <div class="ds-fixed-contact-pulsation"></div> <div class="ds-fixed-contact-icon text-center align-items-center justify-content-center"> <i class="fas fa-envelope"></i> <span class="ds-fixed-contact-text d-none">Зворотний зв’язок</span> </div> <div class="ds-fixed-contact-dropdown d-flex flex-column align-items-start"> <div id="uptocall-mini" onclick="octPopupCallPhone()" class="ds-fixed-contact-item d-flex align-items-center"><span class="ds-fixed-contact-item-icon ds-fixed-contact-call d-flex align-items-center justify-content-center"><i class="fas fa-phone"></i></span><span>Замовити дзвінок</span></div> <a href="https://secret.ua/index.php?route=information/contact" class="ds-fixed-contact-item d-flex align-items-center"><span class="ds-fixed-contact-item-icon ds-fixed-contact-contacts d-flex align-items-center justify-content-center"><i class="fas fa-address-book"></i></span><span>Зворотний зв’язок</span></a> </div> </div> </footer><script src="https://secret.ua/min/cache/60a6e77d806f6a03262542a440e11c16.js?20240828071542"></script> <script src="//www.google.com/recaptcha/api.js"></script> <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '2006530139766365'); fbq('track', 'PageView'); </script> <script> function clearLiveSearch() { $('#overlay').removeClass('active'); $('#overlay').removeClass('transparent'); $('#ds_livesearch').removeClass('expanded'); $('.ds-livesearch-inner').html(''); $('#searchInput').val('').removeClass('active'); $('body').removeClass('no-scroll'); } $(document).ready(function() { openMobileSearch(); let timer, delay = 500; $('#searchInput').keyup(function(event) { switch(event.keyCode) { case 37: case 39: case 38: case 40: return; case 27: clearLiveSearch(); return; } clearTimeout(timer); timer = setTimeout(function() { let value = $('#search input[name=\'search\']').val(); const overlay = document.getElementById('overlay'); if (value.length >= 2) { let key = encodeURIComponent(value); octsearch.search(key, 'desktop'); } else if (value.length === 0) { clearLiveSearch(); } overlay.addEventListener('click', (e) => { const target = e.target; target.classList.remove('active'); clearLiveSearch(); }); }, delay ); }); }); var octsearch = { 'search': function(key, type) { $.ajax({ url: 'index.php?route=octemplates/module/oct_live_search', type: 'post', data: 'key=' + key, dataType: 'html', cache: false, beforeSend: function() { $('#ds_livesearch').addClass('expanded'); let loader = document.createElement('div'); loader.classList.add('spinner-border'); loader.setAttribute('role', 'status'); loader.innerHTML = '<span class="visually-hidden">Loading...</span>'; $('#search').append(loader); $('body').addClass('no-scroll'); }, success: function(data) { $('.ds-livesearch-inner').html(data); if(data = data.match(/livesearch/g)) { $('#searchInput, #overlay').addClass('active'); $('#overlay').addClass('transparent'); } else { $('#searchInput, #overlay').removeClass('active'); $('#overlay').removeClass('transparent'); } }, complete: function() { $('#search .spinner-border').remove(); } }); } } </script> <script> window.addEventListener('DOMContentLoaded', () => { switchTheme(); }); </script> <script> window.addEventListener('DOMContentLoaded', function() { requestAnimationFrame(function() { horizontalMenu(); }); }); </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "item": { "@id": "https://secret.ua/dvernі-ruchki", "name": "Дверні ручки" } }, { "@type": "ListItem", "position": 2, "item": { "@id": "https://secret.ua/dvernі-ruchki/dverna-ruchka-colombo-design-db-31-wing-hps-titan-zoloto-z-nakladkami-pіd-prorіz", "name": "Дверна ручка Colombo Design DB 31 Wing HPS титан золото з накладками під проріз" } } ] } </script> <script> window.addEventListener('DOMContentLoaded', () => { octProductTabs(); }); </script> <script> window.addEventListener('DOMContentLoaded', () => { var sliderProducts = $('.ds-product-images-main a'); sliderProducts.on('click', function(e) { e.preventDefault(); var totalSlides = $(this).parents('.ds-product-images-main').slick("getSlick").slideCount, dataIndex = $(this).parents('.ds-product-images-slide').data('slick-index'), trueIndex; switch(true) { case (dataIndex < 0): trueIndex = totalSlides+dataIndex; break; case (dataIndex >= totalSlides): trueIndex = dataIndex%totalSlides; break; default: trueIndex = dataIndex; } $.fancybox.open(sliderProducts, {backFocus: false, hideScrollbar: false, loop : true}, trueIndex); return false; }); $('.ds-product-images-main').slick({ infinite: true, slidesToShow: 1, slidesToScroll: 1, fade: false, draggable: false, asNavFor: '.ds-product-images-additional', dots: false, arrows: false, responsive: [ { breakpoint: 1200, settings: { dots: true } } ] }); $('.ds-product-images-additional').slick({ infinite: false, slidesToShow: 5, slidesToScroll: 1, focusOnSelect: true, asNavFor: '.ds-product-images-main', dots: false, vertical: true, verticalSwiping: true, prevArrow: ` <button type="button" class="button button-light br-4 slick-slider-btn slick-slider-btn-prev p-0" aria-label="Previous"> <svg class="me-0" xmlns="http://www.w3.org/2000/svg" width="5" height="8" viewBox="0 0 5 8" fill="none"> <path d="M0.498016 3.94727C0.498016 3.76808 0.563326 3.58886 0.69332 3.45237L3.35986 0.652529C3.62052 0.378844 4.04187 0.378844 4.30253 0.652529C4.56318 0.926214 4.56318 1.36863 4.30253 1.64232L2.10732 3.94727L4.30253 6.25221C4.56318 6.5259 4.56318 6.96832 4.30253 7.242C4.04187 7.51569 3.62052 7.51569 3.35986 7.242L0.69332 4.44216C0.563326 4.30567 0.498016 4.12646 0.498016 3.94727Z" fill="#00171F"/> </svg> </button> `, nextArrow: ` <button type="button" class="button button-light br-4 slick-slider-btn slick-slider-btn-next p-0" aria-label="Next"> <svg class="me-0" xmlns="http://www.w3.org/2000/svg" width="5" height="8" viewBox="0 0 5 8" fill="none"> <path d="M4.49802 3.94727C4.49802 4.12646 4.43271 4.30567 4.30271 4.44216L1.63617 7.242C1.37552 7.51569 0.954162 7.51569 0.693507 7.242C0.432853 6.96832 0.432853 6.5259 0.693507 6.25221L2.88872 3.94727L0.693507 1.64232C0.432853 1.36863 0.432853 0.926214 0.693507 0.652529C0.954162 0.378845 1.37552 0.378845 1.63617 0.652529L4.30271 3.45237C4.43271 3.58886 4.49802 3.76808 4.49802 3.94727Z" fill="#00171F"/> </svg> </button> `, responsive: [ { breakpoint: 1920, settings: { slidesToShow: 5, slidesToScroll: 1 } }, { breakpoint: 1600, settings: { slidesToShow: 5, slidesToScroll: 1 } }, { breakpoint: 1200, settings: { slidesToShow: 5, slidesToScroll: 1 } }, { breakpoint: 992, settings: { slidesToShow: 4, slidesToScroll: 1 } }, { breakpoint: 376, settings: { slidesToShow: 4, slidesToScroll: 1 } } ] }); stickyColumn(); }); </script> <script> scInputMask ('#oct_purchase_byoneclick_form_product .one_click_input', '+38 (999) 999-99-99'); </script> <script> $("#one_click_input").on("change paste keyup", function() { $(this).removeClass('error_style'); }); $('#oct_purchase_byoneclick_form_product .ds-product-one-click-btn').on('click', function() { $.ajax({ type: 'post', dataType: 'json', url: 'index.php?route=octemplates/module/oct_popup_purchase/makeorder', cache: false, data: $('#oct_purchase_byoneclick_form_product').serialize(), beforeSend: function() { masked('body', true); $('#oct_purchase_byoneclick_form_product .ds-product-one-click-btn').data('original-content', $('#oct_purchase_byoneclick_form_product .ds-product-one-click-btn').html()); $('#oct_purchase_byoneclick_form_product .ds-product-one-click-btn').html('<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>').prop('disabled', true); }, complete: function() { masked('body', false); setTimeout(function () { $('#oct_purchase_byoneclick_form_product .ds-product-one-click-btn').html($('#oct_purchase_byoneclick_form_product .ds-product-one-click-btn').data('original-content')).prop('disabled', false); }, 600); }, success: function(json) { if (json['error']) { let errorOption = ''; $.each(json['error'], function(i, val) { if (val) { $('#oct_purchase_byoneclick_form_product [name="' + i + '"]').addClass('error_style'); errorOption += '<div class="alert-text-item">' + val + '</div>'; } }); scNotify('danger', errorOption); } else { if (json['success']) { $(this).attr( "disabled", "disabled" ); if (typeof remarketingQuickOrder == 'function') { remarketingQuickOrder(json); } successOption = `<div class="alert-text-item text-center"> <svg xmlns="http://www.w3.org/2000/svg" width="224" height="170" viewBox="0 0 224 170" fill="none"> <g filter="url(#filter0_d_1701_4211)"> <circle cx="112" cy="85" r="46.5642" fill="url(#paint0_linear_1701_4211)"/> </g> <path d="M106.503 98.1417L96 87.6385L100.786 82.852L106.503 88.5856L123.214 71.8584L128 76.6448L106.503 98.1417Z" fill="#F8FBFD"/> <rect x="174.04" y="99.954" width="6.60913" height="6.60913" transform="rotate(30 174.04 99.954)" fill="url(#paint1_linear_1701_4211)"/> <rect x="179.764" y="74.054" width="2.70734" height="2.70734" transform="rotate(-14.459 179.764 74.054)" fill="url(#paint2_linear_1701_4211)"/> <rect x="57.5212" y="54.1715" width="2.70734" height="2.70734" transform="rotate(15 57.5212 54.1715)" fill="url(#paint3_linear_1701_4211)"/> <circle cx="156.001" cy="49.0761" r="3" fill="url(#paint4_linear_1701_4211)"/> <circle cx="53.6396" cy="120.059" r="3" fill="url(#paint5_linear_1701_4211)"/> <circle cx="136.792" cy="134.346" r="1.86084" fill="url(#paint6_linear_1701_4211)"/> <circle cx="50.6398" cy="87.004" r="0.698364" fill="url(#paint7_linear_1701_4211)"/> <defs> <filter id="filter0_d_1701_4211" x="46.4358" y="23.4358" width="131.128" height="131.128" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="4"/> <feGaussianBlur stdDeviation="9.5"/> <feComposite in2="hardAlpha" operator="out"/> <feColorMatrix type="matrix" values="0 0 0 0 0.283797 0 0 0 0 0.62711 0 0 0 0 0.318128 0 0 0 0.46 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1701_4211"/> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1701_4211" result="shape"/> </filter> <linearGradient id="paint0_linear_1701_4211" x1="93.2285" y1="48.6499" x2="125.072" y2="127.959" gradientUnits="userSpaceOnUse"> <stop stop-color="#69B570"/> <stop offset="1" stop-color="#2F993A"/> </linearGradient> <linearGradient id="paint1_linear_1701_4211" x1="177.345" y1="99.954" x2="177.345" y2="106.563" gradientUnits="userSpaceOnUse"> <stop stop-color="#42A24B"/> <stop offset="1" stop-color="#4CBC56"/> </linearGradient> <linearGradient id="paint2_linear_1701_4211" x1="181.118" y1="74.054" x2="181.118" y2="76.7613" gradientUnits="userSpaceOnUse"> <stop stop-color="#42A24B"/> <stop offset="1" stop-color="#4CBC56"/> </linearGradient> <linearGradient id="paint3_linear_1701_4211" x1="58.8749" y1="54.1715" x2="58.8749" y2="56.8788" gradientUnits="userSpaceOnUse"> <stop stop-color="#42A24B"/> <stop offset="1" stop-color="#4CBC56"/> </linearGradient> <linearGradient id="paint4_linear_1701_4211" x1="156.001" y1="46.0761" x2="156.001" y2="52.0761" gradientUnits="userSpaceOnUse"> <stop stop-color="#42A24B"/> <stop offset="1" stop-color="#4CBC56"/> </linearGradient> <linearGradient id="paint5_linear_1701_4211" x1="53.6396" y1="117.059" x2="53.6396" y2="123.059" gradientUnits="userSpaceOnUse"> <stop stop-color="#42A24B"/> <stop offset="1" stop-color="#4CBC56"/> </linearGradient> <linearGradient id="paint6_linear_1701_4211" x1="136.792" y1="132.485" x2="136.792" y2="136.207" gradientUnits="userSpaceOnUse"> <stop stop-color="#42A24B"/> <stop offset="1" stop-color="#4CBC56"/> </linearGradient> <linearGradient id="paint7_linear_1701_4211" x1="50.6398" y1="86.3056" x2="50.6398" y2="87.7024" gradientUnits="userSpaceOnUse"> <stop stop-color="#42A24B"/> <stop offset="1" stop-color="#4CBC56"/> </linearGradient> </defs> </svg> ${json['success']} </div>`; $('#oct_purchase_byoneclick_form_product #one_click_input').val(''); $('#oct_purchase_byoneclick_form_product #one_click_input').removeClass('error_style'); $('#oct_purchase_byoneclick_form_product .ds-product-one-click-btn').prop('disabled', true); let cartIdsHolder = document.querySelector("[data-cart-ids]"); if (cartIdsHolder) { cartIdsHolder.dataset.cartIds = ''; } setCartBtnAdded(updateOk = true); let successModal = ` <div class="modal fade" id="oct-modal" tabindex="-1" aria-labelledby="oct-modal" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header p-0 pb-4"> <h5 class="modal-title fsz-20 fw-700 d-flex align-items-center justify-content-between" id="oct-modal">Дякуємо за замовлення!</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13" fill="none"> <path d="M11.8029 11.5725C12.0633 11.8329 12.0633 12.2551 11.8029 12.5155C11.6731 12.6453 11.5025 12.7111 11.3319 12.7111C11.1612 12.7111 10.9906 12.6462 10.8608 12.5155L5.99911 7.65384L1.13743 12.5155C1.00766 12.6453 0.837017 12.7111 0.666369 12.7111C0.495722 12.7111 0.325075 12.6462 0.195312 12.5155C-0.0651039 12.2551 -0.0651039 11.8329 0.195312 11.5725L5.057 6.71085L0.195312 1.8492C-0.0651039 1.58878 -0.0651039 1.16657 0.195312 0.906158C0.455727 0.645742 0.877907 0.645742 1.13832 0.906158L6.00001 5.76787L10.8617 0.906158C11.1221 0.645742 11.5443 0.645742 11.8047 0.906158C12.0651 1.16657 12.0651 1.58878 11.8047 1.8492L6.943 6.71085L11.8029 11.5725Z" fill="#00A8E8" /> </svg> </button> </div> <div class="modal-body d-flex flex-column align-items-center"> ${successOption} </div> </div> </div> </div> `; $('body').append(successModal); let modal = new bootstrap.Modal(document.getElementById('oct-modal'), { keyboard: false }); modal.show(); setTimeout(function () { modal.hide(); $('#oct-modal').remove(); }, 5000000000); $('#oct_purchase_byoneclick_form_product').trigger('reset'); } } } }); }); </script> <script> document.addEventListener('DOMContentLoaded', function() { stickyProduct(); }); </script> <script> window.addEventListener('DOMContentLoaded', () => { reviewsRating('#popup_review_form'); }); </script> <script> function addReviewReputation(review_id) { $.ajax({ url: 'index.php?route=octemplates/events/helper/octReviewReputation&review_id=' + review_id, dataType: 'json', success: function(json) { if (json['error']) { scNotify('danger', json['error']); } if (json['success']) { var reviewElement = $('#review-' + review_id); var currentVotes = parseInt(reviewElement.text()); reviewElement.text(currentVotes + 1); scNotify('success', json['success']); } } }); } </script> <script> $("#faqInputName, #faqInputEmail, #faqText").on("change paste keyup", function() { $(this).removeClass('error_style'); }); $('body').on('click', '#oct_faqs .pagination a', function(e){ const headerHeight = document.querySelector('header').offsetHeight, tabsHeight = document.getElementById('oct-tabs').offsetHeight; e.preventDefault(); $('#oct_faqs').html(); $('#oct_faqs').load(this.href); scrollToElement('#product_questions', null, -headerHeight - tabsHeight - 42); }); $('#button-oct_faq').on('click', function() { $.ajax({ url: 'index.php?route=octemplates/faq/oct_product_faq/write&faqp_id=12448', type: 'post', dataType: 'json', data: $("#form-faq").serialize(), beforeSend: function() { $('#button-oct_faq').button('loading'); $('#faqModal input, #faqModal textarea').removeClass('error_style'); }, complete: function() { $('#button-oct_faq').button('reset'); }, success: function(json) { $('.alert-dismissible').remove(); if (json['error']) { let errorOption = ''; $.each(json['error'], function(i, val) { $('#faqModal [name="' + i + '"]').addClass('error_style'); errorOption += '<div class="alert-text-item">' + val + '</div>'; }); scNotify('danger', errorOption); } if (json['success']) { scNotify('success', json['success']); $('#faqModal').modal('hide'); $('#form-faq input[name=\'name\']').val(''); $('#form-faq textarea[name=\'text\']').val(''); } } }); }); </script> <script> $(document).on('change', '#ds-product-options .radio', function() { $.ajax({ url: 'index.php?route=product/product/getPImages&product_id=12448', type: 'post', data: $('#ds-product-options input[type=\'radio\']:checked'), dataType: 'json', success: function(json) { if (json['images']) { $('.ds-product-images-additional, .ds-product-images-main').slick('slickRemove', null, null, true); $.fancybox.destroy(); const obj = JSON.parse(JSON.stringify(json['images'])); Object.keys(obj).forEach(el => { const popupImage = obj[el].popup, thumbImage = obj[el].thumb, sliderImage = obj[el].thumb_slider, width = obj[el].width, height = obj[el].height, thumbHeight = obj[el].thumb_height, thumbWidth = obj[el].thumb_width; $('.ds-product-images-additional').slick('slickAdd',` <div class="image-additional-item"> <a class="ds-product-images-additional-item" href="${thumbImage}" onClick="return false;" data-href="${thumbImage}"> <img src="${thumbImage}" width="${thumbWidth}" height="${thumbHeight}" /> </a> </div>`); $('.ds-product-images-additional').slick('refresh'); $('.ds-product-images-main').slick('slickAdd',` <div class="ds-product-images-slide ds-product-images-slide-opt"> <a href="${popupImage}" class="oct-gallery d-block" onClick="return false;"> <img src="${sliderImage}" width="${width}" height="${height}" class="d-block mx-auto" /> </a> </div>`); $('.ds-product-images-main').slick('refresh'); }); let sliderProductsOpt = $('.ds-product-images-slide-opt:not(.slick-cloned) a'); $('.ds-product-images-slide a').on('click', function(e) { e.preventDefault(); var totalSlides = $(this).parents('.ds-product-images-main').slick("getSlick").slideCount, dataIndex = $(this).parents('.ds-product-images-slide').data('slick-index'), trueIndex; switch(true) { case (dataIndex < 0): trueIndex = totalSlides+dataIndex; break; case (dataIndex >= totalSlides): trueIndex = dataIndex%totalSlides; break; default: trueIndex = dataIndex; } $.fancybox.open(sliderProductsOpt, {backFocus: false, hideScrollbar: false}, trueIndex); return false; }); } } }); }); </script> <script> // product timer $('select[name=\'recurring_id\'], input[name="quantity"]').change(function() { $.ajax({ url: 'index.php?route=product/product/getRecurringDescription', type: 'post', data: $('input[name=\'product_id\'], input[name=\'quantity\'], select[name=\'recurring_id\']'), dataType: 'json', cache: false, beforeSend: function() { $('#recurring-description').html(''); }, success: function(json) { $('.alert-dismissible, .text-danger').remove(); if (json['success']) { $('#recurring-description').html(json['success']); } } }); }); </script> <script> $('body').on('click', '#button-cart, .ds-product-fixed-cart-btn', function(){ let data; if (this.classList.contains('ds-product-fixed-cart-btn')) { data = $('.ds-product-block input[type=\'text\'], .ds-product-block input[type=\'hidden\'], #product input[type=\'radio\']:checked, #product input[type=\'checkbox\']:checked, #product select, #product textarea, #product input[type=\'date\'], #product input[type=\'datetime-local\'], #product input[type=\'time\']'); } else { data = $('#product input[type=\'text\'], #product input[type=\'hidden\'], #product input[type=\'radio\']:checked, #product input[type=\'checkbox\']:checked, #product select, #product textarea, #product input[type=\'date\'], #product input[type=\'datetime-local\'], #product input[type=\'time\']'); } $.ajax({ url: 'index.php?route=checkout/cart/add', type: 'post', data: data, dataType: 'json', cache: false, beforeSend: function() { $('#button-cart, .ds-product-fixed-cart-btn').data('original-content', $('#button-cart, .ds-product-fixed-cart-btn').html()); $('#button-cart, .ds-product-fixed-cart-btn').html('<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>').prop('disabled', true); }, complete: function() { setTimeout(function () { $('#button-cart, .ds-product-fixed-cart-btn').html('<i class="fas fa-check fsz-18"></i>').prop('disabled', true); }, 1000); setTimeout(function () { $('#button-cart, .ds-product-fixed-cart-btn').html($('#button-cart, .ds-product-fixed-cart-btn').data('original-content')).prop('disabled', false); }, 1200); }, success: function(json) { $('.alert-dismissible, .text-danger').remove(); $('.form-group').removeClass('has-error'); if (json['error']) { if (json['error']['option']) { let errorOption = ''; for (i in json['error']['option']) { var element = $('#input-option' + i.replace('_', '-')); if (element.parent().hasClass('input-group')) { element.parent().after('<div class="text-danger fsz-14 fw-500 mb-4">' + json['error']['option'][i] + '</div>'); } else { element.parent().after('<div class="text-danger fsz-14 fw-500 mb-4">' + json['error']['option'][i] + '</div>'); } errorOption += '<div class="alert-text-item">' + json['error']['option'][i] + '</div>'; } scNotify('danger', errorOption); const headerHeight = document.querySelector('header').offsetHeight, tabsHeight = document.getElementById('oct-tabs').offsetHeight; scrollToElement('.ds-product-actions-middle', null, -headerHeight - tabsHeight - 42); return; } if (json['error']['error_warning']) { scNotify('danger', json['error']['error_warning']); } if (json['error']['recurring']) { $('select[name=\'recurring_id\']').after('<div class="text-danger">' + json['error']['recurring'] + '</div>'); } // Highlight any found errors $('.text-danger').parent().addClass('has-error'); } if (json['success']) { if (json['isPopup']) { octPopupCart(); } else { scNotify('success', json['success']); } let cartIdsHolder = document.querySelector("[data-cart-ids]"); if (json.oct_cart_ids && json.oct_cart_ids.length > 0 && cartIdsHolder) { cartIdsHolder.dataset.cartIds = json.oct_cart_ids; setTimeout(function () { setCartBtnAdded(); }, 1201); } // Need to set timeout otherwise it wont update the total setTimeout(function() { $('#cart .ds-cart-qty').addClass('active').html(json['total_products']); }, 100); } }, error: function(xhr, ajaxOptions, thrownError) { alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText); } }); }); </script> <script> $('button[id^=\'button-upload\']').on('click', function() { var node = this; $('#form-upload').remove(); $('body').prepend('<form enctype="multipart/form-data" id="form-upload" style="display: none;"><input type="file" name="file" /></form>'); $('#form-upload input[name=\'file\']').trigger('click'); if (typeof timer != 'undefined') { clearInterval(timer); } timer = setInterval(function() { if ($('#form-upload input[name=\'file\']').val() != '') { clearInterval(timer); $.ajax({ url: 'index.php?route=tool/upload', type: 'post', dataType: 'json', data: new FormData($('#form-upload')[0]), cache: false, contentType: false, processData: false, beforeSend: function() { $(node).button('loading'); }, complete: function() { $(node).button('reset'); }, success: function(json) { $('.text-danger').remove(); if (json['error']) { $(node).parent().find('input').after('<div class="text-danger">' + json['error'] + '</div>'); } if (json['success']) { alert(json['success']); $(node).parent().find('input').val(json['code']); } }, error: function(xhr, ajaxOptions, thrownError) { alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText); } }); } }, 500); }); </script> <script> $('#review').delegate('.pagination a', 'click', function(e) { const headerHeight = document.querySelector('header').offsetHeight, tabsHeight = document.getElementById('oct-tabs').offsetHeight; e.preventDefault(); $('#review').load(this.href); scrollToElement('.ds-product-reviews', null, -headerHeight - tabsHeight - 42); }); $("#inputReviewName, #inputReviewComment").on("change paste keyup", function() { $(this).removeClass('error_style'); }); $('#button-review').on('click', function() { $.ajax({ url: 'index.php?route=product/product/write&product_id=12448', type: 'post', dataType: 'json', cache: false, data: $('#popup_review_form').serialize(), beforeSend: function() { $('#button-review').button('loading'); }, complete: function() { $('#button-review').button('reset'); }, success: function(json) { $('.alert-dismissible').remove(); if (json['error']) { let errorOption = ''; $.each(json['error'], function(i, val) { $('#reviewModal [name="' + i + '"]').addClass('error_style'); errorOption += '<div class="alert-text-item">' + val + '</div>'; }); scNotify('danger', errorOption); } if (json['success']) { scNotify('success', json['success']); $('#reviewModal').modal('hide'); $('#popup_review_form input[name=\'name\']').val(''); $('#popup_review_form textarea[name=\'text\']').val(''); $('#reviewModal .rm-module-rating-star-is').removeClass('rm-module-rating-star-is'); } } }); }); $('#input-quantity').on('change', function(e) { updateValueProduct(false, false, true); }); function updateValueProduct(minus, plus, manual) { let min = parseInt($('#input-quantity').val()); let currentMinimum = parseInt($('#min-product-quantity').val()); let max = parseInt($('#max-product-quantity').val()); if (max === 0) return; if (minus && min > 1) { if (currentMinimum >= min) { $("#input-quantity").val(currentMinimum); updateProductPrice(); return; } else if (min > max) { $('#input-quantity').val(max); updateProductPrice(); return; } $('#input-quantity').val(~~ $('#input-quantity').val() - 1); } if (plus) { if (max && min > max - 1) { $('#input-quantity').val(max); updateProductPrice(); return; } else if (currentMinimum > min) { $('#input-quantity').val(currentMinimum); updateProductPrice(); return; } $('#input-quantity').val(~~ $('#input-quantity').val() + 1); } if (manual) { if (currentMinimum >= min) { $('#input-quantity').val(currentMinimum); updateProductPrice(); return; } else if (min > max) { $('#input-quantity').val(max); updateProductPrice(); return; } } updateProductPrice(); } $('#ds-product-options input, #ds-product-options select').on('change', function() { updateProductPrice(); }); function updateProductPrice() { let priceOld = document.querySelector('#product .ds-price-old'); let priceNew = document.querySelector('#product .ds-price-new'); let youSave = document.querySelector('#main-product-you-save'); let productPriceOld = document.querySelector('.ds-product-block .ds-price-old'); let productPriceNew = document.querySelector('.ds-product-block .ds-price-new'); $.ajax({ type: 'post', url: 'index.php?route=octemplates/main/oct_functions/updatePrices', data: $('#product input[type=\'text\'], #product input[type=\'hidden\']:not("#oct_purchase_byoneclick_form_product input"), #product input[type=\'radio\']:checked, #product input[type=\'checkbox\']:checked, #product select'), dataType: 'json', cache: false, success: function(json) { animatePrice(json['price'], priceNew); animatePrice(json['price'], productPriceNew); } }); } </script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Product", "url": "https://secret.ua/dverna-ruchka-colombo-design-db-31-wing-hps-titan-zoloto-z-nakladkami-pіd-prorіz", "category": "Ручки на розеті", "image": "https://secret.ua/image/cache/catalog/products/dlja-dverej/dvernye-ruchki/ruchki-na-rozette/14691-800x800.jpeg", "brand": {"@type": "Brand","name": ""}, "manufacturer": "", "model": "14041", "productID": "12448", "description": "< Дверна ручка Colombo Design Wing< /strong> виконана в сучасному стилі. Унікальність дизайну підкреслюється лаконічним мінімалізмом, вшановуванням кольорів та матеріалів. Довговічність терміну експлуатації виробу забезпечується застосуванням спеціального гальванічного багатошарового покриття, що запобігає його зносу. Ця сталева пружина має три витки і захищена від впливу вологи, а тому ручка ніколи не буде рипіти. Зверніть увагу, що на ручку Wing поширюється спеціальна гарантія 30 років. . Монтаж ручки простий і не потребує особливих навичок.Дверні ручки COLOMBO користуються широкою популярністю не тільки завдяки високій якості, яка досягається за рахунок впровадження передових технологій та постійного вдосконалення процесів виробництва.Дверна фурнітура COLOMBO відрізняється:Актуальністю стилюВиразливістю формВишуканістю лінійВсе це дозволяє буквально «відчути» якість, відчуття якої переходить від візуального сприйняття до передачі через дотик. ", "name": "Дверна ручка Colombo Design DB 31 Wing HPS титан золото з накладками під проріз", "offers": { "@type": "Offer", "url": "https://secret.ua/dverna-ruchka-colombo-design-db-31-wing-hps-titan-zoloto-z-nakladkami-pіd-prorіz", "priceValidUntil" : "2024-11-19", "availability": "https://schema.org/InStock", "price": "2251.00", "priceCurrency": "UAH", "itemCondition": "https://schema.org/NewCondition" } } </script> <script> window.addEventListener('DOMContentLoaded', () => { const productElement = document.getElementById('product-product'); if (productElement) { document.body.classList.add('body-product'); } showProductButtons(); }); </script> <script> document.addEventListener('DOMContentLoaded', function() { footerSubscribe(); }); </script> <script> $("#InputSubscribeEmail, #oct-scales-static").on("change paste keyup", function() { $(this).removeClass('error_style'); }); $('#footer-make-subscribe').on('click', function() { $.ajax({ type: 'post', url: 'index.php?route=octemplates/module/oct_subscribe/makeSubscribe', dataType: 'json', cache: false, data: $('#footer-subscribe').serialize(), success: function(json) { if (json['error']) { $('#us-subscribe-modal .text-danger').remove(); let errorOption = ''; $.each(json['error'], function(i, val) { $('#footer-subscribe [name="' + i + '"]').addClass('error_style'); errorOption += '<div class="alert-text-item">' + val + '</div>'; }); scNotify('danger', errorOption); } else { if (json['output']) { $('#footer-subscribe [name="email"]').val(''); scNotify('success', '<div class="alert-text-item">' + json['output'] + '</div>'); footerSubscribeClose(); $('#footer-subscribe [name="agree"]').prop('checked', false); } } } }); }); </script> <script> document.addEventListener("DOMContentLoaded", function() { scrollToTopButton(); }); </script> <script> const originalAddEventListener = EventTarget.prototype.addEventListener; EventTarget.prototype.addEventListener = function (type, listener, options) { if (type === 'touchstart' || type === 'touchmove') { options = options || {}; options.passive = true; } originalAddEventListener.call(this, type, listener, options); }; document.addEventListener("DOMContentLoaded", function() { const ratingContainers = document.querySelectorAll('.ds-module-rating-stars'); ratingContainers.forEach(container => { const rating = parseFloat(container.getAttribute('data-rating')); updateRating(container, rating); }); }); </script> <script> function get_oct_policy() { $.ajax({ url: "index.php?route=octemplates/main/oct_functions/getOctPolicy", type: "post", dataType: "json", cache: false, success: function(t) { if (t['text_oct_policy']) { var html = '<div id="oct-policy" class="fixed-bottom py-4"><div class="container"><div class="row"><div class="col-lg-12" style="position: relative"><button class="oct-policy-close">x</button><div class="pt-5 content-block-p24 d-flex align-items-center justify-content-between flex-column flex-md-row"><div class="oct-policy-text dark-text fsz-12 mb-3 mb-md-0 me-md-4">'+ t['text_oct_policy'] +'</div><button type="button" id="oct-policy-btn" class="button button-outline button-outline-primary button-small py-2 px-3 br-4">'+ t['oct_policy_accept'] +'</button></div></div></div></div></div>'; $('body').append(html); $('#oct-policy').find('.oct-policy-close').on('click', function () { $('#oct-policy').addClass('hidden'); const date = new Date(); date.setTime(date.getTime() + 24 * 60 * 60 * 1000); document.cookie = t['oct_policy_value']+'=1; path=/; expires=' + date.toUTCString(); }); $('#oct-policy-btn').on('click', function () { $('#oct-policy').addClass('hidden'); const date = new Date(t['oct_policy_day_now'].replace(/-/g, "/")); date.setTime(date.getTime() + (t['oct_max_day'] * 24 * 60 * 60 * 1000)); document.cookie = t['oct_policy_value']+'=1; path=/; expires=' + date.toUTCString(); }); } }, error: function(e, t, i) { console.log("error get_oct_policy"); } }); } $(function() { if (getOCTCookie('oct_policy') == 'undefined') { get_oct_policy(); } }); </script> <button id="back-top" class="rounded-circle p-0 m-0" type="button"> <svg width="48" height="48"> <circle cx="24" cy="24" r="22" stroke="#ddd" stroke-width="3" fill="transparent" /> <circle class="progress-ring__circle" cx="24" cy="24" r="22" stroke="var(--ds-primary-color)" stroke-width="3" fill="transparent" stroke-dasharray="138.2" stroke-dashoffset="138.2" /> </svg> <i class="fas fa-chevron-up fsz-12"></i> </button> <div id="overlay"></div> <div class="modal-holder"></div> <script async src="catalog/view/theme/oct_deals/js/oct-fonts.js"></script> <link rel="stylesheet" href="catalog/view/theme/oct_deals/stylesheet/all.css" media="print" onload="this.media='all'"> </body> </html>