// Jquery start LazyLoad = function (instanceSettings) { var _defaultSettings = { elements_selector: "img", container: window, threshold: 300, throttle: 40, data_src: "original", data_srcset: "original-set", data_ignore: "ignore", class_loading: "loading", class_loaded: "loaded", skip_invisible: true, show_while_loading: false, callback_load: null, callback_set: null, callback_processed: null, placeholder: "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" }, _supportsAddEventListener = !!window.addEventListener, _supportsAttachEvent = !!window.attachEvent, _supportsClassList = !!document.body.classList, _this = this, _previousLoopTime = 0, _loopTimeout = null; function _addEventListener(element, eventName, callback) { if (_supportsAddEventListener) { element.addEventListener(eventName, callback); return; } if (_supportsAttachEvent) { element.attachEvent('on' + eventName, (function (el) { return function () { callback.call(el, window.event); }; }(element))); element = null; } } function _removeEventListener(element, eventName, callback) { if (_supportsAddEventListener) { element.removeEventListener(eventName, callback); return; } if (_supportsAttachEvent) { element.detachEvent('on' + eventName, callback); } } function _isInsideViewport(element, container, threshold) { var ownerDocument, documentTop, documentLeft; function _getDocumentWidth() { return window.innerWidth || (ownerDocument.documentElement.clientWidth || document.body.clientWidth); } function _getDocumentHeight() { return window.innerHeight || (ownerDocument.documentElement.clientHeight || document.body.clientHeight); } function _getTopOffset(element) { return element.getBoundingClientRect().top + documentTop - ownerDocument.documentElement.clientTop; } function _getLeftOffset(element) { return element.getBoundingClientRect().left + documentLeft - ownerDocument.documentElement.clientLeft; } function _isBelowViewport() { var fold; if (container === window) { fold = _getDocumentHeight() + documentTop; } else { fold = _getTopOffset(container) + container.offsetHeight; } return fold <= _getTopOffset(element) - threshold; } function _isAtRightOfViewport() { var fold; if (container === window) { fold = _getDocumentWidth() + window.pageXOffset; } else { fold = _getLeftOffset(container) + _getDocumentWidth(); } return fold <= _getLeftOffset(element) - threshold; } function _isAboveViewport() { var fold; if (container === window) { fold = documentTop; } else { fold = _getTopOffset(container); } return fold >= _getTopOffset(element) + threshold + element.offsetHeight; } function _isAtLeftOfViewport() { var fold; if (container === window) { fold = documentLeft; } else { fold = _getLeftOffset(container); } return fold >= _getLeftOffset(element) + threshold + element.offsetWidth; } ownerDocument = element.ownerDocument; documentTop = window.pageYOffset || ownerDocument.body.scrollTop; documentLeft = window.pageXOffset || ownerDocument.body.scrollLeft; return !_isBelowViewport() && !_isAboveViewport() && !_isAtRightOfViewport() && !_isAtLeftOfViewport(); } function _merge_objects(obj1, obj2) { var obj3 = {}, propertyName; for (propertyName in obj1) { if (obj1.hasOwnProperty(propertyName)) { obj3[propertyName] = obj1[propertyName]; } } for (propertyName in obj2) { if (obj2.hasOwnProperty(propertyName)) { obj3[propertyName] = obj2[propertyName]; } } return obj3; } function _convertToArray(nodeSet) { try { return Array.prototype.slice.call(nodeSet); } catch (e) { var array = [], i, l = nodeSet.length; for (i = 0; i < l; i++) { array.push(nodeSet[i]); } return array; } } function _addClass(element, className) { if (_supportsClassList) { element.classList.add(className); return; } element.className += (element.className ? ' ' : '') + className; } function _removeClass(element, className) { if (_supportsClassList) { element.classList.remove(className); return; } element.className = element.className.replace(new RegExp("(^|\\s+)" + className + "(\\s+|$)"), ' ').replace(/^\s+/, '').replace(/\s+$/, ''); } function _setSrcAndSrcset(target, source, srcsetDataAttribute, srcDataAttribute) { var srcSet = source.getAttribute('data-' + srcsetDataAttribute), src = source.getAttribute('data-' + srcDataAttribute); if (srcSet) { target.setAttribute("srcset", srcSet); } if (src) { target.setAttribute("src", src); } } this.handleScroll = function () { var remainingTime, now = Date.now(), throttle = _this._settings.throttle; if (throttle !== 0) { remainingTime = throttle - (now - _previousLoopTime); if (remainingTime <= 0 || remainingTime > throttle) { if (_loopTimeout) { clearTimeout(_loopTimeout); _loopTimeout = null; } _previousLoopTime = now; _this._loopThroughElements(); } else if (!_loopTimeout) { _loopTimeout = setTimeout(function () { _previousLoopTime = Date.now(); _loopTimeout = null; _this._loopThroughElements(); }, remainingTime); } } else { _this._loopThroughElements(); } }; this._showOnLoad = function (element) { var fakeImg, settings = this._settings; if (!element.getAttribute("src")) { element.setAttribute("src", settings.placeholder); } fakeImg = document.createElement('img'); function loadCallback() { if (settings === null) { return; } if (settings.callback_load) { settings.callback_load(element); } _setSrcAndSrcset(element, element, settings.data_srcset, settings.data_src); if (settings.callback_set) { settings.callback_set(element); } _removeClass(element, settings.class_loading); _addClass(element, settings.class_loaded); _removeEventListener(fakeImg, "load", loadCallback); } _addEventListener(fakeImg, "load", loadCallback); _addClass(element, settings.class_loading); _setSrcAndSrcset(fakeImg, element, settings.data_srcset, settings.data_src); }; this._showOnAppear = function (element) { var settings = this._settings; function loadCallback() { if (settings === null) { return; } if (settings.callback_load) { settings.callback_load(element); } _removeClass(element, settings.class_loading); _addClass(element, settings.class_loaded); _removeEventListener(element, "load", loadCallback); } _addEventListener(element, "load", loadCallback); _addClass(element, settings.class_loading); _setSrcAndSrcset(element, element, settings.data_srcset, settings.data_src); if (settings.callback_set) { settings.callback_set(element); } }; this._loopThroughElements = function () { var i, element, settings = this._settings, elements = this._elements, elementsLength = elements.length, processedIndexes = []; for (i = 0; i < elementsLength; i++) { element = elements[i]; if (settings.skip_invisible && (element.offsetParent === null)) { continue; } if (_isInsideViewport(element, settings.container, settings.threshold)) { if (settings.show_while_loading) { this._showOnAppear(element); } else { this._showOnLoad(element); } processedIndexes.push(i); element.setAttribute('data-' + settings.data_ignore, true); } } while (processedIndexes.length > 0) { elements.splice(processedIndexes.pop(), 1); if (settings.callback_processed) { settings.callback_processed(elements.length); } } if (elements.length === 0) { this._stopScrollHandler(); } }; this._purgeElements = function () { var i, element, settings = this._settings, elements = this._elements, elementsLength = elements.length, elementsToPurge = []; for (i = 0; i < elementsLength; i++) { element = elements[i]; if (element.getAttribute('data-' + settings.data_ignore)) { elementsToPurge.push(i); } } while (elementsToPurge.length > 0) { elements.splice(elementsToPurge.pop(), 1); } }; this._startScrollHandler = function () { if (!this._isHandlingScroll) { this._isHandlingScroll = true; _addEventListener(this._settings.container, "scroll", this.handleScroll); } }; this._stopScrollHandler = function () { if (this._isHandlingScroll) { this._isHandlingScroll = false; _removeEventListener(this._settings.container, "scroll", this.handleScroll); } }; this.update = function () { this._elements = _convertToArray(this._queryOriginNode.querySelectorAll(this._settings.elements_selector)); this._purgeElements(); this._loopThroughElements(); this._startScrollHandler(); }; this.destroy = function () { this._stopScrollHandler(); this._elements = null; this._queryOriginNode = null; this._settings = null; }; this._settings = _merge_objects(_defaultSettings, instanceSettings); this._queryOriginNode = this._settings.container === window ? document : this._settings.container; this.update(); }; // Lazy Load End var targetSubBtns = document.querySelectorAll('.target-btn__sub'), targetBtn, prodTempCategory = document.querySelectorAll('.prod-temp-info__category'), prodTempContent = document.querySelector('.prod-temp-content'), modalV = document.querySelector('.modalBlog'), closeV = document.querySelectorAll('.closeBlog'), pagination = document.querySelector('.pagination-content'), pager, current = 1, params = (new URL(document.location)).searchParams, saleHeadContent = document.querySelector('.sale-head__content'), promoMail = document.querySelector('.promo-mail-push'), formBtn = document.querySelector('.formBtn'), contentBtnBlog = document.querySelector('.content-btn__blog'), moreDefaultBtn, moreCategoryBtn = document.querySelector('.more-category'), backTopBtn = document.querySelector('.back-top__btn'), annotTxt = document.querySelector('.sale__text-annot'), saleContent = document.querySelector('.sale-content');; var bankId = params.get('bankId'); if (bankId) { saleHeadContent.innerHTML = `

