' + model.AvailabilityName + '');\n };\n\n Vendd.MessageBus.subscribe(Vendd.Product.Messages.Changed, wrapper, function (envelope) {\n model = envelope.message.data.model;\n\n if (lazyLoadSender) { \n wrapper.updatePrices();\n lazyLoadSender = false;\n } else {\n wrapper.update();\n } \n });\n\n //show in cart message\n Vendd.MessageBus.subscribe(Vendd.Cart.Messages.Changed, 'x-product-details', function (envelope) {\n var data = envelope.message.data.Cart.Items;\n var id = $wrapper.data('parent-id');\n var quantityInCart = 0, idsInCart = [], inCart = false;\n\n $wrapper.find('.js-remove-from-cart').attr('disabled', 'disabled').parent().addClass('disabled');\n\n for (var j = 0; j < data.length; j++) {\n if (id == data[j].ProductId) {\n quantityInCart += data[j].Quantity;\n idsInCart.push(data[j].Id);\n inCart = true;\n }\n }\n\n var decRegex = /^[0-9]*(\\.[0-9]+)$/;\n if (decRegex.test(quantityInCart)) {\n quantityInCart = quantityInCart.toFixed(2);\n }\n\n if (inCart) {\n $wrapper.prop('data-cartproductid', idsInCart);\n $wrapper.find('.js-remove-from-cart').removeAttr('disabled').parent().removeClass('disabled');\n $wrapper.find('.js-cart-quantity').text(\"(\" + quantityInCart + \")\");\n }\n });\n\n Vendd.MessageBus.subscribe(Vendd.Wishlist.Messages.Changed, wrapper, function (envelope) {\n wishlistModel = envelope.message.data;\n var state = Vendd.Product.Controller.getState();\n var skuId = state.selectedId;\n\n if (wishlistModel) {\n var productInWishlist = _.find(wishlistModel.Items, function (x) { return skuId === x.VariantId });\n var $wishlistButton = $('.x-product-details-ajax-buttons .wishlist-button', $wrapper);\n\n if (productInWishlist) {\n $wishlistButton.addClass('already-in-wishlist');\n $('.js-add-to-wishlist', $wishlistButton).addClass('disabled');\n $('.js-remove-from-wishlist', $wishlistButton).removeClass('disabled');\n } else {\n $wishlistButton.removeClass('already-in-wishlist');\n $('.js-add-to-wishlist', $wishlistButton).removeClass('disabled');\n $('.js-remove-from-wishlist', $wishlistButton).addClass('disabled');\n }\n }\n });\n\n Vendd.MessageBus.subscribe(Vendd.ProductCompare.Messages.GetWidgetModelSuccess, wrapper, function (envelope) {\n compareModel = envelope.message.data.model;\n var state = Vendd.Product.Controller.getState();\n var parentId = state.parentId;\n\n if (compareModel) {\n var productInCompare = _.find(compareModel.Items, function (x) { return parentId === x.Id });\n var $compareButton = $('.x-product-details-ajax-buttons .compare-button', $wrapper);\n\n if (productInCompare) {\n $compareButton.addClass('already-in-compare');\n $('.js-add-to-compare', $compareButton).addClass('disabled');\n $('.js-remove-from-compare', $compareButton).removeClass('disabled');\n } else {\n $compareButton.removeClass('already-in-compare');\n $('.js-add-to-compare', $compareButton).removeClass('disabled');\n $('.js-remove-from-compare', $compareButton).addClass('disabled');\n }\n }\n });\n\n lazyLoadPrices();\n\n lazyLoadAvailabilities();\n\n wrapper.bind();\n\n var funcCookiesEnabled = true;\n if (window.ConsentsManager) {\n funcCookiesEnabled = window.ConsentsManager.cookiesStatus.functionalityCookies;\n }\n\n if (LhApp.Context.LastViewedProducts != undefined && funcCookiesEnabled) {\n if (LhApp.Context.LastViewedProducts.LastViewedProductsIsActive) {\n var expirationDays = LhApp.Context.LastViewedProducts.LastViewedProductsExpirationDays;\n var productNumber = LhApp.Context.LastViewedProducts.LastViewedProductsNumber;\n var productId = LhApp.Context.Item.Id;\n\n var products = Cookies.get(\"LastViewedProducts\") || \"\";\n var productsArray = _.reject(products.split(\",\"), function (el) { return el == productId || el == \"\"; });\n productsArray.unshift(productId);\n var cookieValue = (_.first(productsArray, productNumber)).join(\",\");\n var expireDate = new Date();\n expireDate.setTime(expireDate.getTime() + expirationDays * 24 * 60 * 60 * 1000);\n Cookies.set(\"LastViewedProducts\", cookieValue, { secure: LhApp.Context.Request.IsSecure, expires: expireDate, samesite: 'Lax' });\n }\n }\n\n function initAlreadyInCart() {\n if ($('.in-details .js-remove-from-cart', $wrapper).length < 1)\n return;\n\n var removeCartBtn = $('.in-details .js-remove-from-cart', $wrapper);\n\n removeCartBtn.on('click', function (e) {\n e.preventDefault();\n e.stopPropagation();\n\n var $this = $(this), cartIds;\n\n cartIds = $wrapper.prop('data-cartproductid');\n\n Vendd.MessageBus.publishAsync($wrapper.get(0), new Vendd.Cart.Messages.MultipleRemove(cartIds));\n\n Vendd.MessageBus.subscribe(Vendd.Cart.Messages.MultipleRemoveSuccess, $wrapper, function (envelope) {\n $this.attr('disabled', 'disabled').parent().addClass('disabled');\n toastr.success(envelope.message.data.data.SuccessMessage, \"\", { timeOut: 1200, showDuration: 1000, hideDuration: 700 });\n Vendd.MessageBus.unsubscribe(Vendd.Cart.Messages.MultipleRemoveSuccess, $wrapper);\n });\n });\n }\n\n function initStickyColumn() {\n if ($('.sticky-column').length < 1) return;\n\n var sidebar = new StickySidebar('.sticky-column', {\n topSpacing: 50,\n bottomSpacing: 0,\n containerSelector: '.sticky-full',\n innerWrapperSelector: '.inner-sticky-column',\n resizeSensor: true,\n minWidth: 960\n\n });\n\n $(window).resize($.debounce(700, function (e) {\n if (!isTouch() || (isTouch() && $(window).width() > 959)) {\n $(\"html, body\").animate({ scrollTop: 0 }, 1);\n } \n }));\n\n setInterval(function () {\n if (!isTouch() || (isTouch() && $(window).width() > 959)) {\n $('.x-product-details-photo-gallery .main-gallery > ul').slick('setPosition');\n sidebar.updateSticky();\n } \n }, 500);\n }\n\n function lazyLoadPrices() {\n\n var b2bEnabled = $('.b2b', $wrapper).text().toLowerCase().trim() === \"true\";\n var lazyLoadPrices = $('.lazy-load-prices', $wrapper).text().toLowerCase().trim() === \"true\" || b2bEnabled;\n\n if (lazyLoadPrices) {\n Vendd.MessageBus.subscribe(Vendd.User.Messages.GetUserViewModelSuccess, wrapper, function (envelope) {\n //if lazy load enabled run this after user profile has been loaded since we need \n var skuId = parseInt($('.x-control.x-product-details[data-selected-id]').attr('data-selected-id'));\n //variable for run only updatePrices\n lazyLoadSender = $wrapper.data('default-sku-loaded').toLowerCase().trim() == \"true\" ? true : false;\n\n deleteSpinnerInstances();\n\n Vendd.MessageBus.publishAsync(wrapper, new Vendd.Product.Messages.SetSelected({ id: skuId, visitorInitiated: false }));\n });\n }\n }\n\n function lazyLoadAvailabilities() {\n\n var b2bEnabled = $('.b2b', $wrapper).text().toLowerCase().trim() === \"true\";\n var lazyLoadAvailabilities = $('.lazy-load-availabilities', $wrapper).text().toLowerCase().trim() === \"true\" || b2bEnabled;\n \n if (lazyLoadAvailabilities) {\n\n var deliveryPointModel = JSON.parse(localStorage.getItem(\"CurrentDeliveryPointModel\"));\n if (deliveryPointModel) if (deliveryPointModel.data.HasDeliveryPoint) var deliveryPointId = deliveryPointModel.data.DeliveryPoint.Id;\n var deliveryPostalCode = Cookies.get('DeliveryPostalCode');\n\n if (deliveryPointId == 1 && deliveryPostalCode && deliveryPostalCode !== 'undefined') {\n //set variant id\n var skuId = parseInt($('.x-control.x-product-details[data-selected-id]').attr('data-selected-id'));\n //set variant array\n var variantArray = [];\n var variant = {\n VariantId: skuId,\n Quantity: '1'\n };\n variantArray.push(variant);\n\n //call service for delivery availabilities\n Vendd.MessageBus.publishAsync(wrapper, new Vendd.Product.Messages.GetDeliveryAvailability(variantArray, deliveryPostalCode, null, true));\n\n } else if (deliveryPointId == 2) {\n //set variant id\n var skuId = parseInt($('.x-control.x-product-details[data-selected-id]').attr('data-selected-id'));\n //set selected shop id\n var partnerId = deliveryPointModel.data.Store.Id\n //set variant array\n var variantArray = [];\n var variant = {\n VariantId: skuId,\n Quantity: '1'\n };\n variantArray.push(variant);\n\n //call service for pick up availabilities\n Vendd.MessageBus.publishAsync(wrapper, new Vendd.Product.Messages.GetPickUpAvailability(variantArray, partnerId, true));\n\n Vendd.MessageBus.subscribe(Vendd.Product.Messages.GetPickUpAvailabilitySuccess, wrapper, function (envelope) {\n var data = envelope.message.data;\n\n //Set Pick Up Availability ID\n var availability = data.PickupAvailabilities[0].Shops[0].Message;\n var availabilityId;\n if (data.PickupAvailabilities[0].Shops[0].Days == null) {\n availabilityId = 1;\n } else {\n availabilityId = 3;\n }\n\n //Show Delivery Availability\n $('.x-product-details .lazyload-availability-container > span').remove();\n $('.x-product-details .lazyload-availability-container').append('' + availability + '');\n\n Vendd.MessageBus.unsubscribe(Vendd.Product.Messages.GetPickUpAvailabilitySuccess, wrapper);\n });\n }\n }\n }\n});\n\n\n","Vendd.Scripts.load(function () {\n\n var $wrapper = $('.x-pd-tab-panel');\n\n if ($wrapper.length < 1) return;\n\n //Check attributes tab\n updateAttributesTab();\n\n if ($wrapper.hasClass('anchor-tabs')) {\n //Scroll to each section\n scrollToSection();\n //Sticky anchors\n stickyAnchors();\n $(window).scroll(_.throttle(stickyAnchors, 100));\n //Anchors behaviour on scroll\n initTabAnchors();\n\n //Show/Hide tabs in mobile\n if (isTouch()) initTabsAccordion();\n } else {\n scrollHorizontalTabs();\n initTabsAccordion();\n }\n\n function updateAttributesTab() {\n\n var $box = $('.js-attributes'),\n $container = $('.js-attributes-container'),\n visible = false;\n\n if ($box.length > 0 || $container.length > 0) {\n $('[class*=\"ItemAttributes_\"]', $box).each(function () {\n if (!$(this).hasClass('ItemAttributes_IsTest') && !$(this).hasClass('ItemAttributes_Gender') && !$(this).hasClass('ItemAttributes_OverWeight')) {\n visible = true;\n }\n });\n\n if (($('[class*=\"ItemAttributes_\"]', $box).length > 0) && visible) {\n $container.removeAttr('style');\n $('.product-details-region .x-tab-panel .tabs-content > ul > li:eq(1) .mb-title').removeAttr('style');\n $container.each(function () { $(this).removeClass('hidden'); });\n } else {\n $container.each(function () { $(this).remove(); });\n }\n }\n }\n\n function initTabsAccordion() {\n\n var $wrapper = $('.x-pd-tab-panel');\n\n if ($wrapper.hasClass('horizontal-tabs')) {\n $('.tabs-title > ul > li:first-child', $wrapper).addClass('active');\n $('.tabs-content > ul > li:first-child', $wrapper).addClass('active');\n\n $('.tabs-content > ul > li:eq(0)', $wrapper).children('.mb-title').addClass('icon-minus').removeClass('icon-plus');\n }\n\n $('.mb-title', $wrapper).click(function () {\n\n if ($wrapper.hasClass('anchor-tabs') && $(window).width() > 959) return;\n\n var index = $(this).parent().index();\n if ($(this).parent().hasClass('active')) {\n $('.tabs-title > ul > li:eq(' + index + ')', $wrapper).removeClass('active');\n $('.tabs-content > ul > li:eq(' + index + ')', $wrapper).removeClass('active');\n $('.tabs-content > ul > li:eq(' + index + ')', $wrapper).children('.mb-title').addClass('icon-plus').removeClass('icon-minus');\n } else {\n $('.tabs-title > ul > li:eq(' + index + ')', $wrapper).addClass('active').siblings('.active').removeClass('active');\n $('.tabs-content > ul > li:eq(' + index + ')', $wrapper).addClass('active').siblings('.active').removeClass('active').children('.mb-title').addClass('icon-plus').removeClass('icon-minus');\n $('.tabs-content > ul > li:eq(' + index + ')', $wrapper).children('.mb-title').addClass('icon-minus').removeClass('icon-plus');\n }\n });\n\n }\n\n function scrollHorizontalTabs() {\n var $wrapper = $(\".tab-title\");\n var $anchor = $(\".anchor\", $wrapper);\n\n $wrapper.click(function (e) {\n var idx = $(e.target).parent().index();\n\n var anchorOffset = $anchor.eq(idx).offset();\n var extraOffset = (isTouch() && $(window).width() < 768) ? 60 : 90;\n $(\"html, body\").animate({ scrollTop: anchorOffset.top - extraOffset }, 400);\n });\n }\n\n function scrollToSection() {\n\n var $wrapper = $('.x-pd-tab-panel');\n var $container = $('.tabs-title', $wrapper);\n var $anchor = $('.anchor', $container);\n var $stickyBarHeight = $('.sticky-header-region').height();\n var $stickyAnchorsHeight = $container.height();\n\n $anchor.click(function () {\n var $thisAnchor = $(this);\n var $tabIndex = $thisAnchor.closest('li').index();\n var $sectionToScroll = $('.tab-content:eq(' + $tabIndex + ')');\n\n if (!$thisAnchor.hasClass('selected')) {\n $anchor.removeClass('selected');\n $thisAnchor.addClass('selected');\n }\n var scrollTopAmount;\n\n if ((!isTouch() && $(window).width() < 1200) || isTouch()) {\n scrollTopAmount = $sectionToScroll.offset().top - $stickyAnchorsHeight;\n }\n else {\n scrollTopAmount = $sectionToScroll.offset().top - ($stickyBarHeight + $stickyAnchorsHeight);\n }\n\n $('html, body').animate({ scrollTop: scrollTopAmount }, 400);\n });\n\n }\n\n function initTabAnchors() {\n\n if ($(window).width() < 960) return;\n\n var $wrapper = $('.x-pd-tab-panel');\n var $container = $('.tabs-title', $wrapper);\n var $anchor = $('.anchor', $container);\n var $contentContainer = $('.tabs-content', $wrapper);\n var $content = $('.tab-content', $contentContainer);\n var $stickyBarHeight = $('.sticky-header-region').height();\n var $stickyAnchorsHeight = $container.height();\n var offsetArray = [];\n var isLastElement = false;\n var firstScroll = true; \n\n $(window).scroll(_.throttle(function () {\n\n if (firstScroll) {\n //Add offsets to an Array\n _.each($content, function (content, index) {\n offsetArray.push($(content).offset().top - ($stickyBarHeight + $stickyAnchorsHeight + 1));\n }); \n }\n\n //Enable every anchor when scroll is in appropriate height\n _.each(offsetArray, function (offset, index) {\n\n if (index == offsetArray.length - 1) {\n isLastElement = true;\n } else {\n isLastElement = false;\n }\n \n if (isLastElement) {\n if ($(window).scrollTop() >= offsetArray[index]) {\n $anchor.removeClass('selected');\n $('li.tab-title:eq(' + index + ')').find($anchor).addClass('selected');\n }\n } else {\n if ($(window).scrollTop() >= offsetArray[index] && $(window).scrollTop() < offsetArray[index + 1]) {\n $anchor.removeClass('selected');\n $('li.tab-title:eq(' + index + ')').find($anchor).addClass('selected');\n }\n }\n });\n\n //Init anchors when scroll on top\n if ($(window).scrollTop() == 0) {\n $anchor.removeClass('selected');\n }\n\n firstScroll = false;\n }, 100));\n \n } \n\n function stickyAnchors() {\n\n if ($(window).width() < 960) return;\n\n var $wrapper = $('.x-pd-tab-panel');\n var $container = $('.tabs-title', $wrapper);\n var $offsetTop = $container.offset().top;\n var $stickyBarHeight = $('.sticky-header-region').height();\n\n if ($(window).scrollTop() < $offsetTop - $stickyBarHeight) {\n $container.removeClass('sticky');\n } else {\n $container.addClass('sticky');\n }\n\n }\n\n});\n\n\n\n\n\n\n\n","Vendd.Scripts.load(function () {\n\n\tVendd.MessageBus.subscribe(Vendd.Product.Messages.BindControl, 'x-product-details-login', function (envelope) {\n\n\t\tvar $context = envelope.message.data.context,\n\t\t\t$controls = $('.x-product-details-login', $context);\n\n\t\tif ($controls.length < 1)\n\t\t\treturn;\n\n\t\t$.each($controls, function (i, control) {\n\t\t\tvar $control = $(control);\n\t\t\tvar $buttons = $('.js-open-login', $control);\n\n\t\t\tcontrol.openLogin = function () {\n\t\t\t\tvar $loginWidget = $('.x-login-widget').first();\n\t\t\t\tvar $loginButton = $('.js-widget-trigger', $loginWidget).first();\n\t\t\t\t$loginButton.trigger('click');\n\t\t\t};\n\n\t\t\tcontrol.scrollToTop = function (complete) {\n\t\t\t\tvar isComplete = false;\n\t\t\t\t$('html,body').animate({ scrollTop: 0 }, 400, 'swing', function () {\n\t\t\t\t\tif (!isComplete) {\n\t\t\t\t\t\tisComplete = true;\n\t\t\t\t\t\tif (typeof complete === 'function') {\n\t\t\t\t\t\t\tcomplete();\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t};\n\n\t\t\t$buttons.on('click', function (e) {\n\t\t\t\te.preventDefault();\n\n\t\t\t\tcontrol.scrollToTop(function () {\n\t\t\t\t\tcontrol.openLogin();\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\t});\n});\n","Vendd.Scripts.load(function () {\n \n var $boxes = $('.x-category-detailed-box');\n \n if ($boxes.length <= 0)\n return;\n\n if (isTouch()) {\n initListToggle();\n }\n\n var iconOpen = $boxes.first().data('open-icon');\n var iconClose = $boxes.first().data('close-icon');\n\n if($boxes.closest('.x-category-banners').length > 0){\n $boxes.each(function(){\n if ($('.subcategory-list > li', $(this)).length > 8){\n $('.subcategory-list > li.view-all', $(this)).addClass('show');\n }\n });\n }\n\n function initListToggle() {\n $(\".js-toggle\", $boxes).click(function () {\n var hiddenCont = $(this).siblings('.js-content-accord');\n $(this).toggleClass(iconOpen + \" \" + iconClose);\n if (hiddenCont.hasClass('opened')) {\n hiddenCont.removeClass('opened');\n } else {\n $boxes.find('.opened').removeClass('opened').siblings('.js-toggle').toggleClass(iconOpen + \" \" + iconClose);\n hiddenCont.addClass('opened');\n }\n });\n \n var accordion = false;\n \n if ($(window).width() <= 767) {\n accordion = true;\n }\n \n $(window).resize(function () {\n if ($(window).width() > 767) {\n if (accordion) {\n $('.js-content-accord', $boxes).removeClass('opened');\n accordion = false;\n }\n }\n else {\n if (!accordion) {\n $('.js-content-accord', $boxes).siblings('.js-toggle').toggleClass(iconOpen + \" \" + iconClose);\n accordion = true;\n }\n }\n });\n }\n\n});","Vendd.Scripts.load(function () {\n \n var $wrapper = $('.x-main-category-list');\n var resize = false;\n var ww = $(window).width();\n var masonryState = false;\n \n if ($wrapper.length <= 0)\n return;\n \n var $masonryTarget = $('.js-init-masonry', $wrapper);\n\n checkToInit($masonryTarget)\n\n $( window ).on('resize', function() {\n ww = $(window).width();\n resize = true;\n })\n\n setInterval(function(){\n if(resize){\n checkToInit($masonryTarget)\n resize = false;\n }\n }, 500)\n\n \n function checkToInit($container){\n if(ww > 768 && !masonryState) {\n initMasonryContainer($container)\n } else if(ww <=768 && masonryState) {\n $container.masonry('destroy');\n $container.removeData('masonry');\n masonryState = false;\n }\n }\n\n\n function initMasonryContainer($masonryTarget) {\n $masonryTarget.masonry({\n itemSelector: '.category-item',\n columnWidth: '.masonry-grid-sizer',\n gutter: '.masonry-gutter-size'\n });\n $('>.category-item', $masonryTarget).addClass('shown');\n masonryState = true;\n }\n});","Vendd.Scripts.load(function () {\n\n var $wrapper = $('.x-category-list-menu');\n\n if ($wrapper.length < 1)\n return;\n\n var wrapper = $wrapper.get(0);\n\n var iconOpen = $wrapper.data('open-icon');\n var iconClose = $wrapper.data('close-icon');\n\n var stickyCatMenu = function () {\n var catMenu = $('.x-category-list-menu');\n var catMenuHeight = catMenu.height();\n var spacer = $('.cat-menu-spacer');\n \n var lastScrollTop = 0;\n var delta = 5;\n var stickyNavTop = $('.x-category-list-menu').offset().top;\n $(window).scroll(_.throttle(initSticky, 100));\n\n function initSticky() {\n var st = $(this).scrollTop();\n // Make sure they scroll more than delta\n if (Math.abs(lastScrollTop - st) <= delta)\n return;\n\n if($(window).width() >= 1200){\n if ($(window).scrollTop() <= stickyNavTop) {\n catMenu.removeClass('sticky-menu');\n spacer.height(0);\n\n // $('.header-template-one').show();\n } else {\n catMenu.addClass('sticky-menu');\n spacer.height(catMenuHeight);\n // $('.header-template-one').hide();\n }\n } else{\n catMenu.removeClass('sticky-menu');\n spacer.height(0);\n if(!isTouch()){\n // $('.header-template-one').show();\n }\n }\n\n lastScrollTop = st;\n }\n }\n\n var initStickyBtn = function () {\n $(window).scroll(function(){\n if($(window).width() < 1200){\n if($(this).scrollTop() > $wrapper.offset().top + $wrapper.height()) {\n $('.sticky-menu-btn').addClass('scrolled');\n // $('.header-template-one').hide();\n } else {\n $('.sticky-menu-btn').removeClass('scrolled');\n // $('.header-template-one').show();\n }\n } else {\n $('.sticky-menu-btn').removeClass('scrolled');\n }\n });\n\n $('.sticky-menu-btn').on('click', function(){\n $('html, body').animate({scrollTop: $wrapper.offset().top - $('.header-spacer').height()}, 1);\n wrapper.open(); \n })\n }\n\n stickyCatMenu();\n\n if(isTouch()){\n initStickyBtn();\n }\n \n $wrapper.on('click', '.mobile-title', function (e) {\n e.preventDefault();\n\n var $this = $(this);\n\n if ($this.hasClass('active')) {\n wrapper.close();\n } else {\n wrapper.open();\n }\n });\n\n wrapper.open = function () {\n $('.mobile-title', $wrapper).addClass('active');\n $('.mobile-title > .title', $wrapper).toggleClass(iconOpen + \" \" + iconClose);\n $('.nav-1', $wrapper).addClass('active');\n };\n\n wrapper.close = function () {\n $('.mobile-title', $wrapper).removeClass('active');\n $('.mobile-title > .title', $wrapper).toggleClass(iconOpen + \" \" + iconClose);\n $('.nav-1', $wrapper).removeClass('active');\n };\n\n $(\"[class^='category-']\", $wrapper).on('click', function(e){\n var id ='#' + $(this).data('anchor');\n var anchor = $(id);\n \n if(!$(this).hasClass('selected')) {\n $(\"[class^='category-']\", $wrapper).removeClass(\"selected\");\n $(this).addClass('selected');\n\n } \n\n $('html, body').animate({\n scrollTop: anchor.offset().top - 70\n }, 1000);\n }); \n});\n\n","Vendd.Scripts.load(function () {\n var $wrapper = $('.x-control.x-page-mode');\n\n if ($wrapper.length < 1)\n return;\n\n var plMode = Cookies.get('plMode');\n\n if (plMode == \"grid\") {\n $('.page-mode-btn', $wrapper).removeClass('selected');\n $('.page-mode-btn.grid', $wrapper).addClass('selected');\n $('.x-main-product-list .x-product-list').removeClass('horizontal-products').addClass('vertical-products');\n } else if (plMode == \"list\") {\n $('.page-mode-btn', $wrapper).removeClass('selected');\n $('.page-mode-btn.list', $wrapper).addClass('selected');\n $('.x-main-product-list .x-product-list').removeClass('vertical-products').addClass('horizontal-products');\n }\n\n $('.x-control.x-page-mode').each(function (i, wrapper) {\n var $wrapper = $(wrapper);\n var $pageModeBtn = $('.page-mode-btn', $wrapper);\n\n $wrapper.on('click', '.page-mode-btn', function (e) {\n $pageModeBtn.removeClass('selected');\n $(this).addClass('selected');\n if ($(this).hasClass('grid')) {\n $('.x-main-product-list .x-product-list').removeClass('horizontal-products').addClass('vertical-products');\n Cookies.set(\"plMode\", \"grid\", { expires: 10, samesite: 'Lax' });\n } else if ($(this).hasClass('list')) {\n $('.x-main-product-list .x-product-list').removeClass('vertical-products').addClass('horizontal-products');\n Cookies.set(\"plMode\", \"list\", { expires: 10, samesite: 'Lax' });\n }\n });\n\n });\n\n});\n\n"]}