Переход на розницу
(function(window){ 'use strict'; if (window.JCCatalogElement) return; var BasketButton = function(params) { BasketButton.superclass.constructor.apply(this, arguments); this.buttonNode = BX.create('SPAN', { props: {className: 'btn btn-default btn-buy btn-sm', id: this.id}, style: typeof params.style === 'object' ? params.style : {}, text: params.text, events: this.contextEvents }); if (BX.browser.IsIE()) { this.buttonNode.setAttribute('hideFocus', 'hidefocus'); } }; BX.extend(BasketButton, BX.PopupWindowButton); window.JCCatalogElement = function(arParams) { this.productType = 0; this.config = { useCatalog: true, showQuantity: true, showPrice: true, showAbsent: true, showOldPrice: false, showPercent: false, showSkuProps: false, showOfferGroup: false, useCompare: false, useStickers: false, useSubscribe: false, usePopup: false, useMagnifier: false, usePriceRanges: false, basketAction: ['BUY'], showClosePopup: false, templateTheme: '', showSlider: false, sliderInterval: 5000, useEnhancedEcommerce: false, dataLayerName: 'dataLayer', brandProperty: false, alt: '', title: '', magnifierZoomPercent: 200 }; this.checkQuantity = false; this.maxQuantity = 0; this.minQuantity = 0; this.stepQuantity = 1; this.isDblQuantity = false; this.canBuy = true; this.isGift = false; this.canSubscription = true; this.currentIsSet = false; this.updateViewedCount = false; this.currentPriceMode = ''; this.currentPrices = []; this.currentPriceSelected = 0; this.currentQuantityRanges = []; this.currentQuantityRangeSelected = 0; this.precision = 6; this.precisionFactor = Math.pow(10, this.precision); this.visual = {}; this.basketMode = ''; this.product = { checkQuantity: false, maxQuantity: 0, stepQuantity: 1, startQuantity: 1, isDblQuantity: false, canBuy: true, canSubscription: true, name: '', pict: {}, id: 0, addUrl: '', buyUrl: '', slider: {}, sliderCount: 0, useSlider: false, sliderPict: [] }; this.mess = {}; this.basketData = { useProps: false, emptyProps: false, quantity: 'quantity', props: 'prop', basketUrl: '', sku_props: '', sku_props_var: 'basket_props', add_url: '', buy_url: '' }; this.compareData = { compareUrl: '', compareDeleteUrl: '', comparePath: '' }; this.defaultPict = { preview: null, detail: null }; this.offers = []; this.offerNum = 0; this.treeProps = []; this.selectedValues = {}; this.mouseTimer = null; this.isTouchDevice = BX.hasClass(document.documentElement, 'bx-touch'); this.touch = null; this.slider = { interval: null, progress: null, paused: null, controls: [] }; this.obProduct = null; this.obQuantity = null; this.obQuantityUp = null; this.obQuantityDown = null; this.obPrice = { price: null, full: null, discount: null, percent: null, total: null }; this.obTree = null; this.obPriceRanges = null; this.obBuyBtn = null; this.obAddToBasketBtn = null; this.obBasketActions = null; this.obNotAvail = null; this.obSubscribe = null; this.obSkuProps = null; this.obMainSkuProps = null; this.obBigSlider = null; this.obMeasure = null; this.obQuantityLimit = { all: null, value: null }; this.obCompare = null; this.obTabsPanel = null; this.node = {}; // top panel small card this.smallCardNodes = {}; this.magnify = { enabled: false, obBigImg: null, obBigSlider: null, height: 0, width: 0, timer: 0 }; this.currentImg = { id: 0, src: '', width: 0, height: 0 }; this.viewedCounter = { path: '/bitrix/components/bitrix/catalog.element/ajax.php', params: { AJAX: 'Y', SITE_ID: '', PRODUCT_ID: 0, PARENT_ID: 0 } }; this.obPopupWin = null; this.basketUrl = ''; this.basketParams = {}; this.errorCode = 0; if (typeof arParams === 'object') { this.params = arParams; this.initConfig(); if (this.params.MESS) { this.mess = this.params.MESS; } switch (this.productType) { case 0: // no catalog case 1: // product case 2: // set this.initProductData(); break; case 3: // sku this.initOffersData(); break; default: this.errorCode = -1; } this.initBasketData(); this.initCompareData(); } if (this.errorCode === 0) { BX.ready(BX.delegate(this.init, this)); } this.params = {}; BX.addCustomEvent('onSaleProductIsGift', BX.delegate(this.onSaleProductIsGift, this)); BX.addCustomEvent('onSaleProductIsNotGift', BX.delegate(this.onSaleProductIsNotGift, this)); }; window.JCCatalogElement.prototype = { getEntity: function(parent, entity, additionalFilter) { if (!parent || !entity) return null; additionalFilter = additionalFilter || ''; return parent.querySelector(additionalFilter + '[data-entity="' + entity + '"]'); }, getEntities: function(parent, entity, additionalFilter) { if (!parent || !entity) return {length: 0}; additionalFilter = additionalFilter || ''; return parent.querySelectorAll(additionalFilter + '[data-entity="' + entity + '"]'); }, onSaleProductIsGift: function(productId, offerId) { if (offerId && this.offers && this.offers[this.offerNum].ID == offerId) { this.setGift(); } }, onSaleProductIsNotGift: function(productId, offerId) { if (offerId && this.offers && this.offers[this.offerNum].ID == offerId) { this.restoreSticker(); this.isGift = false; this.setPrice(); } }, reloadGiftInfo: function() { if (this.productType === 3) { this.checkQuantity = true; this.maxQuantity = 1; this.setPrice(); this.redrawSticker({text: BX.message('PRODUCT_GIFT_LABEL')}); } }, setGift: function() { if (this.productType === 3) { // sku this.isGift = true; } if (this.productType === 1 || this.productType === 2) { // simple this.isGift = true; } if (this.productType === 0) { this.isGift = false; } this.reloadGiftInfo(); }, setOffer: function(offerNum) { this.offerNum = parseInt(offerNum); this.setCurrent(); }, init: function() { var i = 0, j = 0, treeItems = null; this.obProduct = BX(this.visual.ID); if (!this.obProduct) { this.errorCode = -1; } this.obBigSlider = BX(this.visual.BIG_SLIDER_ID); this.node.imageContainer = this.getEntity(this.obProduct, 'images-container'); this.node.imageSliderBlock = this.getEntity(this.obProduct, 'images-slider-block'); this.node.sliderProgressBar = this.getEntity(this.obProduct, 'slider-progress-bar'); this.node.sliderControlLeft = this.getEntity(this.obBigSlider, 'slider-control-left'); this.node.sliderControlRight = this.getEntity(this.obBigSlider, 'slider-control-right'); if (!this.obBigSlider || !this.node.imageContainer || !this.node.imageContainer) { this.errorCode = -2; } if (this.config.showPrice) { this.obPrice.price = BX(this.visual.PRICE_ID); if (!this.obPrice.price && this.config.useCatalog) { this.errorCode = -16; } else { this.obPrice.total = BX(this.visual.PRICE_TOTAL); if (this.config.showOldPrice) { this.obPrice.full = BX(this.visual.OLD_PRICE_ID); this.obPrice.discount = BX(this.visual.DISCOUNT_PRICE_ID); if (!this.obPrice.full || !this.obPrice.discount) { this.config.showOldPrice = false; } } if (this.config.showPercent) { this.obPrice.percent = BX(this.visual.DISCOUNT_PERCENT_ID); if (!this.obPrice.percent) { this.config.showPercent = false; } } } this.obBasketActions = BX(this.visual.BASKET_ACTIONS_ID); if (this.obBasketActions) { if (BX.util.in_array('BUY', this.config.basketAction)) { this.obBuyBtn = BX(this.visual.BUY_LINK); } if (BX.util.in_array('ADD', this.config.basketAction)) { this.obAddToBasketBtn = BX(this.visual.ADD_BASKET_LINK); } } this.obNotAvail = BX(this.visual.NOT_AVAILABLE_MESS); } if (this.config.showQuantity) { this.obQuantity = BX(this.visual.QUANTITY_ID); this.node.quantity = this.getEntity(this.obProduct, 'quantity-block'); if (this.visual.QUANTITY_UP_ID) { this.obQuantityUp = BX(this.visual.QUANTITY_UP_ID); } if (this.visual.QUANTITY_DOWN_ID) { this.obQuantityDown = BX(this.visual.QUANTITY_DOWN_ID); } } if (this.productType === 3) { if (this.visual.TREE_ID) { this.obTree = BX(this.visual.TREE_ID); if (!this.obTree) { this.errorCode = -256; } } if (this.visual.QUANTITY_MEASURE) { this.obMeasure = BX(this.visual.QUANTITY_MEASURE); } if (this.visual.QUANTITY_LIMIT && this.config.showMaxQuantity !== 'N') { this.obQuantityLimit.all = BX(this.visual.QUANTITY_LIMIT); if (this.obQuantityLimit.all) { this.obQuantityLimit.value = this.getEntity(this.obQuantityLimit.all, 'quantity-limit-value'); if (!this.obQuantityLimit.value) { this.obQuantityLimit.all = null; } } } if (this.config.usePriceRanges) { this.obPriceRanges = this.getEntity(this.obProduct, 'price-ranges-block'); } } if (this.config.showSkuProps) { this.obSkuProps = BX(this.visual.DISPLAY_PROP_DIV); this.obMainSkuProps = BX(this.visual.DISPLAY_MAIN_PROP_DIV); } if (this.config.useCompare) { this.obCompare = BX(this.visual.COMPARE_LINK); } if (this.config.useSubscribe) { this.obSubscribe = BX(this.visual.SUBSCRIBE_LINK); } this.obTabs = BX(this.visual.TABS_ID); this.obTabContainers = BX(this.visual.TAB_CONTAINERS_ID); this.obTabsPanel = BX(this.visual.TABS_PANEL_ID); this.smallCardNodes.panel = BX(this.visual.SMALL_CARD_PANEL_ID); if (this.smallCardNodes.panel) { this.smallCardNodes.picture = this.getEntity(this.smallCardNodes.panel, 'panel-picture'); this.smallCardNodes.title = this.getEntity(this.smallCardNodes.panel, 'panel-title'); this.smallCardNodes.price = this.getEntity(this.smallCardNodes.panel, 'panel-price'); this.smallCardNodes.sku = this.getEntity(this.smallCardNodes.panel, 'panel-sku-container'); this.smallCardNodes.oldPrice = this.getEntity(this.smallCardNodes.panel, 'panel-old-price'); this.smallCardNodes.buyButton = this.getEntity(this.smallCardNodes.panel, 'panel-buy-button'); this.smallCardNodes.addButton = this.getEntity(this.smallCardNodes.panel, 'panel-add-button'); this.smallCardNodes.notAvailableButton = this.getEntity(this.smallCardNodes.panel, 'panel-not-available-button'); this.smallCardNodes.aligner = this.getEntity(this.obProduct, 'main-button-container'); } this.initPopup(); this.initTabs(); if (this.smallCardNodes.panel) { this.smallCardNodes.picture && BX.bind(this.smallCardNodes.picture.parentNode, 'click', BX.proxy(this.scrollToProduct, this)); this.smallCardNodes.title && BX.bind(this.smallCardNodes.title, 'click', BX.proxy(this.scrollToProduct, this)); this.smallCardNodes.sku && BX.bind(this.smallCardNodes.sku, 'click', BX.proxy(this.scrollToProduct, this)); } if (this.obTabsPanel || this.smallCardNodes.panel) { this.checkTopPanels(); BX.bind(window, 'scroll', BX.proxy(this.checkTopPanels, this)); } if (this.errorCode === 0) { // product slider events if (this.config.showSlider && !this.isTouchDevice) { BX.bind(this.obBigSlider, 'mouseenter', BX.proxy(this.stopSlider, this)); BX.bind(this.obBigSlider, 'mouseleave', BX.proxy(this.cycleSlider, this)); } if (this.isTouchDevice) { BX.bind(this.node.imageContainer, 'touchstart', BX.proxy(this.touchStartEvent, this)); BX.bind(this.node.imageContainer, 'touchend', BX.proxy(this.touchEndEvent, this)); BX.bind(this.node.imageContainer, 'touchcancel', BX.proxy(this.touchEndEvent, this)); } BX.bind(this.node.sliderControlLeft, 'click', BX.proxy(this.slidePrev, this)); BX.bind(this.node.sliderControlRight, 'click', BX.proxy(this.slideNext, this)); if (this.config.showQuantity) { if (this.obQuantityUp) { BX.bind(this.obQuantityUp, 'click', BX.delegate(this.quantityUp, this)); } if (this.obQuantityDown) { BX.bind(this.obQuantityDown, 'click', BX.delegate(this.quantityDown, this)); } if (this.obQuantity) { BX.bind(this.obQuantity, 'change', BX.delegate(this.quantityChange, this)); } } switch (this.productType) { case 0: // no catalog case 1: // product case 2: // set if (this.product.useSlider) { this.product.slider = { ID: this.visual.SLIDER_CONT_ID, CONT: BX(this.visual.SLIDER_CONT_ID), COUNT: this.product.sliderCount }; this.product.slider.ITEMS = this.getEntities(this.product.slider.CONT, 'slider-control'); for (j = 0; j < this.product.slider.ITEMS.length; j++) { BX.bind(this.product.slider.ITEMS[j], 'mouseenter', BX.delegate(this.onSliderControlHover, this)); BX.bind(this.product.slider.ITEMS[j], 'mouseleave', BX.delegate(this.onSliderControlLeave, this)); BX.bind(this.product.slider.ITEMS[j], 'click', BX.delegate(this.selectSliderImg, this)); } this.setCurrentImg(this.product.sliderPict[0], true, true); this.checkSliderControls(this.product.sliderCount); if (this.product.slider.ITEMS.length > 1) { this.initSlider(); } } this.checkQuantityControls(); this.fixFontCheck(); this.setAnalyticsDataLayer('showDetail'); break; case 3: // sku treeItems = this.obTree.querySelectorAll('li'); for (i = 0; i < treeItems.length; i++) { BX.bind(treeItems[i], 'click', BX.delegate(this.selectOfferProp, this)); } for (i = 0; i < this.offers.length; i++) { this.offers[i].SLIDER_COUNT = parseInt(this.offers[i].SLIDER_COUNT, 10) || 0; if (this.offers[i].SLIDER_COUNT === 0) { this.slider.controls[i] = { ID: '', COUNT: this.offers[i].SLIDER_COUNT, ITEMS: [] }; } else { for (j = 0; j < this.offers[i].SLIDER.length; j++) { this.offers[i].SLIDER[j].WIDTH = parseInt(this.offers[i].SLIDER[j].WIDTH, 10); this.offers[i].SLIDER[j].HEIGHT = parseInt(this.offers[i].SLIDER[j].HEIGHT, 10); } this.slider.controls[i] = { ID: this.visual.SLIDER_CONT_OF_ID + this.offers[i].ID, OFFER_ID: this.offers[i].ID, CONT: BX(this.visual.SLIDER_CONT_OF_ID + this.offers[i].ID), COUNT: this.offers[i].SLIDER_COUNT }; this.slider.controls[i].ITEMS = this.getEntities(this.slider.controls[i].CONT, 'slider-control'); for (j = 0; j < this.slider.controls[i].ITEMS.length; j++) { BX.bind(this.slider.controls[i].ITEMS[j], 'mouseenter', BX.delegate(this.onSliderControlHover, this)); BX.bind(this.slider.controls[i].ITEMS[j], 'mouseleave', BX.delegate(this.onSliderControlLeave, this)); BX.bind(this.slider.controls[i].ITEMS[j], 'click', BX.delegate(this.selectSliderImg, this)); } } } this.setCurrent(); break; } this.obBuyBtn && BX.bind(this.obBuyBtn, 'click', BX.proxy(this.buyBasket, this)); this.smallCardNodes.buyButton && BX.bind(this.smallCardNodes.buyButton, 'click', BX.proxy(this.buyBasket, this)); this.obAddToBasketBtn && BX.bind(this.obAddToBasketBtn, 'click', BX.proxy(this.add2Basket, this)); this.smallCardNodes.addButton && BX.bind(this.smallCardNodes.addButton, 'click', BX.proxy(this.add2Basket, this)); if (this.obCompare) { BX.bind(this.obCompare, 'click', BX.proxy(this.compare, this)); BX.addCustomEvent('onCatalogDeleteCompare', BX.proxy(this.checkDeletedCompare, this)); } } }, initConfig: function() { if (this.params.PRODUCT_TYPE) { this.productType = parseInt(this.params.PRODUCT_TYPE, 10); } if (this.params.CONFIG.USE_CATALOG !== 'undefined' && BX.type.isBoolean(this.params.CONFIG.USE_CATALOG)) { this.config.useCatalog = this.params.CONFIG.USE_CATALOG; } this.config.showQuantity = this.params.CONFIG.SHOW_QUANTITY; this.config.showPrice = this.params.CONFIG.SHOW_PRICE; this.config.showPercent = this.params.CONFIG.SHOW_DISCOUNT_PERCENT; this.config.showOldPrice = this.params.CONFIG.SHOW_OLD_PRICE; this.config.showSkuProps = this.params.CONFIG.SHOW_SKU_PROPS; this.config.showOfferGroup = this.params.CONFIG.OFFER_GROUP; this.config.useCompare = this.params.CONFIG.DISPLAY_COMPARE; this.config.useStickers = this.params.CONFIG.USE_STICKERS; this.config.useSubscribe = this.params.CONFIG.USE_SUBSCRIBE; this.config.showMaxQuantity = this.params.CONFIG.SHOW_MAX_QUANTITY; this.config.relativeQuantityFactor = parseInt(this.params.CONFIG.RELATIVE_QUANTITY_FACTOR); this.config.usePriceRanges = this.params.CONFIG.USE_PRICE_COUNT; if (this.params.CONFIG.MAIN_PICTURE_MODE) { this.config.usePopup = BX.util.in_array('POPUP', this.params.CONFIG.MAIN_PICTURE_MODE); this.config.useMagnifier = BX.util.in_array('MAGNIFIER', this.params.CONFIG.MAIN_PICTURE_MODE); } if (this.params.CONFIG.ADD_TO_BASKET_ACTION) { this.config.basketAction = this.params.CONFIG.ADD_TO_BASKET_ACTION; } this.config.showClosePopup = this.params.CONFIG.SHOW_CLOSE_POPUP; this.config.templateTheme = this.params.CONFIG.TEMPLATE_THEME || ''; this.config.showSlider = this.params.CONFIG.SHOW_SLIDER === 'Y'; if (this.config.showSlider && !this.isTouchDevice) { this.config.sliderInterval = parseInt(this.params.CONFIG.SLIDER_INTERVAL) || 5000; } else { this.config.sliderInterval = false; } this.config.useEnhancedEcommerce = this.params.CONFIG.USE_ENHANCED_ECOMMERCE === 'Y'; this.config.dataLayerName = this.params.CONFIG.DATA_LAYER_NAME; this.config.brandProperty = this.params.CONFIG.BRAND_PROPERTY; this.config.alt = this.params.CONFIG.ALT || ''; this.config.title = this.params.CONFIG.TITLE || ''; this.config.magnifierZoomPercent = parseInt(this.params.CONFIG.MAGNIFIER_ZOOM_PERCENT) || 200; if (!this.params.VISUAL || typeof this.params.VISUAL !== 'object' || !this.params.VISUAL.ID) { this.errorCode = -1; return; } this.visual = this.params.VISUAL; }, initProductData: function() { var j = 0; if (this.params.PRODUCT && typeof this.params.PRODUCT === 'object') { if (this.config.showQuantity) { this.product.checkQuantity = this.params.PRODUCT.CHECK_QUANTITY; this.product.isDblQuantity = this.params.PRODUCT.QUANTITY_FLOAT; if (this.config.showPrice) { this.currentPriceMode = this.params.PRODUCT.ITEM_PRICE_MODE; this.currentPrices = this.params.PRODUCT.ITEM_PRICES; this.currentPriceSelected = this.params.PRODUCT.ITEM_PRICE_SELECTED; this.currentQuantityRanges = this.params.PRODUCT.ITEM_QUANTITY_RANGES; this.currentQuantityRangeSelected = this.params.PRODUCT.ITEM_QUANTITY_RANGE_SELECTED; } if (this.product.checkQuantity) { this.product.maxQuantity = this.product.isDblQuantity ? parseFloat(this.params.PRODUCT.MAX_QUANTITY) : parseInt(this.params.PRODUCT.MAX_QUANTITY, 10); } this.product.stepQuantity = this.product.isDblQuantity ? parseFloat(this.params.PRODUCT.STEP_QUANTITY) : parseInt(this.params.PRODUCT.STEP_QUANTITY, 10); this.checkQuantity = this.product.checkQuantity; this.isDblQuantity = this.product.isDblQuantity; this.stepQuantity = this.product.stepQuantity; this.maxQuantity = this.product.maxQuantity; this.minQuantity = this.currentPriceMode === 'Q' ? parseFloat(this.currentPrices[this.currentPriceSelected].MIN_QUANTITY) : this.stepQuantity; if (this.isDblQuantity) { this.stepQuantity = Math.round(this.stepQuantity * this.precisionFactor) / this.precisionFactor; } } this.product.canBuy = this.params.PRODUCT.CAN_BUY; this.canSubscription = this.product.canSubscription = this.params.PRODUCT.SUBSCRIPTION; this.product.name = this.params.PRODUCT.NAME; this.product.pict = this.params.PRODUCT.PICT; this.product.id = this.params.PRODUCT.ID; this.product.category = this.params.PRODUCT.CATEGORY; if (this.params.PRODUCT.ADD_URL) { this.product.addUrl = this.params.PRODUCT.ADD_URL; } if (this.params.PRODUCT.BUY_URL) { this.product.buyUrl = this.params.PRODUCT.BUY_URL; } if (this.params.PRODUCT.SLIDER_COUNT) { this.product.sliderCount = parseInt(this.params.PRODUCT.SLIDER_COUNT, 10) || 0; if (this.product.sliderCount > 0 && this.params.PRODUCT.SLIDER.length) { for (j = 0; j < this.params.PRODUCT.SLIDER.length; j++) { this.product.useSlider = true; this.params.PRODUCT.SLIDER[j].WIDTH = parseInt(this.params.PRODUCT.SLIDER[j].WIDTH, 10); this.params.PRODUCT.SLIDER[j].HEIGHT = parseInt(this.params.PRODUCT.SLIDER[j].HEIGHT, 10); } this.product.sliderPict = this.params.PRODUCT.SLIDER; this.setCurrentImg(this.product.sliderPict[0], false); } } this.currentIsSet = true; } else { this.errorCode = -1; } }, initOffersData: function() { if (this.params.OFFERS && BX.type.isArray(this.params.OFFERS)) { this.offers = this.params.OFFERS; this.offerNum = 0; if (this.params.OFFER_SELECTED) { this.offerNum = parseInt(this.params.OFFER_SELECTED, 10) || 0; } if (this.params.TREE_PROPS) { this.treeProps = this.params.TREE_PROPS; } if (this.params.DEFAULT_PICTURE) { this.defaultPict.preview = this.params.DEFAULT_PICTURE.PREVIEW_PICTURE; this.defaultPict.detail = this.params.DEFAULT_PICTURE.DETAIL_PICTURE; } if (this.params.PRODUCT && typeof this.params.PRODUCT === 'object') { this.product.id = parseInt(this.params.PRODUCT.ID, 10); this.product.name = this.params.PRODUCT.NAME; this.product.category = this.params.PRODUCT.CATEGORY; } } else { this.errorCode = -1; } }, initBasketData: function() { if (this.params.BASKET && typeof this.params.BASKET === 'object') { if (this.productType === 1 || this.productType === 2) { this.basketData.useProps = this.params.BASKET.ADD_PROPS; this.basketData.emptyProps = this.params.BASKET.EMPTY_PROPS; } if (this.params.BASKET.QUANTITY) { this.basketData.quantity = this.params.BASKET.QUANTITY; } if (this.params.BASKET.PROPS) { this.basketData.props = this.params.BASKET.PROPS; } if (this.params.BASKET.BASKET_URL) { this.basketData.basketUrl = this.params.BASKET.BASKET_URL; } if (this.productType === 3) { if (this.params.BASKET.SKU_PROPS) { this.basketData.sku_props = this.params.BASKET.SKU_PROPS; } } if (this.params.BASKET.ADD_URL_TEMPLATE) { this.basketData.add_url = this.params.BASKET.ADD_URL_TEMPLATE; } if (this.params.BASKET.BUY_URL_TEMPLATE) { this.basketData.buy_url = this.params.BASKET.BUY_URL_TEMPLATE; } if (this.basketData.add_url === '' && this.basketData.buy_url === '') { this.errorCode = -1024; } } }, initCompareData: function() { if (this.config.useCompare) { if (this.params.COMPARE && typeof this.params.COMPARE === 'object') { if (this.params.COMPARE.COMPARE_PATH) { this.compareData.comparePath = this.params.COMPARE.COMPARE_PATH; } if (this.params.COMPARE.COMPARE_URL_TEMPLATE) { this.compareData.compareUrl = this.params.COMPARE.COMPARE_URL_TEMPLATE; } else { this.config.useCompare = false; } if (this.params.COMPARE.COMPARE_DELETE_URL_TEMPLATE) { this.compareData.compareDeleteUrl = this.params.COMPARE.COMPARE_DELETE_URL_TEMPLATE; } else { this.config.useCompare = false; } } else { this.config.useCompare = false; } } }, initSlider: function() { if (this.node.sliderProgressBar) { if (this.slider.progress) { this.resetProgress(); } else { this.slider.progress = new BX.easing({ transition: BX.easing.transitions.linear, step: BX.delegate(function(state){ this.node.sliderProgressBar.style.width = state.width / 10 + '%'; }, this) }); } } this.cycleSlider(); }, setAnalyticsDataLayer: function(action) { if (!this.config.useEnhancedEcommerce || !this.config.dataLayerName) return; var item = {}, info = {}, variants = [], i, k, j, propId, skuId, propValues; switch (this.productType) { case 0: //no catalog case 1: //product case 2: //set item = { 'id': this.product.id, 'name': this.product.name, 'price': this.currentPrices[this.currentPriceSelected] && this.currentPrices[this.currentPriceSelected].PRICE, 'category': this.product.category, 'brand': BX.type.isArray(this.config.brandProperty) ? this.config.brandProperty.join('/') : this.config.brandProperty }; break; case 3: //sku for (i in this.offers[this.offerNum].TREE) { if (this.offers[this.offerNum].TREE.hasOwnProperty(i)) { propId = i.substring(5); skuId = this.offers[this.offerNum].TREE[i]; for (k in this.treeProps) { if (this.treeProps.hasOwnProperty(k) && this.treeProps[k].ID == propId) { for (j in this.treeProps[k].VALUES) { propValues = this.treeProps[k].VALUES[j]; if (propValues.ID == skuId) { variants.push(propValues.NAME); break; } } } } } } item = { 'id': this.offers[this.offerNum].ID, 'name': this.offers[this.offerNum].NAME, 'price': this.currentPrices[this.currentPriceSelected] && this.currentPrices[this.currentPriceSelected].PRICE, 'category': this.product.category, 'brand': BX.type.isArray(this.config.brandProperty) ? this.config.brandProperty.join('/') : this.config.brandProperty, 'variant': variants.join('/') }; break; } switch (action) { case 'showDetail': info = { 'event': 'showDetail', 'ecommerce': { 'currencyCode': this.currentPrices[this.currentPriceSelected] && this.currentPrices[this.currentPriceSelected].CURRENCY || '', 'detail': { 'products': [{ 'name': item.name || '', 'id': item.id || '', 'price': item.price || 0, 'brand': item.brand || '', 'category': item.category || '', 'variant': item.variant || '' }] } } }; break; case 'addToCart': info = { 'event': 'addToCart', 'ecommerce': { 'currencyCode': this.currentPrices[this.currentPriceSelected] && this.currentPrices[this.currentPriceSelected].CURRENCY || '', 'add': { 'products': [{ 'name': item.name || '', 'id': item.id || '', 'price': item.price || 0, 'brand': item.brand || '', 'category': item.category || '', 'variant': item.variant || '', 'quantity': this.config.showQuantity && this.obQuantity ? this.obQuantity.value : 1 }] } } }; break; } window[this.config.dataLayerName] = window[this.config.dataLayerName] || []; window[this.config.dataLayerName].push(info); }, initTabs: function() { var tabs = this.getEntities(this.obTabs, 'tab'), panelTabs = this.getEntities(this.obTabsPanel, 'tab'); var tabValue, targetTab, haveActive = false; if (tabs.length !== panelTabs.length) return; for (var i in tabs) { if (tabs.hasOwnProperty(i) && BX.type.isDomNode(tabs[i])) { tabValue = tabs[i].getAttribute('data-value'); if (tabValue) { targetTab = this.obTabContainers.querySelector('[data-value="' + tabValue + '"]'); if (BX.type.isDomNode(targetTab)) { BX.bind(tabs[i], 'click', BX.proxy(this.changeTab, this)); BX.bind(panelTabs[i], 'click', BX.proxy(this.changeTab, this)); if (!haveActive) { BX.addClass(tabs[i], 'active'); BX.addClass(panelTabs[i], 'active'); BX.show(targetTab); haveActive = true; } else { BX.removeClass(tabs[i], 'active'); BX.removeClass(panelTabs[i], 'active'); BX.hide(targetTab); } } } } } }, checkTouch: function(event) { if (!event || !event.changedTouches) return false; return event.changedTouches[0].identifier === this.touch.identifier; }, touchStartEvent: function(event) { if (event.touches.length != 1) return; this.touch = event.changedTouches[0]; }, touchEndEvent: function(event) { if (!this.checkTouch(event)) return; var deltaX = this.touch.pageX - event.changedTouches[0].pageX, deltaY = this.touch.pageY - event.changedTouches[0].pageY; if (Math.abs(deltaX) >= Math.abs(deltaY) + 10) { if (deltaX > 0) { this.slideNext(); } if (deltaX < 0) { this.slidePrev(); } } }, cycleSlider: function(event) { event || (this.slider.paused = false); this.slider.interval && clearInterval(this.slider.interval); if (this.config.sliderInterval && !this.slider.paused) { if (this.slider.progress) { this.slider.progress.stop(); var width = parseInt(this.node.sliderProgressBar.style.width); this.slider.progress.options.duration = this.config.sliderInterval * (100 - width) / 100; this.slider.progress.options.start = {width: width * 10}; this.slider.progress.options.finish = {width: 1000}; this.slider.progress.options.complete = BX.delegate(function(){ this.slider.interval = true; this.slideNext(); }, this); this.slider.progress.animate(); } else { this.slider.interval = setInterval(BX.proxy(this.slideNext, this), this.config.sliderInterval); } } }, stopSlider: function(event) { event || (this.slider.paused = true); this.slider.interval && (this.slider.interval = clearInterval(this.slider.interval)); if (this.slider.progress) { this.slider.progress.stop(); var width = parseInt(this.node.sliderProgressBar.style.width); this.slider.progress.options.duration = this.config.sliderInterval * width / 200; this.slider.progress.options.start = {width: width * 10}; this.slider.progress.options.finish = {width: 0}; this.slider.progress.options.complete = null; this.slider.progress.animate(); } }, resetProgress: function() { this.slider.progress && this.slider.progress.stop(); this.node.sliderProgressBar.style.width = 0; }, slideNext: function() { return this.slide('next'); }, slidePrev: function() { return this.slide('prev'); }, slide: function(type) { if (!this.product.slider || !this.product.slider.CONT) return; var active = this.getEntity(this.product.slider.CONT, 'slider-control', '.active'), next = this.getItemForDirection(type, active); BX.removeClass(active, 'active'); this.selectSliderImg(next); this.slider.interval && this.cycleSlider(); }, getItemForDirection: function(direction, active) { var activeIndex = this.getItemIndex(active), delta = direction === 'prev' ? -1 : 1, itemIndex = (activeIndex + delta) % this.product.slider.COUNT; return this.eq(this.product.slider.ITEMS, itemIndex); }, getItemIndex: function(item) { return BX.util.array_values(this.product.slider.ITEMS).indexOf(item); }, eq: function(obj, i) { var len = obj.length, j = +i + (i < 0 ? len : 0); return j >= 0 && j < len ? obj[j] : {}; }, scrollToProduct: function() { var scrollTop = BX.GetWindowScrollPos().scrollTop, containerTop = BX.pos(this.obProduct).top - 30; if (scrollTop > containerTop) { new BX.easing({ duration: 500, start: {scroll: scrollTop}, finish: {scroll: containerTop}, transition: BX.easing.makeEaseOut(BX.easing.transitions.quint), step: BX.delegate(function(state){ window.scrollTo(0, state.scroll); }, this) }).animate(); } }, checkTopPanels: function() { var scrollTop = BX.GetWindowScrollPos().scrollTop, targetPos; if (this.smallCardNodes.panel) { targetPos = BX.pos(this.smallCardNodes.aligner).bottom - 50; if (scrollTop > targetPos) { BX.addClass(this.smallCardNodes.panel, 'active'); } else if (BX.hasClass(this.smallCardNodes.panel, 'active')) { BX.removeClass(this.smallCardNodes.panel, 'active'); } } if (this.obTabsPanel) { targetPos = BX.pos(this.obTabs).top; if (scrollTop + 73 > targetPos) { BX.addClass(this.obTabsPanel, 'active'); } else if (BX.hasClass(this.obTabsPanel, 'active')) { BX.removeClass(this.obTabsPanel, 'active'); } } }, changeTab: function(event) { BX.PreventDefault(event); var targetTabValue = BX.proxy_context && BX.proxy_context.getAttribute('data-value'), containers, tabs, panelTabs; if (!BX.hasClass(BX.proxy_context, 'active') && targetTabValue) { containers = this.getEntities(this.obTabContainers, 'tab-container'); for (var i in containers) { if (containers.hasOwnProperty(i) && BX.type.isDomNode(containers[i])) { if (containers[i].getAttribute('data-value') === targetTabValue) { BX.show(containers[i]); } else { BX.hide(containers[i]); } } } tabs = this.getEntities(this.obTabs, 'tab'); panelTabs = this.getEntities(this.obTabsPanel, 'tab'); for (i in tabs) { if (tabs.hasOwnProperty(i) && BX.type.isDomNode(tabs[i])) { if (tabs[i].getAttribute('data-value') === targetTabValue) { BX.addClass(tabs[i], 'active'); BX.addClass(panelTabs[i], 'active'); } else { BX.removeClass(tabs[i], 'active'); BX.removeClass(panelTabs[i], 'active'); } } } } var scrollTop = BX.GetWindowScrollPos().scrollTop, containerTop = BX.pos(this.obTabContainers).top; if (scrollTop + 150 > containerTop) { new BX.easing({ duration: 500, start: {scroll: scrollTop}, finish: {scroll: containerTop - 150}, transition: BX.easing.makeEaseOut(BX.easing.transitions.quint), step: BX.delegate(function(state){ window.scrollTo(0, state.scroll); }, this) }).animate(); } }, initPopup: function() { if (this.config.usePopup) { this.node.imageContainer.style.cursor = 'zoom-in'; BX.bind(this.node.imageContainer, 'click', BX.delegate(this.toggleMainPictPopup, this)); BX.bind(document, 'keyup', BX.proxy(this.closeByEscape, this)); BX.bind( this.getEntity(this.obBigSlider, 'close-popup'), 'click', BX.proxy(this.hideMainPictPopup, this) ); } }, checkSliderControls: function(count) { var display = count > 1 ? '' : 'none'; this.node.sliderControlLeft && (this.node.sliderControlLeft.style.display = display); this.node.sliderControlRight && (this.node.sliderControlRight.style.display = display); }, setCurrentImg: function(img, showImage, showPanelImage) { var images, l; this.currentImg.id = img.ID; this.currentImg.src = img.SRC; this.currentImg.width = img.WIDTH; this.currentImg.height = img.HEIGHT; if (showImage && this.node.imageContainer) { images = this.getEntities(this.node.imageContainer, 'image'); l = images.length; while (l--) { if (images[l].getAttribute('data-id') == img.ID) { if (!BX.hasClass(images[l], 'active')) { this.node.sliderProgressBar && this.resetProgress(); } BX.addClass(images[l], 'active'); } else if (BX.hasClass(images[l], 'active')) { BX.removeClass(images[l], 'active'); } } } if (showPanelImage && this.smallCardNodes.picture) { this.smallCardNodes.picture.setAttribute('src', this.currentImg.src); } if (this.config.useMagnifier && !this.isTouchDevice) { this.setMagnifierParams(); if (showImage) { this.disableMagnifier(true); } } }, setMagnifierParams: function() { var images = this.getEntities(this.node.imageContainer, 'image'), l = images.length, current; while (l--) { // disable image title show current = images[l].querySelector('img'); current.setAttribute('data-title', current.getAttribute('title') || ''); current.removeAttribute('title'); if (images[l].getAttribute('data-id') == this.currentImg.id) { BX.unbind(this.currentImg.node, 'mouseover', BX.proxy(this.enableMagnifier, this)); this.currentImg.node = current; this.currentImg.node.style.backgroundImage = 'url(\'' + this.currentImg.src + '\')'; this.currentImg.node.style.backgroundSize = '100% auto'; BX.bind(this.currentImg.node, 'mouseover', BX.proxy(this.enableMagnifier, this)); } } }, enableMagnifier: function() { BX.bind(document, 'mousemove', BX.proxy(this.moveMagnifierArea, this)); }, disableMagnifier: function(animateSize) { if (!this.magnify.enabled) return; clearTimeout(this.magnify.timer); BX.removeClass(this.obBigSlider, 'magnified'); this.magnify.enabled = false; this.currentImg.node.style.backgroundSize = '100% auto'; if (animateSize) { // set initial size for css animation this.currentImg.node.style.height = this.magnify.height + 'px'; this.currentImg.node.style.width = this.magnify.width + 'px'; this.magnify.timer = setTimeout( BX.delegate(function(){ this.currentImg.node.src = this.currentImg.src; this.currentImg.node.style.height = ''; this.currentImg.node.style.width = ''; }, this), 250 ); } else { this.currentImg.node.src = this.currentImg.src; this.currentImg.node.style.height = ''; this.currentImg.node.style.width = ''; } BX.unbind(document, 'mousemove', BX.proxy(this.moveMagnifierArea, this)); }, moveMagnifierArea: function(e) { var posBigImg = BX.pos(this.currentImg.node), currentPos = this.inRect(e, posBigImg); if (this.inBound(posBigImg, currentPos)) { var posPercentX = (currentPos.X / this.currentImg.node.width) * 100, posPercentY = (currentPos.Y / this.currentImg.node.height) * 100, resolution, sliderWidth, w, h, zoomPercent; this.currentImg.node.style.backgroundPosition = posPercentX + '% ' + posPercentY + '%'; if (!this.magnify.enabled) { clearTimeout(this.magnify.timer); BX.addClass(this.obBigSlider, 'magnified'); // set initial size for css animation this.currentImg.node.style.height = (this.magnify.height = this.currentImg.node.clientHeight) + 'px'; this.currentImg.node.style.width = (this.magnify.width = this.currentImg.node.offsetWidth) + 'px'; resolution = this.currentImg.width / this.currentImg.height; sliderWidth = this.obBigSlider.offsetWidth; if (sliderWidth > this.currentImg.width && !BX.hasClass(this.obBigSlider, 'popup')) { w = sliderWidth; h = w / resolution; zoomPercent = 100; } else { w = this.currentImg.width; h = this.currentImg.height; zoomPercent = this.config.magnifierZoomPercent > 100 ? this.config.magnifierZoomPercent : 100; } // base64 transparent pixel this.currentImg.node.src = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVQI12P4zwAAAgEBAKrChTYAAAAASUVORK5CYII='; this.currentImg.node.style.backgroundSize = zoomPercent + '% auto'; // set target size this.magnify.timer = setTimeout(BX.delegate(function(){ this.currentImg.node.style.height = h + 'px'; this.currentImg.node.style.width = w + 'px'; }, this), 10 ); } this.magnify.enabled = true; } else { this.disableMagnifier(true); } }, inBound: function(rect, point) { return ( (point.Y >= 0 && rect.height >= point.Y) && (point.X >= 0 && rect.width >= point.X) ); }, inRect: function(e, rect) { var wndSize = BX.GetWindowSize(), currentPos = { X: 0, Y: 0, globalX: 0, globalY: 0 }; currentPos.globalX = e.clientX + wndSize.scrollLeft; if (e.offsetX && e.offsetX < 0) { currentPos.globalX -= e.offsetX; } currentPos.X = currentPos.globalX - rect.left; currentPos.globalY = e.clientY + wndSize.scrollTop; if (e.offsetY && e.offsetY < 0) { currentPos.globalY -= e.offsetY; } currentPos.Y = currentPos.globalY - rect.top; return currentPos; }, setProductMainPict: function(intPict) { var indexPict = -1, i = 0, j = 0, value = ''; if (this.product.sliderCount) { for (j = 0; j < this.product.sliderPict.length; j++) { if (intPict === this.product.sliderPict[j].ID) { indexPict = j; break; } } if (indexPict > -1) { if (this.product.sliderPict[indexPict]) { this.setCurrentImg(this.product.sliderPict[indexPict], true); } for (i = 0; i < this.product.slider.ITEMS.length; i++) { value = this.product.slider.ITEMS[i].getAttribute('data-value'); if (value === intPict) { BX.addClass(this.product.slider.ITEMS[i], 'active'); } else if (BX.hasClass(this.product.slider.ITEMS[i], 'active')) { BX.removeClass(this.product.slider.ITEMS[i], 'active'); } } } } }, onSliderControlHover: function() { var target = BX.proxy_context; this.mouseTimer = setTimeout( BX.delegate(function(){ this.selectSliderImg(target); }, this), 200 ); }, onSliderControlLeave: function() { clearTimeout(this.mouseTimer); this.mouseTimer = null; }, selectSliderImg: function(target) { var strValue = '', arItem = []; target = BX.type.isDomNode(target) ? target : BX.proxy_context; if (target && target.hasAttribute('data-value')) { strValue = target.getAttribute('data-value'); if (strValue.indexOf('_') !== -1) { arItem = strValue.split('_'); this.setMainPict(arItem[0], arItem[1]); } else { this.setProductMainPict(strValue); } } }, setMainPict: function(intSlider, intPict, changePanelPict) { var index = -1, indexPict = -1, i, j, value = '', strValue = ''; for (i = 0; i < this.offers.length; i++) { if (intSlider === this.offers[i].ID) { index = i; break; } } if (index > -1) { if (this.offers[index].SLIDER_COUNT > 0) { for (j = 0; j < this.offers[index].SLIDER.length; j++) { if (intPict === this.offers[index].SLIDER[j].ID) { indexPict = j; break; } } if (indexPict > -1) { if (this.offers[index].SLIDER[indexPict]) { this.setCurrentImg(this.offers[index].SLIDER[indexPict], true, changePanelPict); } strValue = intSlider + '_' + intPict; for (i = 0; i < this.product.slider.ITEMS.length; i++) { value = this.product.slider.ITEMS[i].getAttribute('data-value'); if (value === strValue) { BX.addClass(this.product.slider.ITEMS[i], 'active'); } else if (BX.hasClass(this.product.slider.ITEMS[i], 'active')) { BX.removeClass(this.product.slider.ITEMS[i], 'active'); } } } } } }, setMainPictFromItem: function(index) { if (this.node.imageContainer) { var boolSet = false, obNewPict = {}; if (this.offers[index]) { if (this.offers[index].DETAIL_PICTURE) { obNewPict = this.offers[index].DETAIL_PICTURE; boolSet = true; } else if (this.offers[index].PREVIEW_PICTURE) { obNewPict = this.offers[index].PREVIEW_PICTURE; boolSet = true; } } if (!boolSet) { if (this.defaultPict.detail) { obNewPict = this.defaultPict.detail; boolSet = true; } else if (this.defaultPict.preview) { obNewPict = this.defaultPict.preview; boolSet = true; } } if (boolSet) { this.setCurrentImg(obNewPict, true, true); } } }, toggleMainPictPopup: function() { if (BX.hasClass(this.obBigSlider, 'popup')) { this.hideMainPictPopup(); } else { this.showMainPictPopup(); } }, showMainPictPopup: function() { this.config.useMagnifier && this.disableMagnifier(false); BX.addClass(this.obBigSlider, 'popup'); this.node.imageContainer.style.cursor = ''; // remove double scroll bar document.body.style.overflow = 'hidden'; }, hideMainPictPopup: function() { this.config.useMagnifier && this.disableMagnifier(false); BX.removeClass(this.obBigSlider, 'popup'); this.node.imageContainer.style.cursor = 'zoom-in'; // remove double scroll bar document.body.style.overflow = ''; }, closeByEscape: function(event) { event = event || window.event; if (event.keyCode == 27) { this.hideMainPictPopup(); } }, quantityUp: function() { var curValue = 0, boolSet = true; if (this.errorCode === 0 && this.config.showQuantity && this.canBuy && !this.isGift) { curValue = this.isDblQuantity ? parseFloat(this.obQuantity.value) : parseInt(this.obQuantity.value, 10); if (!isNaN(curValue)) { curValue += this.stepQuantity; curValue = this.checkQuantityRange(curValue, 'up'); if (this.checkQuantity && curValue > this.maxQuantity) { boolSet = false; } if (boolSet) { if (this.isDblQuantity) { curValue = Math.round(curValue * this.precisionFactor) / this.precisionFactor; } this.obQuantity.value = curValue; this.setPrice(); } } } }, quantityDown: function() { var curValue = 0, boolSet = true; if (this.errorCode === 0 && this.config.showQuantity && this.canBuy && !this.isGift) { curValue = (this.isDblQuantity ? parseFloat(this.obQuantity.value) : parseInt(this.obQuantity.value, 10)); if (!isNaN(curValue)) { curValue -= this.stepQuantity; curValue = this.checkQuantityRange(curValue, 'down'); if (curValue < this.minQuantity) { boolSet = false; } if (boolSet) { if (this.isDblQuantity) { curValue = Math.round(curValue * this.precisionFactor) / this.precisionFactor; } this.obQuantity.value = curValue; this.setPrice(); } } } }, quantityChange: function() { var curValue = 0, intCount; if (this.errorCode === 0 && this.config.showQuantity) { if (this.canBuy) { curValue = this.isDblQuantity ? parseFloat(this.obQuantity.value) : Math.round(this.obQuantity.value); if (!isNaN(curValue)) { curValue = this.checkQuantityRange(curValue); if (this.checkQuantity) { if (curValue > this.maxQuantity) { curValue = this.maxQuantity; } } this.checkPriceRange(curValue); if (curValue < this.minQuantity) { curValue = this.minQuantity; } else { intCount = Math.round( Math.round(curValue * this.precisionFactor / this.stepQuantity) / this.precisionFactor ) || 1; curValue = (intCount <= 1 ? this.stepQuantity : intCount * this.stepQuantity); curValue = Math.round(curValue * this.precisionFactor) / this.precisionFactor; } this.obQuantity.value = curValue; } else { this.obQuantity.value = this.minQuantity; } } else { this.obQuantity.value = this.minQuantity; } this.setPrice(); } }, quantitySet: function(index) { var strLimit, resetQuantity; var newOffer = this.offers[index], oldOffer = this.offers[this.offerNum]; if (this.errorCode === 0) { this.canBuy = newOffer.CAN_BUY; this.currentPriceMode = newOffer.ITEM_PRICE_MODE; this.currentPrices = newOffer.ITEM_PRICES; this.currentPriceSelected = newOffer.ITEM_PRICE_SELECTED; this.currentQuantityRanges = newOffer.ITEM_QUANTITY_RANGES; this.currentQuantityRangeSelected = newOffer.ITEM_QUANTITY_RANGE_SELECTED; if (this.canBuy) { this.node.quantity && BX.style(this.node.quantity, 'display', ''); this.obBasketActions && BX.style(this.obBasketActions, 'display', ''); this.smallCardNodes.buyButton && BX.style(this.smallCardNodes.buyButton, 'display', ''); this.smallCardNodes.addButton && BX.style(this.smallCardNodes.addButton, 'display', ''); this.obNotAvail && BX.style(this.obNotAvail, 'display', 'none'); this.smallCardNodes.notAvailableButton && BX.style(this.smallCardNodes.notAvailableButton, 'display', 'none'); this.obSubscribe && BX.style(this.obSubscribe, 'display', 'none'); } else { this.node.quantity && BX.style(this.node.quantity, 'display', 'none'); this.obBasketActions && BX.style(this.obBasketActions, 'display', 'none'); this.smallCardNodes.buyButton && BX.style(this.smallCardNodes.buyButton, 'display', 'none'); this.smallCardNodes.addButton && BX.style(this.smallCardNodes.addButton, 'display', 'none'); this.obNotAvail && BX.style(this.obNotAvail, 'display', ''); this.smallCardNodes.notAvailableButton && BX.style(this.smallCardNodes.notAvailableButton, 'display', ''); if (this.obSubscribe) { if (newOffer.CATALOG_SUBSCRIBE === 'Y') { BX.style(this.obSubscribe, 'display', ''); this.obSubscribe.setAttribute('data-item', newOffer.ID); BX(this.visual.SUBSCRIBE_LINK + '_hidden').click(); } else { BX.style(this.obSubscribe, 'display', 'none'); } } } this.isDblQuantity = newOffer.QUANTITY_FLOAT; this.checkQuantity = newOffer.CHECK_QUANTITY; if (this.isDblQuantity) { this.stepQuantity = Math.round(parseFloat(newOffer.STEP_QUANTITY) * this.precisionFactor) / this.precisionFactor; this.maxQuantity = parseFloat(newOffer.MAX_QUANTITY); this.minQuantity = this.currentPriceMode === 'Q' ? parseFloat(this.currentPrices[this.currentPriceSelected].MIN_QUANTITY) : this.stepQuantity; } else { this.stepQuantity = parseInt(newOffer.STEP_QUANTITY, 10); this.maxQuantity = parseInt(newOffer.MAX_QUANTITY, 10); this.minQuantity = this.currentPriceMode === 'Q' ? parseInt(this.currentPrices[this.currentPriceSelected].MIN_QUANTITY) : this.stepQuantity; } if (this.config.showQuantity) { var isDifferentMinQuantity = oldOffer.ITEM_PRICES.length && oldOffer.ITEM_PRICES[oldOffer.ITEM_PRICE_SELECTED] && oldOffer.ITEM_PRICES[oldOffer.ITEM_PRICE_SELECTED].MIN_QUANTITY != this.minQuantity; if (this.isDblQuantity) { resetQuantity = Math.round(parseFloat(oldOffer.STEP_QUANTITY) * this.precisionFactor) / this.precisionFactor !== this.stepQuantity || isDifferentMinQuantity || oldOffer.MEASURE !== newOffer.MEASURE || ( this.checkQuantity && parseFloat(oldOffer.MAX_QUANTITY) > this.maxQuantity && parseFloat(this.obQuantity.value) > this.maxQuantity ); } else { resetQuantity = parseInt(oldOffer.STEP_QUANTITY, 10) !== this.stepQuantity || isDifferentMinQuantity || oldOffer.MEASURE !== newOffer.MEASURE || ( this.checkQuantity && parseInt(oldOffer.MAX_QUANTITY, 10) > this.maxQuantity && parseInt(this.obQuantity.value, 10) > this.maxQuantity ); } this.obQuantity.disabled = !this.canBuy; if (resetQuantity) { this.obQuantity.value = this.minQuantity; } if (this.obMeasure) { if (newOffer.MEASURE) { BX.adjust(this.obMeasure, {html: newOffer.MEASURE}); } else { BX.adjust(this.obMeasure, {html: ''}); } } } if (this.obQuantityLimit.all) { if (!this.checkQuantity || this.maxQuantity == 0) { BX.adjust(this.obQuantityLimit.value, {html: ''}); BX.adjust(this.obQuantityLimit.all, {style: {display: 'none'}}); } else { if (this.config.showMaxQuantity === 'M') { strLimit = (this.maxQuantity / this.stepQuantity >= this.config.relativeQuantityFactor) ? BX.message('RELATIVE_QUANTITY_MANY') : BX.message('RELATIVE_QUANTITY_FEW'); } else { strLimit = this.maxQuantity; if (newOffer.MEASURE) { strLimit += (' ' + newOffer.MEASURE); } } BX.adjust(this.obQuantityLimit.value, {html: strLimit}); BX.adjust(this.obQuantityLimit.all, {style: {display: ''}}); } } if (this.config.usePriceRanges && this.obPriceRanges) { if ( this.currentPriceMode === 'Q' && newOffer.PRICE_RANGES_HTML ) { var rangesBody = this.getEntity(this.obPriceRanges, 'price-ranges-body'), rangesRatioHeader = this.getEntity(this.obPriceRanges, 'price-ranges-ratio-header'); if (rangesBody) { rangesBody.innerHTML = newOffer.PRICE_RANGES_HTML; } if (rangesRatioHeader) { rangesRatioHeader.innerHTML = newOffer.PRICE_RANGES_RATIO_HTML; } this.obPriceRanges.style.display = ''; } else { this.obPriceRanges.style.display = 'none'; } } } }, selectOfferProp: function() { var i = 0, strTreeValue = '', arTreeItem = [], rowItems = null, target = BX.proxy_context, smallCardItem; if (target && target.hasAttribute('data-treevalue')) { if (BX.hasClass(target, 'selected')) return; if (typeof document.activeElement === 'object') { document.activeElement.blur(); } strTreeValue = target.getAttribute('data-treevalue'); arTreeItem = strTreeValue.split('_'); this.searchOfferPropIndex(arTreeItem[0], arTreeItem[1]); rowItems = BX.findChildren(target.parentNode, {tagName: 'li'}, false); if (rowItems && rowItems.length) { for (i = 0; i < rowItems.length; i++) { BX.removeClass(rowItems[i], 'selected'); } } BX.addClass(target, 'selected'); if (this.smallCardNodes.panel) { smallCardItem = this.smallCardNodes.panel.querySelector('[data-treevalue="' + strTreeValue + '"]'); if (smallCardItem) { rowItems = this.smallCardNodes.panel.querySelectorAll('[data-sku-line="' + smallCardItem.getAttribute('data-sku-line') + '"]'); for (i = 0; i < rowItems.length; i++) { rowItems[i].style.display = 'none'; } smallCardItem.style.display = ''; } } } }, searchOfferPropIndex: function(strPropID, strPropValue) { var strName = '', arShowValues = false, arCanBuyValues = [], allValues = [], index = -1, i, j, arFilter = {}, tmpFilter = []; for (i = 0; i < this.treeProps.length; i++) { if (this.treeProps[i].ID === strPropID) { index = i; break; } } if (index > -1) { for (i = 0; i < index; i++) { strName = 'PROP_' + this.treeProps[i].ID; arFilter[strName] = this.selectedValues[strName]; } strName = 'PROP_' + this.treeProps[index].ID; arFilter[strName] = strPropValue; for (i = index + 1; i < this.treeProps.length; i++) { strName = 'PROP_' + this.treeProps[i].ID; arShowValues = this.getRowValues(arFilter, strName); if (!arShowValues) break; allValues = []; if (this.config.showAbsent) { arCanBuyValues = []; tmpFilter = []; tmpFilter = BX.clone(arFilter, true); for (j = 0; j < arShowValues.length; j++) { tmpFilter[strName] = arShowValues[j]; allValues[allValues.length] = arShowValues[j]; if (this.getCanBuy(tmpFilter)) arCanBuyValues[arCanBuyValues.length] = arShowValues[j]; } } else { arCanBuyValues = arShowValues; } if (this.selectedValues[strName] && BX.util.in_array(this.selectedValues[strName], arCanBuyValues)) { arFilter[strName] = this.selectedValues[strName]; } else { if (this.config.showAbsent) { arFilter[strName] = (arCanBuyValues.length ? arCanBuyValues[0] : allValues[0]); } else { arFilter[strName] = arCanBuyValues[0]; } } this.updateRow(i, arFilter[strName], arShowValues, arCanBuyValues); } this.selectedValues = arFilter; this.changeInfo(); } }, updateRow: function(intNumber, activeId, showId, canBuyId) { var i = 0, value = '', isCurrent = false, rowItems = null; var lineContainer = this.getEntities(this.obTree, 'sku-line-block'); if (intNumber > -1 && intNumber < lineContainer.length) { rowItems = lineContainer[intNumber].querySelectorAll('li'); for (i = 0; i < rowItems.length; i++) { value = rowItems[i].getAttribute('data-onevalue'); isCurrent = value === activeId; if (isCurrent) { BX.addClass(rowItems[i], 'selected'); } else { BX.removeClass(rowItems[i], 'selected'); } if (BX.util.in_array(value, canBuyId)) { BX.removeClass(rowItems[i], 'notallowed'); } else { BX.addClass(rowItems[i], 'notallowed'); } rowItems[i].style.display = BX.util.in_array(value, showId) ? '' : 'none'; if (isCurrent) { lineContainer[intNumber].style.display = (value == 0 && canBuyId.length == 1) ? 'none' : ''; } } if (this.smallCardNodes.panel) { rowItems = this.smallCardNodes.panel.querySelectorAll('[data-sku-line="' + intNumber + '"]'); for (i = 0; i < rowItems.length; i++) { value = rowItems[i].getAttribute('data-onevalue'); isCurrent = value === activeId; if (isCurrent) { rowItems[i].style.display = ''; } else { rowItems[i].style.display = 'none'; } if (BX.util.in_array(value, canBuyId)) { BX.removeClass(rowItems[i], 'notallowed'); } else { BX.addClass(rowItems[i], 'notallowed'); } if (isCurrent) { rowItems[i].style.display = (value == 0 && canBuyId.length == 1) ? 'none' : ''; } } } } }, getRowValues: function(arFilter, index) { var arValues = [], i = 0, j = 0, boolSearch = false, boolOneSearch = true; if (arFilter.length === 0) { for (i = 0; i < this.offers.length; i++) { if (!BX.util.in_array(this.offers[i].TREE[index], arValues)) { arValues[arValues.length] = this.offers[i].TREE[index]; } } boolSearch = true; } else { for (i = 0; i < this.offers.length; i++) { boolOneSearch = true; for (j in arFilter) { if (arFilter[j] !== this.offers[i].TREE[j]) { boolOneSearch = false; break; } } if (boolOneSearch) { if (!BX.util.in_array(this.offers[i].TREE[index], arValues)) { arValues[arValues.length] = this.offers[i].TREE[index]; } boolSearch = true; } } } return (boolSearch ? arValues : false); }, getCanBuy: function(arFilter) { var i, j = 0, boolOneSearch = true, boolSearch = false; for (i = 0; i < this.offers.length; i++) { boolOneSearch = true; for (j in arFilter) { if (arFilter[j] !== this.offers[i].TREE[j]) { boolOneSearch = false; break; } } if (boolOneSearch) { if (this.offers[i].CAN_BUY) { boolSearch = true; break; } } } return boolSearch; }, setCurrent: function() { var i, j = 0, strName = '', arShowValues = false, arCanBuyValues = [], arFilter = {}, tmpFilter = [], current = this.offers[this.offerNum].TREE; for (i = 0; i < this.treeProps.length; i++) { strName = 'PROP_' + this.treeProps[i].ID; arShowValues = this.getRowValues(arFilter, strName); if (!arShowValues) break; if (BX.util.in_array(current[strName], arShowValues)) { arFilter[strName] = current[strName]; } else { arFilter[strName] = arShowValues[0]; this.offerNum = 0; } if (this.config.showAbsent) { arCanBuyValues = []; tmpFilter = []; tmpFilter = BX.clone(arFilter, true); for (j = 0; j < arShowValues.length; j++) { tmpFilter[strName] = arShowValues[j]; if (this.getCanBuy(tmpFilter)) { arCanBuyValues[arCanBuyValues.length] = arShowValues[j]; } } } else { arCanBuyValues = arShowValues; } this.updateRow(i, arFilter[strName], arShowValues, arCanBuyValues); } this.selectedValues = arFilter; this.changeInfo(); }, changeInfo: function() { var index = -1, j = 0, boolOneSearch = true, eventData = { currentId: (this.offerNum > -1 ? this.offers[this.offerNum].ID : 0), newId: 0 }; var i, offerGroupNode; for (i = 0; i < this.offers.length; i++) { boolOneSearch = true; for (j in this.selectedValues) { if (this.selectedValues[j] !== this.offers[i].TREE[j]) { boolOneSearch = false; break; } } if (boolOneSearch) { index = i; break; } } if (index > -1) { if (index != this.offerNum) { this.isGift = false; } this.drawImages(this.offers[index].SLIDER); this.checkSliderControls(this.offers[index].SLIDER_COUNT); for (i = 0; i < this.offers.length; i++) { if (this.config.showOfferGroup && this.offers[i].OFFER_GROUP) { if (offerGroupNode = BX(this.visual.OFFER_GROUP + this.offers[i].ID)) { offerGroupNode.style.display = (i == index ? '' : 'none'); } } if (this.slider.controls[i].ID) { if (i === index) { this.product.slider = this.slider.controls[i]; this.slider.controls[i].CONT && BX.show(this.slider.controls[i].CONT); } else { this.slider.controls[i].CONT && BX.hide(this.slider.controls[i].CONT); } } else if (i === index) { this.product.slider = {}; } } if (this.offers[index].SLIDER_COUNT > 0) { this.setMainPict(this.offers[index].ID, this.offers[index].SLIDER[0].ID, true); } else { this.setMainPictFromItem(index); } if (this.offers[index].SLIDER_COUNT > 1) { this.initSlider(); } else { this.stopSlider(); } if (this.config.showSkuProps) { if (this.obSkuProps) { if (!this.offers[index].DISPLAY_PROPERTIES) { BX.adjust(this.obSkuProps, {style: {display: 'none'}, html: ''}); } else { BX.adjust(this.obSkuProps, {style: {display: ''}, html: this.offers[index].DISPLAY_PROPERTIES}); } } if (this.obMainSkuProps) { if (!this.offers[index].DISPLAY_PROPERTIES_MAIN_BLOCK) { BX.adjust(this.obMainSkuProps, {style: {display: 'none'}, html: ''}); } else { BX.adjust(this.obMainSkuProps, {style: {display: ''}, html: this.offers[index].DISPLAY_PROPERTIES_MAIN_BLOCK}); } } } this.quantitySet(index); this.setPrice(); this.setCompared(this.offers[index].COMPARED); this.offerNum = index; this.fixFontCheck(); this.setAnalyticsDataLayer('showDetail'); this.incViewedCounter(); eventData.newId = this.offers[this.offerNum].ID; // only for compatible catalog.store.amount custom templates BX.onCustomEvent('onCatalogStoreProductChange', [this.offers[this.offerNum].ID]); // new event BX.onCustomEvent('onCatalogElementChangeOffer', [eventData]); eventData = null; } }, drawImages: function(images) { if (!this.node.imageContainer) return; var i, img, entities = this.getEntities(this.node.imageContainer, 'image'); for (i in entities) { if (entities.hasOwnProperty(i) && BX.type.isDomNode(entities[i])) { BX.remove(entities[i]); } } for (i = 0; i < images.length; i++) { img = BX.create('IMG', { props: { src: images[i].SRC, alt: this.config.alt, title: this.config.title } }); if (i == 0) { img.setAttribute('itemprop', 'image'); } this.node.imageContainer.appendChild( BX.create('DIV', { attrs: { 'data-entity': 'image', 'data-id': images[i].ID }, props: { className: 'product-item-detail-slider-image' + (i == 0 ? ' active' : '') }, children: [img] }) ); } }, restoreSticker: function() { if (this.previousStickerText) { this.redrawSticker({text: this.previousStickerText}); } else { this.hideSticker(); } }, hideSticker: function() { BX.hide(BX(this.visual.STICKER_ID)); }, redrawSticker: function(stickerData) { stickerData = stickerData || {}; var text = stickerData.text || ''; var sticker = BX(this.visual.STICKER_ID); if (!sticker) return; BX.show(sticker); var previousStickerText = sticker.getAttribute('title'); if (previousStickerText && previousStickerText != text) { this.previousStickerText = previousStickerText; } BX.adjust(sticker, {text: text, attrs: {title: text}}); }, checkQuantityRange: function(quantity, direction) { if (typeof quantity === 'undefined'|| this.currentPriceMode !== 'Q') { return quantity; } quantity = parseFloat(quantity); var nearestQuantity = quantity; var range, diffFrom, absDiffFrom, diffTo, absDiffTo, shortestDiff; for (var i in this.currentQuantityRanges) { if (this.currentQuantityRanges.hasOwnProperty(i)) { range = this.currentQuantityRanges[i]; if ( parseFloat(quantity) >= parseFloat(range.SORT_FROM) && ( range.SORT_TO === 'INF' || parseFloat(quantity) <= parseFloat(range.SORT_TO) ) ) { nearestQuantity = quantity; break; } else { diffFrom = parseFloat(range.SORT_FROM) - quantity; absDiffFrom = Math.abs(diffFrom); diffTo = parseFloat(range.SORT_TO) - quantity; absDiffTo = Math.abs(diffTo); if (shortestDiff === undefined || shortestDiff > absDiffFrom) { if ( direction === undefined || (direction === 'up' && diffFrom > 0) || (direction === 'down' && diffFrom < 0) ) { shortestDiff = absDiffFrom; nearestQuantity = parseFloat(range.SORT_FROM); } } if (shortestDiff === undefined || shortestDiff > absDiffTo) { if ( direction === undefined || (direction === 'up' && diffFrom > 0) || (direction === 'down' && diffFrom < 0) ) { shortestDiff = absDiffTo; nearestQuantity = parseFloat(range.SORT_TO); } } } } } return nearestQuantity; }, checkPriceRange: function(quantity) { if (typeof quantity === 'undefined'|| this.currentPriceMode !== 'Q') { return; } var range, found = false; for (var i in this.currentQuantityRanges) { if (this.currentQuantityRanges.hasOwnProperty(i)) { range = this.currentQuantityRanges[i]; if ( parseFloat(quantity) >= parseFloat(range.SORT_FROM) && ( range.SORT_TO === 'INF' || parseFloat(quantity) <= parseFloat(range.SORT_TO) ) ) { found = true; this.currentQuantityRangeSelected = range.HASH; break; } } } if (!found && (range = this.getMinPriceRange())) { this.currentQuantityRangeSelected = range.HASH; } for (var k in this.currentPrices) { if (this.currentPrices.hasOwnProperty(k)) { if (this.currentPrices[k].QUANTITY_HASH == this.currentQuantityRangeSelected) { this.currentPriceSelected = k; break; } } } }, getMinPriceRange: function() { var range; for (var i in this.currentQuantityRanges) { if (this.currentQuantityRanges.hasOwnProperty(i)) { if ( !range || parseInt(this.currentQuantityRanges[i].SORT_FROM) < parseInt(range.SORT_FROM) ) { range = this.currentQuantityRanges[i]; } } } return range; }, checkQuantityControls: function() { if (!this.obQuantity) return; var reachedTopLimit = this.checkQuantity && parseFloat(this.obQuantity.value) + this.stepQuantity > this.maxQuantity, reachedBottomLimit = parseFloat(this.obQuantity.value) - this.stepQuantity < this.minQuantity; if (reachedTopLimit) { BX.addClass(this.obQuantityUp, 'product-item-amount-field-btn-disabled'); } else if (BX.hasClass(this.obQuantityUp, 'product-item-amount-field-btn-disabled')) { BX.removeClass(this.obQuantityUp, 'product-item-amount-field-btn-disabled'); } if (reachedBottomLimit) { BX.addClass(this.obQuantityDown, 'product-item-amount-field-btn-disabled'); } else if (BX.hasClass(this.obQuantityDown, 'product-item-amount-field-btn-disabled')) { BX.removeClass(this.obQuantityDown, 'product-item-amount-field-btn-disabled'); } if (reachedTopLimit && reachedBottomLimit) { this.obQuantity.setAttribute('disabled', 'disabled'); } else { this.obQuantity.removeAttribute('disabled'); } }, setPrice: function() { var economyInfo = '', price; if (this.obQuantity) { this.checkPriceRange(this.obQuantity.value); } this.checkQuantityControls(); price = this.currentPrices[this.currentPriceSelected]; if (this.isGift) { price.PRICE = 0; price.DISCOUNT = price.BASE_PRICE; price.PERCENT = 100; } if (this.obPrice.price) { if (price) { BX.adjust(this.obPrice.price, {html: BX.Currency.currencyFormat(price.RATIO_PRICE, price.CURRENCY, true)}); this.smallCardNodes.price && BX.adjust(this.smallCardNodes.price, { html: BX.Currency.currencyFormat(price.RATIO_PRICE, price.CURRENCY, true) }); } else { BX.adjust(this.obPrice.price, {html: ''}); this.smallCardNodes.price && BX.adjust(this.smallCardNodes.price, {html: ''}); } if (price && price.RATIO_PRICE !== price.RATIO_BASE_PRICE) { if (this.config.showOldPrice) { this.obPrice.full && BX.adjust(this.obPrice.full, { style: {display: ''}, html: BX.Currency.currencyFormat(price.RATIO_BASE_PRICE, price.CURRENCY, true) }); this.smallCardNodes.oldPrice && BX.adjust(this.smallCardNodes.oldPrice, { style: {display: ''}, html: BX.Currency.currencyFormat(price.RATIO_BASE_PRICE, price.CURRENCY, true) }); if (this.obPrice.discount) { economyInfo = BX.message('ECONOMY_INFO_MESSAGE'); economyInfo = economyInfo.replace('#ECONOMY#', BX.Currency.currencyFormat(price.RATIO_DISCOUNT, price.CURRENCY, true)); BX.adjust(this.obPrice.discount, {style: {display: ''}, html: economyInfo}); } } if (this.config.showPercent) { this.obPrice.percent && BX.adjust(this.obPrice.percent, { style: {display: ''}, html: -price.PERCENT + '%' }); } } else { if (this.config.showOldPrice) { this.obPrice.full && BX.adjust(this.obPrice.full, {style: {display: 'none'}, html: ''}); this.smallCardNodes.oldPrice && BX.adjust(this.smallCardNodes.oldPrice, {style: {display: 'none'}, html: ''}); this.obPrice.discount && BX.adjust(this.obPrice.discount, {style: {display: 'none'}, html: ''}); } if (this.config.showPercent) { this.obPrice.percent && BX.adjust(this.obPrice.percent, {style: {display: 'none'}, html: ''}); } } if (this.obPrice.total) { if (price && this.obQuantity && this.obQuantity.value != this.stepQuantity) { BX.adjust(this.obPrice.total, { html: BX.message('PRICE_TOTAL_PREFIX') + ' ' + BX.Currency.currencyFormat(price.PRICE * this.obQuantity.value, price.CURRENCY, true) + '', style: {display: ''} }); } else { BX.adjust(this.obPrice.total, { html: '', style: {display: 'none'} }); } } } }, compare: function(event) { var checkbox = this.obCompare.querySelector('[data-entity="compare-checkbox"]'), target = BX.getEventTarget(event), checked = true; if (checkbox) { checked = target === checkbox ? checkbox.checked : !checkbox.checked; } var url = checked ? this.compareData.compareUrl : this.compareData.compareDeleteUrl, compareLink; if (url) { if (target !== checkbox) { BX.PreventDefault(event); this.setCompared(checked); } switch (this.productType) { case 0: // no catalog case 1: // product case 2: // set compareLink = url.replace('#ID#', this.product.id.toString()); break; case 3: // sku compareLink = url.replace('#ID#', this.offers[this.offerNum].ID); break; } BX.ajax({ method: 'POST', dataType: checked ? 'json' : 'html', url: compareLink + (compareLink.indexOf('?') !== -1 ? '&' : '?') + 'ajax_action=Y', onsuccess: checked ? BX.proxy(this.compareResult, this) : BX.proxy(this.compareDeleteResult, this) }); } }, compareResult: function(result) { var popupContent, popupButtons; if (this.obPopupWin) { this.obPopupWin.close(); } if (!BX.type.isPlainObject(result)) return; this.initPopupWindow(); if (this.offers.length > 0) { this.offers[this.offerNum].COMPARED = result.STATUS === 'OK'; } if (result.STATUS === 'OK') { BX.onCustomEvent('OnCompareChange'); popupContent = '

' + BX.message('COMPARE_MESSAGE_OK') + '

'; if (this.config.showClosePopup) { popupButtons = [ new BasketButton({ text: BX.message('BTN_MESSAGE_COMPARE_REDIRECT'), events: { click: BX.delegate(this.compareRedirect, this) }, style: {marginRight: '10px'} }), new BasketButton({ text: BX.message('BTN_MESSAGE_CLOSE_POPUP'), events: { click: BX.delegate(this.obPopupWin.close, this.obPopupWin) } }) ]; } else { popupButtons = [ new BasketButton({ text: BX.message('BTN_MESSAGE_COMPARE_REDIRECT'), events: { click: BX.delegate(this.compareRedirect, this) } }) ]; } } else { popupContent = '

' + (result.MESSAGE ? result.MESSAGE : BX.message('COMPARE_UNKNOWN_ERROR')) + '

'; popupButtons = [ new BasketButton({ text: BX.message('BTN_MESSAGE_CLOSE'), events: { click: BX.delegate(this.obPopupWin.close, this.obPopupWin) } }) ]; } this.obPopupWin.setTitleBar(BX.message('COMPARE_TITLE')); this.obPopupWin.setContent(popupContent); this.obPopupWin.setButtons(popupButtons); this.obPopupWin.show(); }, compareDeleteResult: function() { BX.onCustomEvent('OnCompareChange'); if (this.offers && this.offers.length) { this.offers[this.offerNum].COMPARED = false; } }, setCompared: function(state) { if (!this.obCompare) return; var checkbox = this.getEntity(this.obCompare, 'compare-checkbox'); if (checkbox) { checkbox.checked = state; } }, setCompareInfo: function(comparedIds) { if (!BX.type.isArray(comparedIds)) return; for (var i in this.offers) { if (this.offers.hasOwnProperty(i)) { this.offers[i].COMPARED = BX.util.in_array(this.offers[i].ID, comparedIds); } } }, compareRedirect: function() { if (this.compareData.comparePath) { location.href = this.compareData.comparePath; } else { this.obPopupWin.close(); } }, checkDeletedCompare: function(id) { switch (this.productType) { case 0: // no catalog case 1: // product case 2: // set if (this.product.id == id) { this.setCompared(false); } break; case 3: // sku var i = this.offers.length; while (i--) { if (this.offers[i].ID == id) { this.offers[i].COMPARED = false; if (this.offerNum == i) { this.setCompared(false); } break; } } } }, initBasketUrl: function() { this.basketUrl = (this.basketMode === 'ADD' ? this.basketData.add_url : this.basketData.buy_url); switch (this.productType) { case 1: // product case 2: // set this.basketUrl = this.basketUrl.replace('#ID#', this.product.id.toString()); break; case 3: // sku this.basketUrl = this.basketUrl.replace('#ID#', this.offers[this.offerNum].ID); break; } this.basketParams = { 'ajax_basket': 'Y' }; if (this.config.showQuantity) { this.basketParams[this.basketData.quantity] = this.obQuantity.value; } if (this.basketData.sku_props) { this.basketParams[this.basketData.sku_props_var] = this.basketData.sku_props; } }, fillBasketProps: function() { if (!this.visual.BASKET_PROP_DIV) return; var i = 0, propCollection = null, foundValues = false, obBasketProps = null; if (this.basketData.useProps && !this.basketData.emptyProps) { if (this.obPopupWin && this.obPopupWin.contentContainer) { obBasketProps = this.obPopupWin.contentContainer; } } else { obBasketProps = BX(this.visual.BASKET_PROP_DIV); } if (obBasketProps) { propCollection = obBasketProps.getElementsByTagName('select'); if (propCollection && propCollection.length) { for (i = 0; i < propCollection.length; i++) { if (!propCollection[i].disabled) { switch (propCollection[i].type.toLowerCase()) { case 'select-one': this.basketParams[propCollection[i].name] = propCollection[i].value; foundValues = true; break; default: break; } } } } propCollection = obBasketProps.getElementsByTagName('input'); if (propCollection && propCollection.length) { for (i = 0; i < propCollection.length; i++) { if (!propCollection[i].disabled) { switch (propCollection[i].type.toLowerCase()) { case 'hidden': this.basketParams[propCollection[i].name] = propCollection[i].value; foundValues = true; break; case 'radio': if (propCollection[i].checked) { this.basketParams[propCollection[i].name] = propCollection[i].value; foundValues = true; } break; default: break; } } } } } if (!foundValues) { this.basketParams[this.basketData.props] = []; this.basketParams[this.basketData.props][0] = 0; } }, sendToBasket: function() { if (!this.canBuy) return; this.initBasketUrl(); this.fillBasketProps(); BX.ajax({ method: 'POST', dataType: 'json', url: this.basketUrl, data: this.basketParams, onsuccess: BX.proxy(this.basketResult, this) }); }, add2Basket: function() { this.basketMode = 'ADD'; this.basket(); }, buyBasket: function() { this.basketMode = 'BUY'; this.basket(); }, basket: function() { var contentBasketProps = ''; if (!this.canBuy) return; switch (this.productType) { case 1: // product case 2: // set if (this.basketData.useProps && !this.basketData.emptyProps) { this.initPopupWindow(); this.obPopupWin.setTitleBar(BX.message('TITLE_BASKET_PROPS')); if (BX(this.visual.BASKET_PROP_DIV)) { contentBasketProps = BX(this.visual.BASKET_PROP_DIV).innerHTML; } this.obPopupWin.setContent(contentBasketProps); this.obPopupWin.setButtons([ new BasketButton({ text: BX.message('BTN_SEND_PROPS'), events: { click: BX.delegate(this.sendToBasket, this) } }) ]); this.obPopupWin.show(); } else { this.sendToBasket(); } break; case 3: // sku this.sendToBasket(); break; } }, basketResult: function(arResult) { var popupContent, popupButtons, productPict; if (this.obPopupWin) { this.obPopupWin.close(); } if (!BX.type.isPlainObject(arResult)) return; if (arResult.STATUS === 'OK') { this.setAnalyticsDataLayer('addToCart'); } if (arResult.STATUS === 'OK' && this.basketMode === 'BUY') { this.basketRedirect(); } else { this.initPopupWindow(); if (arResult.STATUS === 'OK') { BX.onCustomEvent('OnBasketChange'); switch (this.productType) { case 1: // product case 2: // set productPict = this.product.pict.SRC; break; case 3: // sku productPict = this.offers[this.offerNum].PREVIEW_PICTURE ? this.offers[this.offerNum].PREVIEW_PICTURE.SRC : this.defaultPict.pict.SRC; break; } popupContent = '
' + '

' + this.product.name + '

'; if (this.config.showClosePopup) { popupButtons = [ new BasketButton({ text: BX.message('BTN_MESSAGE_BASKET_REDIRECT'), events: { click: BX.delegate(this.basketRedirect, this) }, style: {marginRight: '10px'} }), new BasketButton({ text: BX.message('BTN_MESSAGE_CLOSE_POPUP'), events: { click: BX.delegate(this.obPopupWin.close, this.obPopupWin) } }) ]; } else { popupButtons = [ new BasketButton({ text: BX.message('BTN_MESSAGE_BASKET_REDIRECT'), events: { click: BX.delegate(this.basketRedirect, this) } }) ]; } } else { popupContent = '

' + (arResult.MESSAGE ? arResult.MESSAGE : BX.message('BASKET_UNKNOWN_ERROR')) + '

'; popupButtons = [ new BasketButton({ text: BX.message('BTN_MESSAGE_CLOSE'), events: { click: BX.delegate(this.obPopupWin.close, this.obPopupWin) } }) ]; } this.obPopupWin.setTitleBar(arResult.STATUS === 'OK' ? BX.message('TITLE_SUCCESSFUL') : BX.message('TITLE_ERROR')); this.obPopupWin.setContent(popupContent); this.obPopupWin.setButtons(popupButtons); this.obPopupWin.show(); } }, basketRedirect: function() { location.href = (this.basketData.basketUrl ? this.basketData.basketUrl : BX.message('BASKET_URL')); }, initPopupWindow: function() { if (this.obPopupWin) return; this.obPopupWin = BX.PopupWindowManager.create('CatalogElementBasket_' + this.visual.ID, null, { autoHide: false, offsetLeft: 0, offsetTop: 0, overlay: true, closeByEsc: true, titleBar: true, closeIcon: true, contentColor: 'white', className: this.config.templateTheme ? 'bx-' + this.config.templateTheme : '' }); }, incViewedCounter: function() { if (this.currentIsSet && !this.updateViewedCount) { switch (this.productType) { case 1: case 2: this.viewedCounter.params.PRODUCT_ID = this.product.id; this.viewedCounter.params.PARENT_ID = this.product.id; break; case 3: this.viewedCounter.params.PARENT_ID = this.product.id; this.viewedCounter.params.PRODUCT_ID = this.offers[this.offerNum].ID; break; default: return; } this.viewedCounter.params.SITE_ID = BX.message('SITE_ID'); this.updateViewedCount = true; BX.ajax.post( this.viewedCounter.path, this.viewedCounter.params, BX.delegate(function() { this.updateViewedCount = false; }, this) ); } }, allowViewedCount: function(update) { this.currentIsSet = true; if (update) { this.incViewedCounter(); } }, fixFontCheck: function() { if (BX.type.isDomNode(this.obPrice.price)) { BX.FixFontSize && BX.FixFontSize.init({ objList: [{ node: this.obPrice.price, maxFontSize: 28, smallestValue: true, scaleBy: this.obPrice.price.parentNode }], onAdaptiveResize: true }); } } } })(window);