`; if (bankId === 'rbk') { annotTxt.innerHTML = `

Если покупать - то с выгодой! А лучше с большой: каскадные скидки до 70%, купон на скидку 20%, подарки за покупки, рассрочка 0-0-24 от Bank RBK - ваш секрет удачных покупок.

Каскадные скидки - это 30% скидки на второй товар, 50% на третий и 70% на один из четырех товаров в чеке.

До 8 ноября заказывайте товары в нашем интернет-магазине или покупайте в розничных магазинах Technodom и экономьте.

*Каскадные скидки действуют только на один товар с наименьшей стоимостью в чеке.
*Акция "Подарки за покупки" проводится только в розничных магазинах Technodom

Полные правила акции Каскадные скидки

Полные правила акции Подарки за покупки

Полные правила акции Купономания 20%»

`; } }; function subcribe() { document.querySelector('.submitForm').addEventListener('submit', (e) => { e.preventDefault(); if (document.myForm.user_email.value == "") { alert("Пожалуйста введите Ваш Email!"); document.myForm.user_email.focus(); return false; }; if (!document.myForm.user_email.value == "") { r46('profile', 'set', { "email": mail.value, "phone": "", }); r46('segment', 'add', { "email": mail.value, "phone": "", "segment_id": "9505", }); r46('subscription', 'manage', { email: mail.value, email_bulk: true, email_transactional: true, email_chain: true }); r46('subscription', 'web_push_subscribe', console.log('success')); }; succesSend(); r46('subscription', 'mailings', document.myForm.user_email.value, { 'segment': "9505" }); return (true); }); }; function succesSend(succesType) { promoMail.classList.add('succes'); document.querySelector('.mail-push-content').innerHTML = `

Спасибо, за подписку!

`; } (function dataChecker() { let promoStatus = document.querySelector('.promo-status') const now = new Date().getTime(); if (now > new Date(promoStatus.dataset.time)) { promoStatus.innerHTML = ``; } })(); let dataTree = [] fetch('https://www.technodom.kz/under/feed/without_discount.json') .then((response) => { return response.json(); }) .then((data) => { // console.log(data); creatMenuTree(data); dataTree = data; }); const renderTree = (parentKey) => { let showChild = document.querySelectorAll('.btn__blog-sub'); showChild.forEach((childItem) => { if (childItem.dataset.key === parentKey) { childItem.classList.toggle('show'); childItem.innerHTML = ''; for (const [key, value] of Object.entries(dataTree[parentKey].children)) { childItem.innerHTML += ` `; } } else { childItem.classList.remove('show'); } }); targetBtn = document.querySelectorAll('.target-btn'); targetBtn.forEach((targetButton) => { targetButton.addEventListener('click', () => { addClass(targetButton); creatProduct(targetButton.dataset.itemid, 1); saleContent.scrollIntoView({ block: "start", behavior: "smooth" }); if (window.screen.width < 780) { document.body.style.overflowY = 'initial'; modalV.classList.remove('viewBlog'); document.querySelector('.category-list').classList.remove('viewCategory') } }) }) } let target; function creatMenuTree(dataTree) { contentBtnBlog.innerHTML = ''; for (const [key, value] of Object.entries(dataTree)) { contentBtnBlog.innerHTML += ``; contentBtnBlog.innerHTML += `

`; } targetSubBtns = document.querySelectorAll('.target-btn__sub'); if (targetSubBtns.length > 7 && window.screen.width >= 1100) { for (let i = 7; i < targetSubBtns.length; i++) { targetSubBtns[i].classList.add('hide'); } moreCategoryBtn.classList.add('visible'); moreCategoryBtn.addEventListener('click', () => { contentBtnBlog.classList.toggle('show'); if (contentBtnBlog.classList.contains('show')) { targetSubBtns.forEach((btn) => { btn.classList.remove('hide'); }); moreCategoryBtn.textContent = 'Свернуть'; } else { for (let i = 7; i < targetSubBtns.length; i++) { targetSubBtns[i].classList.add('hide'); } moreCategoryBtn.textContent = 'ПОКАЗАТЬ БОЛЬШЕ КАТЕГОРИЙ'; } }); } targetSubBtns.forEach((btn) => { btn.addEventListener('click', () => { renderTree(btn.dataset.parentid); }); }); // target.forEach((targetBtn)=>{ // targetBtn.addEventListener('click', ()=>{ // targetBtn.nextElementSibling.classList.toggle('open'); // renderTree(targetBtn.dataset.parentid); // }); // }); } if (window.screen.width < 780) { prodTempCategory.forEach((item) => { item.addEventListener('click', () => { document.body.style.overflowY = 'hidden'; document.querySelector('.category-list').classList.add('viewCategory'); modalV.classList.add('viewBlog'); }); }); modalV.addEventListener('click', () => { document.body.style.overflowY = 'initial'; modalV.classList.remove('viewBlog'); document.querySelector('.category-list').classList.remove('viewCategory'); sortTriggerTarget.nextElementSibling.classList.remove('viewCategory'); }); closeV.forEach((element) => { element.addEventListener('click', () => { document.body.style.overflowY = 'initial'; modalV.classList.remove('viewBlog'); document.querySelector('.category-list').classList.remove('viewCategory'); sortTriggerTarget.nextElementSibling.classList.remove('viewCategory'); }); }); } function addClass(btn) { targetBtn.forEach((catBtn) => { // if(btn != moreBtn){ if (catBtn == btn) { catBtn.classList.add('active'); } else { catBtn.classList.remove('active'); }; //}; }); } function creatProduct(categoryId, pageCount) { let next = parseInt(pageCount) + 1; let reesRecommend; current = parseInt(pageCount); const productSetting = {}; if (!categoryId) { reesRecommend = "e61d57999ad05ceebe52e0b5142bdf94"; } else if (categoryId) { reesRecommend = "d1a613728b16a4e036e51123c26e8784"; productSetting.category = categoryId; } if (pageCount) { productSetting.page = pageCount; } productSetting.prevent_shuffle = true; r46("recommend", reesRecommend, productSetting, function (response) { prodTempContent.classList.remove('oops'); if (current > 1) { prodTempContent.innerHTML += response.html; } else { prodTempContent.innerHTML = response.html; } setTimeout(() => { lazyLoadGo(); checkLenght(prodTempContent, next, categoryId, response.html); }, 400); }, function (error) { }); } creatProduct(null, 1); function checkLenght(item, next, categoryId, html) { if (item.querySelectorAll('.prod-item').length < 1) { prodTempContent.classList.add('oops'); prodTempContent.innerHTML = 'Извините, товары в этой категории уже закончились'; } if (item.querySelectorAll('.prod-item').length < 12 || !html) { moreDefaultBtn.classList.add('hide'); } else { pagination.innerHTML = ``; moreDefaultBtn = document.querySelector('.more-default'); moreDefaultBtn.addEventListener('click', () => { creatProduct(categoryId, moreDefaultBtn.dataset.next); }); } } function lazyLoadGo() { function logElementEvent(eventName, element) { console.log(new Date().getTime(), eventName, element.getAttribute('data-original')); } function logEvent(eventName, elementsLeft) { console.log(new Date().getTime(), eventName, elementsLeft + " images left"); } /* Uncomment the callbacks in LazyLoad options to see the callbacks logs in your browser's console */ new LazyLoad({ // callback_load: function (element) { // logElementEvent("LOADED", element); // }, // callback_set: function (element) { // logElementEvent("SET", element); // }, // callback_processed: function(elementsLeft) { // logEvent("PROCESSED", elementsLeft); // } }); } window.addEventListener('scroll', () => { const distance = window.scrollY; if (distance < 30) { backTopBtn.classList.remove('visible'); } else { backTopBtn.classList.add('visible'); } }); backTopBtn.addEventListener('click', () => { window.scrollTo(0, 20); })

TECHNO ЖҰМА

Популярные товары