${Shopify.translation.agree_to_terms_warning}
`;\n if ($('p.warning').length === 0) {\n $(this).before(warning);\n }\n return false;\n }\n });\n }\n },\n};\n\n/*============================================================================\n Product\n==============================================================================*/\nwindow.selectCallback = function (variant, selector) {\n const evt = document.createEvent('HTMLEvents');\n const $product = $(`.product-${selector.product.id}`);\n const $notifyForm = $(`.notify-form-${selector.product.id}`);\n const $productForm = $('.product_form, .shopify-product-form', $product);\n const variantInventory = $productForm.data('variant-inventory');\n\n const $notifyFormInputs = $('.notify_form__inputs', $product);\n const notifyEmail = window.Shopify.translation.notify_email;\n const notifyEmailValue = '';\n const notifySend = window.Shopify.translation.notify_email_send;\n const notifyUrl = $notifyFormInputs.data('url');\n\n // Manually trigger change event so\n // pure JS listeners can receive it\n evt.initEvent('change', false, true);\n selector.variantIdField.dispatchEvent(evt);\n\n if (variant) {\n if (variant.title != null) {\n // Escape variant titles\n window.variantTitle = variant.title.replace(/\"/g, '"');\n window.notifyMessage = window.Shopify.translation.notify_message_first + window.variantTitle + window.Shopify.translation.notify_message_last + notifyUrl;\n }\n } else {\n window.notifyMessage = window.Shopify.translation.notify_message_first + window.Shopify.translation.notify_message_last + notifyUrl;\n }\n\n if ($notifyFormInputs.hasClass('customer--true')) {\n const notifyCustomerEmail = '';\n window.notifyEmailInput = ``;\n } else {\n window.notifyEmailInput = ``;\n }\n window.notifyFormHTML = `${window.notifyEmailInput}`;\n\n // Image Variant feature\n if (variant && variant.featured_image && $product.is(':visible')) {\n const $sliders = $('.js-product-gallery', $product);\n $sliders.each((_, slider) => {\n const $slider = $(slider);\n const $sliderInstance = window.Flickity.data($slider[0]);\n if ($slider && $sliderInstance !== undefined) {\n const index = $(`[data-image-id=\"${variant.featured_media.id}\"]`).data('index');\n $sliderInstance.select(index, false, true);\n }\n });\n }\n\n // Toggles images in product slider when inline quickshop and layout set to slider\n if (variant && variant.featured_image && $product.is(':visible')) {\n if (window.Shopify.theme_settings.product_form_style === 'dropdown' && window.Shopify.theme_settings.quick_shop_style === 'inline') {\n const $selectedVariants = $('.products-slider').find('select option:not(.selector-wrapper select option)').filter(':selected');\n $selectedVariants.each(function toggleImage() {\n if ($(this).data('featured-image')) {\n const swatchImage = $(this).data('image');\n const $quickShopElement = $(this).parents('.thumbnail').find('.image__container img');\n\n $quickShopElement.attr('src', swatchImage);\n $quickShopElement.attr('srcset', swatchImage);\n }\n });\n }\n }\n\n if (variant) {\n if (variantInventory) {\n variantInventory.forEach(v => {\n if (v.id === variant.id) {\n const currentVariant = variant;\n currentVariant.inventory_quantity = v.inventory_quantity;\n currentVariant.inventory_management = v.inventory_management;\n currentVariant.inventory_policy = v.inventory_policy;\n }\n });\n }\n\n $('.sku span', $product).text(variant.sku);\n\n if (window.Shopify.theme_settings.product_form_style === 'swatches') {\n const { length } = variant.options;\n for (let i = 0; i < length; i++) {\n const radioButton = $productForm.find(`.swatch[data-option-index=\"${escape(i)}\"] :radio[value=\"${variant.options[i].replace(/\"/g, '\\\\\"')}\"]`);\n if (radioButton.length) {\n radioButton.get(0).checked = true;\n }\n }\n } else {\n $('.notify_form_message', $product).attr('value', `${$('.notify_form_message', $product).data('body')} - ${window.variantTitle}`);\n }\n }\n\n if (variant && variant.available === true) {\n if (variant.inventory_management && variant.inventory_quantity > 0) {\n if (window.Shopify.theme_settings.display_inventory_left) {\n if (variant.inventory_quantity === 1) {\n window.itemsLeftText = window.Shopify.translation.one_item_left;\n } else {\n window.itemsLeftText = window.Shopify.translation.items_left_text;\n }\n\n const inventoryThreshold = parseInt(window.Shopify.theme_settings.inventory_threshold, 10);\n if (variant.inventory_quantity <= inventoryThreshold) {\n $('.items_left', $product).html(`${variant.inventory_quantity} ${window.itemsLeftText}`);\n } else {\n $('.items_left', $product).html('');\n }\n }\n if (window.Shopify.theme_settings.limit_quantity) {\n if (variant.inventory_policy === 'deny') {\n $('.quantity', $product).attr('max', variant.inventory_quantity);\n }\n }\n } else {\n $('.items_left', $product).text('');\n $('.quantity', $product).removeAttr('max');\n }\n\n $('.sold_out', $product).text('');\n $('.add_to_cart', $product).removeClass('disabled').removeAttr('disabled').find('span')\n .text($('.add_to_cart', $product).data('label'));\n $('.shopify-payment-button', $product).removeClass('disabled');\n $('.purchase-details__buttons', $product).removeClass('product-is-unavailable');\n $('.modal_price', $product).removeClass('variant-unavailable');\n $product.find($notifyForm).hide();\n $product.find($notifyFormInputs).empty();\n } else {\n // When product is sold out\n const message = variant ? window.Shopify.theme_settings.sold_out_text : window.Shopify.translation.unavailable_text;\n\n if (variant) {\n $('.modal_price', $product).removeClass('variant-unavailable');\n } else {\n // Add class to quickshop so we know variant is unavailable\n $('.modal_price', $product).addClass('variant-unavailable');\n }\n\n $('.items_left', $product).text('');\n $('.quantity', $product).removeAttr('max');\n $('.sold_out', $product).text(message);\n $('.purchase-details__buttons', $product).addClass('product-is-unavailable');\n $('.add_to_cart', $product).addClass('disabled').attr('disabled', 'disabled').find('span')\n .text(message);\n $('.shopify-payment-button', $product).addClass('disabled');\n $notifyForm.hide();\n $notifyFormInputs.empty();\n\n if (variant && !variant.available) {\n $notifyForm.fadeIn();\n $notifyFormInputs.empty();\n $notifyFormInputs.append(window.notifyFormHTML);\n }\n }\n\n if (window.Currency.show_multiple_currencies) {\n window.currencyConverter.convertCurrencies();\n }\n};\n\nwindow.productPage = {\n\n loadQuickshop(url) {\n return window.shopifyAsyncview.load(\n url, // Template name\n { view: '_quickshop' }, // View name (suffix)\n );\n },\n init() {\n window.Shopify.loadFeatures([\n {\n name: 'shopify-xr',\n version: '1.0',\n },\n {\n name: 'model-viewer-ui',\n version: '1.0',\n },\n ], window.productMedia.setupMedia);\n\n if ($('.js-full-width-product-images').length) {\n window.imageFunctions.fullWidth('.shopify-section--product-template .product .description img', '.js-full-width-product-images');\n }\n\n // Call enable gallery function for product galleries\n $('[data-product-gallery]:not(.product-recommendations [data-product-gallery])').each(function () {\n const $productGallery = $(this);\n window.productPage.enableGallery($productGallery);\n });\n\n if (window.location.search === '?contact_posted=true') {\n $('.notify_form .contact-form').hide();\n $('.notify_form .contact-form').prev('.message').html(window.Shopify.translation.notify_success_text);\n }\n\n if (window.Shopify.theme_settings.product_form_style === 'swatches') {\n $('body').on('change', '.swatch :radio', function swatchLogic() {\n const optionIndex = $(this).closest('.swatch').attr('data-option-index');\n const optionValue = $(this).val();\n const parentForm = $(this).closest('.product_form form');\n let notifyForm;\n\n if (parentForm.siblings('.notify_form').length) {\n window.notifyForm = parentForm.siblings('.notify_form');\n } else {\n window.notifyForm = $('.js-notify-form');\n }\n\n const option1 = parentForm.find('.swatch_options input:checked').eq(0).val();\n const option2 = parentForm.find('.swatch_options input:checked').eq(1).val() || '';\n const option3 = parentForm.find('.swatch_options input:checked').eq(2).val() || '';\n let notifyMessage;\n\n if (option1 && option2 && option3) {\n window.notifyMessage = `${option1} / ${option2} / ${option3}`;\n } else if (option1 && option2) {\n window.notifyMessage = `${option1} / ${option2}`;\n } else {\n window.notifyMessage = option1;\n }\n\n window.notifyForm.find('.notify_form_message').attr('value', `${window.notifyForm.find('.notify_form_message').data('body')} - ${window.notifyMessage}`);\n\n $(this)\n .closest('form')\n .find('.single-option-selector')\n .eq(optionIndex)\n .val(optionValue)\n .trigger('change');\n });\n }\n\n $('.js-product-gallery a').fancybox({\n width: 800,\n height: 800,\n baseClass: 'product-section__lightbox',\n clickContent: false,\n afterShow(instance) {\n const zoom = instance.$trigger.first().parents('.js-product-gallery').data('zoom');\n if (zoom) {\n $('.fancybox-image').last()\n .wrap('')\n .css('display', 'block')\n .parent()\n .zoom({\n touch: false,\n magnify: 1,\n });\n }\n },\n afterClose(instance) {\n const $instanceGallery = instance.$trigger.first().parents('.js-product-gallery');\n $instanceGallery.hide();\n setTimeout(() => {\n $instanceGallery.fadeIn(100);\n $('.js-product-gallery').find('.is-selected a').focus();\n }, 1);\n },\n });\n\n /*\n If the product recommendations section exists, run the loadProductRecommendations method\n The selectCallback within this method will only affect the products in the product recommendations section\n */\n\n if ($('.shopify-section--recommended-products').length) {\n window.productPage.loadProductRecommendations();\n }\n },\n runOptionSelector($element) {\n let $defaultSelector = $('.js-product_section [data-product-form]:not(.product-recommendations .js-product_section [data-product-form]');\n\n if ($element) {\n $defaultSelector = $element;\n }\n\n $defaultSelector.each((_, options) => {\n const $options = $(options);\n\n // Set up variables for price ui and surface pickup\n let priceUIEl;\n\n // If smaller screen size and thumbnail hover enabled\n // use price ui element inside of caption instead\n if (window.Shopify.media_queries.medium.matches && window.Shopify.theme_settings.hover_enabled && window.Shopify.theme_settings.quick_shop_enabled && window.Shopify.theme_settings.quick_shop_style === 'inline') {\n priceUIEl = $options.closest('.product__details').find('.product-info__caption [data-price-ui]')[0];\n } else {\n priceUIEl = $options.closest('.product__details').find('[data-price-ui]')[0];\n }\n\n const priceUIBadgeEl = $options.closest('.product__details').find('[data-price-ui-badge]')[0];\n const surfacePickUpEl = $options.closest('.product__details').find('[data-surface-pick-up]')[0];\n const JSONData = $options.data('product');\n const isPriceSavingsEnabled = $options.hasClass('price-savings-enabled--true');\n const productTitle = $options.data('product-title');\n\n let priceUI;\n let priceUIBadge;\n let surfacePickUp;\n let currentVariant;\n\n if (priceUIEl) {\n priceUI = new window.ShopifyPriceUI.PriceUI(priceUIEl);\n }\n\n if (priceUIBadgeEl) {\n priceUIBadge = new window.ShopifyPriceUI.PriceUIBadge(priceUIBadgeEl);\n }\n\n if (surfacePickUpEl) {\n surfacePickUp = new window.ShopifySurfacePickUp(surfacePickUpEl);\n surfacePickUp.onModalRequest(contents => {\n const surfacePickUpModal = document.querySelector('[data-surface-pick-up-modal]');\n let fragment;\n if (currentVariant.title && productTitle) {\n fragment = document.createDocumentFragment();\n const header = document.createElement('div');\n const title = document.createElement('h2');\n header.classList.add('surface-pick-up__modal-header');\n title.classList.add('surface-pick-up__modal-title');\n title.innerHTML = productTitle;\n header.appendChild(title);\n if (currentVariant.title !== 'Default Title') {\n const subtitle = document.createElement('span');\n subtitle.classList.add('surface-pick-up__modal-subtitle');\n subtitle.innerHTML = currentVariant.title;\n header.appendChild(subtitle);\n }\n fragment.appendChild(header);\n }\n surfacePickUpModal.innerHTML = contents;\n surfacePickUpModal.insertBefore(fragment, surfacePickUpModal.firstChild);\n $.fancybox.open(\n surfacePickUpModal,\n {\n hash: false,\n infobar: false,\n toolbar: false,\n loop: true,\n smallBtn: true,\n touch: false,\n video: {\n autoStart: false,\n },\n mobile: {\n preventCaptionOverlap: false,\n toolbar: true,\n },\n },\n );\n });\n }\n\n new window.Shopify.OptionSelectors($options.data('select-id'), {\n product: $options.data('product'),\n onVariantSelected: (variant, selector) => {\n currentVariant = variant;\n\n if (priceUI) {\n priceUI.load(\n JSONData,\n {\n variant,\n formatter: price => window.Shopify.formatMoney(price, $('body').data('money-format')),\n handler: (priceUIFragment, _product, { variant: v }) => {\n if (isPriceSavingsEnabled && v) {\n if (v.compare_at_price > v.price) {\n const span = document.createElement('span');\n span.classList.add('sale', 'savings');\n const savings = v.compare_at_price - v.price;\n const percentage = Math.round((savings / v.compare_at_price) * 100);\n span.innerHTML = `${window.Shopify.translation.savings_text} ${percentage}% (${window.Shopify.formatMoney(v.compare_at_price - v.price, $('body').data('money-format'))})`;\n\n priceUIFragment.appendChild(span);\n }\n }\n\n if (v && v.available) {\n if (v.price === 0) {\n const fragment = document.createDocumentFragment();\n const span = document.createElement('span');\n span.classList.add('free-price-text');\n\n if (window.Shopify.theme_settings.free_text !== '') {\n span.innerHTML = window.Shopify.theme_settings.free_text;\n } else {\n span.innerHTML = `${window.Shopify.formatMoney(v.price, $('body').data('money-format'))}`;\n }\n\n fragment.appendChild(span);\n\n return fragment;\n }\n\n return priceUIFragment;\n }\n\n if (!window.Shopify.theme_settings.display_sold_out_price) {\n const fragment = document.createDocumentFragment();\n const soldOutText = document.createElement('span');\n soldOutText.classList.add('sold_out');\n soldOutText.innerHTML = v\n ? window.Shopify.translation.sold_out_text\n : window.Shopify.translation.unavailable_text;\n fragment.appendChild(soldOutText);\n return fragment;\n }\n\n // Displays sold out text beside price\n if (window.Shopify.theme_settings.display_sold_out_price) {\n const span = document.createElement('span');\n\n span.classList.add('sold_out');\n span.innerHTML = v\n ? window.Shopify.translation.sold_out_text\n : window.Shopify.translation.unavailable_text;\n\n priceUIFragment.appendChild(span);\n }\n\n return priceUIFragment;\n },\n },\n );\n\n if (window.Shopify.theme_settings.display_sold_out_price && variant && variant.price === 0 && !variant.available) {\n const priceElement = priceUIEl.querySelector('[data-price]');\n if (!priceElement) { return; }\n if (window.Shopify.theme_settings.free_text !== '') {\n const span = document.createElement('span');\n span.classList.add('free-price-text');\n span.innerHTML = window.Shopify.theme_settings.free_text;\n priceElement.innerHTML = '';\n priceElement.appendChild(span);\n } else if (window.Shopify.theme_settings.free_text === '') {\n priceElement.classList.add('price--sale');\n return;\n }\n }\n }\n\n if (priceUIBadge) {\n priceUIBadge.load(\n JSONData,\n {\n variant,\n style: 'default',\n formatter: price => window.Shopify.formatMoney(price, $('body').data('money-format')),\n handler: (priceUIFragment, _product, { variant: v }) => {\n if (v && v.available) {\n if (!v.compare_at_price || v.compare_at_price <= v.price) {\n return document.createDocumentFragment();\n }\n\n return priceUIFragment;\n }\n\n if ((v && !v.available) || !v) {\n const fragment = document.createDocumentFragment();\n let text;\n const sticker = document.createElement('div');\n sticker.classList.add('price-ui-badge__sticker');\n const stickerText = document.createElement('span');\n stickerText.classList.add('price-ui-badge__sticker-text');\n stickerText.setAttribute('data-badge', '');\n\n if (v && !v.available) {\n text = window.Shopify.translation.sold_out_text;\n }\n\n if (!v) {\n text = window.Shopify.translation.unavailable_text;\n }\n\n stickerText.innerHTML = text;\n sticker.appendChild(stickerText);\n fragment.appendChild(sticker);\n return fragment;\n }\n\n return priceUIFragment;\n },\n },\n );\n }\n\n // Avoid loading surface pickup for the inline quick shop\n if (surfacePickUp && !$options.closest('.js-product_section').hasClass('inline-quickshop')) {\n surfacePickUp.load(variant ? variant.id : null);\n }\n\n window.selectCallback(variant, selector);\n },\n enableHistoryState: $options.data('enable-state'),\n });\n });\n },\n enableGallery(selector) {\n // Variables\n const $productGallery = $(selector);\n const $slides = $productGallery.find('.gallery-cell');\n const $thumbnailProductGallery = $productGallery.closest('.js-product_section').find('.product_gallery_nav');\n const $thumbnails = $thumbnailProductGallery.find('.gallery-cell');\n const zoom = $productGallery.data('zoom');\n const productLightbox = $productGallery.data('product-lightbox');\n const thumbnailsEnabled = $productGallery.data('thumbnails-enabled');\n const thumbnailsSliderEnabled = $productGallery.data('thumbnails-slider-enabled');\n const thumbnailsPosition = $productGallery.data('thumbnails-position');\n const thumbnailsArrows = $productGallery.data('gallery-arrows-enabled');\n const slideshowSpeed = $productGallery.data('slideshow-speed');\n\n // If zoom enabled\n if (zoom === true) {\n if (window.is_touch_device() && window.Shopify.media_queries.medium.matches) {\n // Lightbox has a built-in zoom feature, so check if lightbox is disabled\n if (productLightbox === 'false') {\n document.addEventListener('lazybeforeunveil', window.imageFunctions.zoom);\n }\n } else {\n document.addEventListener('lazybeforeunveil', window.imageFunctions.zoom);\n }\n }\n\n $productGallery.on('ready.flickity', () => {\n $slides.each((index, slide) => {\n // Determine media type\n const mediaType = $(slide).data('media-type') || $(slide).find('[data-media-type]').data('media-type');\n let videoID;\n\n switch (mediaType) {\n case 'external_video':\n\n videoID = $(slide).find('[data-plyr-video-id]').data('plyr-video-id');\n\n if (window.videoPlayers) {\n window.videoPlayers.forEach(player => {\n const currentPlayer = player;\n if (player.id === videoID || player.media.id === videoID) {\n if (!$(slide).hasClass('is-selected')) {\n currentPlayer.keyboard = {\n focused: false,\n global: false,\n };\n }\n }\n });\n }\n break;\n case 'video':\n\n videoID = $(slide).find('[data-plyr-video-id]').data('plyr-video-id');\n\n if (window.videoPlayers) {\n window.videoPlayers.forEach(player => {\n const currentPlayer = player;\n if (player.id === videoID || player.media.id === videoID) {\n if (!$(slide).hasClass('is-selected')) {\n currentPlayer.keyboard = {\n focused: false,\n global: false,\n };\n }\n }\n });\n }\n break;\n case 'model':\n if ($(slide).hasClass('is-selected')) { // When active slide\n if (mediaType === 'model' && window.isScreenSizeLarge()) {\n $(slide).on('mouseenter', () => {\n $productGallery.flickity('unbindDrag');\n });\n $(slide).on('mouseleave', () => {\n $productGallery.flickity('bindDrag');\n });\n }\n }\n break;\n default:\n break;\n }\n });\n\n // Video looping\n const loopingEnabled = $productGallery.data('video-loop');\n\n $.each(window.videoPlayers, (index, player) => {\n const videoPlayer = player;\n videoPlayer.loop = loopingEnabled;\n });\n });\n\n $productGallery.on('change.flickity', () => {\n $slides.each((index, slide) => {\n // Determine media type of current slide\n const mediaType = $(slide).data('media-type') || $(slide).find('[data-media-type]').data('media-type');\n\n if ($(slide).hasClass('is-selected')) { // When active slide\n switch (mediaType) {\n case 'model':\n\n /* On slide change, if active slide contains 3d model\n * If on desktop, on hover, unbind flickity, after hover bind flickity\n * On model play event, unbind flickity to ensure model can be interacted with\n * On model pause event, bind flickity so that slide can be swiped\n * Pause all model slides when hidden\n */\n\n if (window.isScreenSizeLarge()) {\n // On mouseenter event, unbind flickity\n $(slide).on('mouseenter', () => {\n $productGallery.flickity('unbindDrag');\n });\n\n // On mouseleave event, bind flickity\n $(slide).on('mouseleave', () => {\n $productGallery.flickity('bindDrag');\n });\n }\n\n // Listen for model pause/play events\n $(slide).find('model-viewer').on('shopify_model_viewer_ui_toggle_play', () => {\n $productGallery.flickity('unbindDrag');\n });\n\n $(slide).find('model-viewer').on('shopify_model_viewer_ui_toggle_pause', () => {\n $productGallery.flickity('bindDrag');\n });\n break;\n default:\n $productGallery.flickity('bindDrag');\n break;\n }\n } else {\n // When inactive slide\n switch (mediaType) {\n case 'external_video':\n // Youtube video pausing\n $.each(window.videoPlayers, (_index, player) => {\n player.pause();\n });\n break;\n case 'video':\n // HTML5 video pausing\n $.each(window.videoPlayers, (_index, player) => {\n player.pause();\n });\n break;\n default: break;\n }\n }\n });\n\n // Restore 3d model icons\n window.productMedia.showModelIcon($productGallery);\n });\n\n $productGallery.flickity({\n wrapAround: true,\n adaptiveHeight: true,\n dragThreshold: 10,\n imagesLoaded: true,\n pageDots: false,\n prevNextButtons: $productGallery.data('media-count') > 1 || $slides.length > 1,\n autoPlay: slideshowSpeed * 1000,\n watchCSS: false,\n });\n\n // Adjust arrows height if controls are hidden/shown\n $.each(window.videoPlayers, (index, player) => {\n // When controls are hidden, height should be auto\n player.on('controlshidden', () => {\n $productGallery.find('.flickity-prev-next-button').css('height', 'auto');\n });\n // When controls are shown, height should account for controls bar\n player.on('controlsshown', () => {\n $productGallery.find('.flickity-prev-next-button').css('height', 'calc(100% - 64px)');\n });\n });\n\n function autoplayVideo(videoID, $slide) {\n // Compare id to player object and only play that video\n $.each(window.videoPlayers, (index, player) => {\n if (parseInt(player.media.dataset.plyrVideoId, 10) === videoID) {\n player.play();\n\n // On fullscreen toggle, focus back on the slide itself\n player.on('exitfullscreen', () => {\n $slide.closest('.product-gallery').find('.product-gallery__thumbnails').focus();\n });\n }\n });\n }\n\n function autoplayYoutubeVideo(iframeID, $slide) {\n // compare id to player object and only play that video\n $.each(window.videoPlayers, (index, player) => {\n if (player.playing) {\n player.pause();\n }\n\n if (player.media.id === iframeID) {\n player.play();\n\n // On fullscreen toggle, focus back on the slide itself\n player.on('exitfullscreen', () => {\n $slide.closest('.product-gallery').find('.product-gallery__thumbnails').focus();\n });\n }\n });\n }\n\n function checkForVideos() {\n $slides.each((index, slide) => {\n // Variables\n const $slide = $(slide);\n const mediaType = $slide.data('media-type') || $slide.find('[data-media-type]').data('media-type');\n let videoID = $slide.find('video').data('plyr-video-id');\n const $iframeVideo = $slide.find('iframe');\n const iframeID = $iframeVideo.attr('id');\n\n if ($slide.hasClass('is-selected')) {\n if (mediaType === 'video') {\n videoID = $slide.find('video').data('plyr-video-id');\n if (videoID) {\n autoplayVideo(videoID, $slide);\n }\n } else if (mediaType === 'external_video' && iframeID) {\n autoplayYoutubeVideo(iframeID, $slide);\n }\n }\n });\n }\n\n // Checks for videos and plays them if they are the featured media\n // Autoplay logic only happens on desktop, autoplay set to off for mobile\n const $sliderArrows = $productGallery.find('.flickity-prev-next-button');\n\n if (($sliderArrows || $thumbnails) && window.isScreenSizeLarge()) {\n $sliderArrows.on('click', () => {\n const pId = $productGallery.data('product-id');\n\n $productGallery.on('settle.flickity', () => {\n // Find out media type of featured media slide\n const $selectedSlide = $productGallery.find('.gallery-cell.is-selected');\n const mediaType = $selectedSlide.data('media-type') || $selectedSlide.find('[data-media-type]').data('media-type');\n\n // Run video autoplay logic if featured media is a video\n if (mediaType === 'video' || mediaType === 'external_video') {\n checkForVideos();\n }\n\n // Autoplay model if featured media is a model\n if (mediaType === 'model') {\n // If model container has class is-selected then play the model\n const sortedModels = [];\n $.each(window.productMedia.models, model => {\n if ($(model.container).closest('.gallery-cell').data('product-id') === pId) {\n sortedModels.push(model);\n }\n });\n\n $.each(sortedModels, model => {\n const $slide = $(model.container).closest('.gallery-cell');\n if ($slide.hasClass('is-selected')) {\n model.play();\n }\n });\n }\n $productGallery.off('settle.flickity');\n });\n\n return false;\n });\n\n $thumbnails.on('click', event => {\n const index = $(event.currentTarget).index();\n const pId = $productGallery.data('product-id');\n $productGallery.flickity('select', index);\n\n $productGallery.on('settle.flickity', () => {\n // Find out media type of featured media slide\n const $selectedSlide = $productGallery.find('.gallery-cell.is-selected');\n const mediaType = $selectedSlide.data('media-type') || $selectedSlide.find('[data-media-type]').data('media-type');\n\n // Run video autoplay logic if featured media is a video\n if (mediaType === 'video' || mediaType === 'external_video') {\n checkForVideos();\n }\n\n // Autoplay model if featured media is a model\n if (mediaType === 'model') {\n // If model container has class is-selected then play the model\n const sortedModels = [];\n $.each(window.productMedia.models, (_index, model) => {\n if ($(model.container).closest('.gallery-cell').data('product-id') === pId) {\n sortedModels.push(model);\n }\n });\n\n $.each(sortedModels, (_index, model) => {\n const $slide = $(model.container).closest('.gallery-cell');\n if ($slide.hasClass('is-selected')) {\n model.play();\n }\n });\n }\n $productGallery.off('settle.flickity');\n });\n return false;\n });\n\n $thumbnails.keypress(event => {\n const index = $(event.currentTarget).index();\n const pId = $productGallery.data('product-id');\n if (event.which === 13) {\n $productGallery.flickity('select', index);\n\n const $selectedSlide = $productGallery.find('.gallery-cell.is-selected');\n\n $productGallery.on('settle.flickity', () => {\n $selectedSlide.find('[data-youtube-video]').attr('tabindex', '0');\n $selectedSlide.find('model-viewer, .plyr, a').focus();\n $productGallery.off('settle.flickity');\n });\n\n // Find out media type of featured media slide\n const mediaType = $selectedSlide.data('media-type') || $selectedSlide.find('[data-media-type]').data('media-type');\n\n // Run video autoplay logic if featured media is a video\n if (mediaType === 'video' || mediaType === 'external_video') {\n checkForVideos();\n }\n\n // Autoplay model if featured media is a model\n if (mediaType === 'model') {\n // If model container has class is-selected then play the model\n const sortedModels = [];\n $.each(window.productMedia.models, model => {\n if ($(model.container).closest('.gallery-cell').data('product-id') === pId) {\n sortedModels.push(model);\n }\n });\n\n $.each(sortedModels, model => {\n const $slide = $(model.container).closest('.gallery-cell');\n if ($slide.hasClass('is-selected')) {\n model.play();\n }\n });\n }\n return false;\n }\n return undefined;\n });\n }\n\n // Thumbnail gallery logic begins\n if (thumbnailsEnabled === true && thumbnailsSliderEnabled === true && $slides.length > 1) {\n // If desktop determine which slider we build\n if (window.Shopify.media_queries.large.matches) {\n // If thumbnail position is left/right then vertical slider gets enabled\n if (thumbnailsPosition === 'left' || thumbnailsPosition === 'right') {\n $thumbnailProductGallery.css('max-height', $productGallery.closest('.product-gallery').outerHeight());\n $thumbnailProductGallery.addClass('vertical-slider-enabled');\n\n $thumbnails.on('click', event => {\n const index = $(event.currentTarget).index();\n $productGallery.flickity('select', index);\n });\n\n const navCellHeight = $thumbnails.height();\n const navHeight = $thumbnailProductGallery.height();\n\n $productGallery.on('select.flickity', () => {\n // set selected nav cell\n const flkty = $productGallery.data('flickity');\n $thumbnailProductGallery.find('.is-nav-selected').removeClass('is-nav-selected');\n const $selected = $thumbnails.eq(flkty.selectedIndex).addClass('is-nav-selected');\n\n // scroll nav\n const scrollY = $selected.position().top + $thumbnailProductGallery.scrollTop() - (navHeight + navCellHeight) / 2;\n $thumbnailProductGallery.animate({\n scrollTop: scrollY,\n });\n });\n } else {\n $thumbnailProductGallery.flickity({\n cellAlign: 'center',\n contain: true,\n groupCells: '80%',\n imagesLoaded: true,\n pageDots: false,\n prevNextButtons: $thumbnails.length > 5 ? thumbnailsArrows : false,\n asNavFor: $productGallery[0],\n });\n\n $thumbnailProductGallery.on('settle.flickity', () => {\n $thumbnailProductGallery.flickity('resize');\n });\n\n $(window).on('load', () => {\n $thumbnailProductGallery.flickity('resize');\n });\n\n // Once thumbnail is focused, move carousel to that cell\n $.each($thumbnails, (index, thumbnail) => {\n const $thumbnail = $(thumbnail);\n if ($thumbnail.hasClass('is-selected')) {\n $thumbnail.on('focus', () => {\n $thumbnailProductGallery.flickity('selectCell', index);\n });\n }\n });\n }\n } else {\n // If not on desktop, create standard thumbnail slider\n $thumbnailProductGallery.flickity({\n cellAlign: 'center',\n contain: true,\n groupCells: '80%',\n imagesLoaded: true,\n pageDots: false,\n prevNextButtons: $thumbnails.length > 5 ? thumbnailsArrows : false,\n asNavFor: $productGallery[0],\n });\n }\n } else if (thumbnailsEnabled === true) {\n // If thumbnail slider is disabled, ensure thumbnails can still navigate product images\n $thumbnailProductGallery.find('.product-gallery__thumbnail').on('click', function () {\n const index = $(this).index();\n $productGallery.flickity('selectCell', index);\n });\n }\n\n $(window).on('load', () => {\n $productGallery.flickity().flickity('resize');\n });\n\n $productGallery.on('settle.flickity', () => {\n $productGallery.flickity().flickity('resize');\n });\n },\n loadProductRecommendations() {\n const $productRecommendations = $('.product-recommendations');\n const $productRecommendationsSection = $('.shopify-section--recommended-products');\n const $productRecommendationsContainer = $('[data-product-recommendations-container]');\n const $productRecommendationsDetailsBlock = $('.product-recommendations--details-block');\n const productID = $productRecommendations.data('product-id');\n const limit = $productRecommendations.data('limit');\n const recommendationsURL = $productRecommendations.data('recommendations-url');\n const sectionEnabled = $productRecommendationsSection.find($productRecommendations).data('enabled');\n const $recommendedProductSlider = $('.js-recommended-products-slider');\n\n function loadDynamicProducts() {\n // Build request URL\n const requestUrl = `${recommendationsURL}?section_id=product-recommendations&limit=${limit}&product_id=${productID}`;\n\n // Make ajax call to request information for window.Shopify's recommended products\n $.ajax({\n type: 'GET',\n url: requestUrl,\n success(data) {\n if (!sectionEnabled) {\n return;\n }\n\n const $recommendedProductsElement = $(data).find('.product-recommendations').html();\n\n // Insert product list into the product recommendations container\n $productRecommendationsContainer.html($recommendedProductsElement);\n\n // Hide product recommendations section\n $productRecommendationsSection.hide();\n\n // Initialize product slider if it exists on page\n if ($recommendedProductSlider.length) {\n window.productPage.recommendedProductsSlider();\n } else {\n // Call enable gallery function for product galleries\n $('[data-product-recommendations-container] [data-product-gallery]').each((_, gallery) => {\n const $productGallery = $(gallery);\n window.productPage.enableGallery($productGallery);\n });\n }\n\n // Re-link inline quickshop\n if (window.Shopify.theme_settings.quick_shop_style === 'inline') {\n window.productPage.runOptionSelector($('[data-product-recommendations-container] .js-product_section [data-product-form]'));\n }\n\n // Quickshop initialization\n window.quickShop.init();\n\n // Initialize product slider if it exists on page\n if ($recommendedProductSlider.length) {\n window.productPage.recommendedProductsSlider();\n }\n\n // Converting the currencies\n if (window.Currency.show_multiple_currencies) {\n window.currencyConverter.convertCurrencies();\n }\n\n // Initialize shopify payment buttons\n if (window.Shopify.PaymentButton) {\n window.Shopify.PaymentButton.init();\n }\n\n window.videoFeature.setupRecommendedVideoPlayer();\n\n if (window.Shopify.theme_settings.collection_secondary_image) {\n window.imageFunctions.showSecondaryImage();\n }\n\n window.hideNoScript();\n },\n });\n }\n\n if (!sectionEnabled) { return; }\n\n if ($('.shopify-section--product-details-template').length > 0) {\n if ($productRecommendationsDetailsBlock.length === 0) {\n return;\n }\n }\n\n // If meta collection, no need to run API request\n const metaCollection = $productRecommendations.hasClass('meta-related-recommended-collection');\n\n if (metaCollection) {\n // Takes care of moving content from Shopify section into block container\n const data = $productRecommendationsSection.find($productRecommendations).html();\n $productRecommendationsContainer.html(data);\n $productRecommendationsSection.hide();\n $productRecommendationsContainer.show();\n\n // Initialize product slider if it exists on page\n if ($recommendedProductSlider.length) {\n window.productPage.recommendedProductsSlider();\n } else {\n // Call enable gallery function for product galleries\n $('[data-product-recommendations-container] [data-product-gallery]').each(function () {\n const $productGallery = $(this);\n window.productPage.enableGallery($productGallery);\n });\n }\n\n // Re-link inline quickshop\n if (window.Shopify.theme_settings.quick_shop_style === 'inline') {\n window.productPage.runOptionSelector($('[data-product-recommendations-container] .js-product_section [data-product-form]'));\n }\n } else {\n loadDynamicProducts();\n }\n },\n productSwatches() {\n // Swatches linked with selected options\n if (window.Shopify.theme_settings.product_form_style === 'swatches') {\n if ($('.js-product_section').length) {\n const $productForms = $('.js-product_section').find('.product_form');\n\n $productForms.addClass('is-visible');\n\n // Loop through each product and set the initial option value state\n\n $productForms.each((_, productForm) => {\n const $productForm = $(productForm);\n const JSONData = $productForm.data('product');\n const productID = $productForm.data('product-id');\n const productSection = `.product-${productID} .js-product_section`;\n const swatchOptions = $productForm.find('.swatch_options .swatch');\n if (swatchOptions.length > 1) {\n window.Shopify.linkOptionSelectors(JSONData, productSection);\n }\n });\n }\n\n // Add click event when there is more than one product on the page (eg. Collection in Detail)\n if ($('.js-product_section').length > 1) {\n $('body').on('click', '.swatch-element', swatchElement => {\n const $swatchElement = $(swatchElement.currentTarget);\n const swatchValue = $swatchElement.data('value').toString();\n\n $swatchElement\n .siblings(`input[value=\"${swatchValue.replace(/\"/g, '\\\\\"')}\"]`)\n .prop('checked', true)\n .trigger('change');\n\n const JSONData = $swatchElement.parents('.product_form').data('product');\n const productID = $swatchElement.parents('.product_form').data('product-id');\n const productSection = `.product-${productID} .js-product_section`;\n const swatchOptions = $swatchElement.parents('.product_form').find('.swatch_options .swatch');\n\n if (swatchOptions.length > 1) {\n window.Shopify.linkOptionSelectors(JSONData, productSection);\n }\n });\n }\n }\n },\n recommendedProductsSlider() {\n $('.js-recommended-products-slider .products-slider').each((_, productSlider) => {\n const $productSlider = $(productSlider);\n const productsPerSlide = $productSlider.data('products-per-slide');\n const productsLimit = $productSlider.data('products-limit');\n const productsAvailable = $productSlider.data('products-available');\n let cellAlign;\n let draggable;\n let prevNext;\n let wrapAround;\n let initialIndex;\n\n const lessSlidesThanProducts = productsAvailable > productsPerSlide;\n const limitGreaterThanSlide = productsLimit > productsPerSlide;\n const evenSlide = productsPerSlide % 2 === 0;\n\n if (evenSlide && lessSlidesThanProducts && limitGreaterThanSlide) {\n cellAlign = 'left';\n } else {\n cellAlign = 'center';\n }\n\n if (lessSlidesThanProducts && limitGreaterThanSlide) {\n draggable = true;\n prevNext = true;\n wrapAround = true;\n } else {\n draggable = false;\n prevNext = false;\n wrapAround = false;\n }\n\n if (evenSlide && lessSlidesThanProducts && limitGreaterThanSlide) {\n initialIndex = 0;\n } else if (productsPerSlide === '3' && productsAvailable) {\n initialIndex = 1;\n } else if (productsPerSlide === '5' && productsAvailable) {\n initialIndex = 2;\n } else if (productsPerSlide === '7' && productsAvailable) {\n initialIndex = 3;\n }\n\n if (window.Shopify.media_queries.medium.matches) {\n cellAlign = 'center';\n draggable = true;\n prevNext = true;\n wrapAround = true;\n initialIndex = 1;\n\n $productSlider.parents('.even-num-slides').removeClass('even-num-slides');\n }\n\n $productSlider.flickity({\n lazyLoad: 2,\n imagesLoaded: true,\n draggable,\n cellAlign,\n prevNextButtons: prevNext,\n wrapAround,\n contain: true,\n freeScroll: true,\n initialIndex,\n });\n });\n },\n initializeQuantityBox() {\n $('body').on('click', '.js-change-quantity', e => {\n const $this = $(e.currentTarget);\n const $input = $this.siblings('input');\n const val = parseInt($input.val(), 10);\n let valMax = 100000000000000000000000000000;\n const valMin = $input.attr('min') || 0;\n if ($input.attr('max') != null) {\n valMax = $input.attr('max');\n }\n if (isNaN(val) || val < valMin) {\n $input.val(valMin);\n } if (val > valMax) {\n $input.val(valMax);\n }\n if ($this.data('func') === 'plus') {\n if (val < valMax) $input.val(val + 1);\n } else {\n if (val > valMin) $input.val(val - 1);\n if ($this.parents('.cart_item').length) {\n if (val - 1 === 0) {\n $this.closest('.cart_item').addClass('animated fadeOutUp');\n }\n }\n }\n $input.trigger('change');\n });\n },\n unload($target) {\n const $slider = $target.find('.products-slider');\n $slider.flickity('destroy');\n $('body').off('click', '.js-change-quantity');\n },\n};\n\n/*============================================================================\n Header\n==============================================================================*/\n\nwindow.header = {\n init() {\n\n var closeDropdown = function() {\n $('body').removeClass('is-active');\n $('.dropdown_link').removeClass('active_link');\n $('.dropdown_container').hide();\n $('.mobile_nav').find('div').removeClass('open');\n };\n\n var closeMiniCart = function() {\n $('body').removeClass('is-active').removeClass('blocked-scroll');\n $('.dropdown_link').toggleClass('active_link');\n $('.cart-container').removeClass('active_link');\n };\n\n var openMiniCart = function($cart_container) {\n $('body').addClass('blocked-scroll');\n $('.mobile_nav div').removeClass('open');\n $('.dropdown_link').removeClass('active_link');\n $cart_container.addClass('active_link');\n };\n\n var closeAllSubSubmenus = function() {\n $('.vertical-menu_sub-submenu').removeClass('is-visible');\n $('.vertical-menu_sub-submenu').prev('a').attr('data-click-count', 0);\n }\n\n var closeAllSubmenus = function() {\n $('.vertical-menu_submenu').removeClass('is-visible');\n $('.vertical-menu_submenu').prev('a').attr('data-click-count', 0);\n $('.mega-menu-parent').attr('data-click-count', 0);\n closeAllSubSubmenus();\n }\n\n // Store link items with data attribute of 'data-show-dropdown-on-click' in a variable\n var $openDropdownOnClick = $('.main-nav__wrapper').find('[data-show-dropdown-on-click]');\n\n //Vertical menu enabled\n if ($('.dropdown_link--vertical').length){\n $('.dropdown_link--vertical, .mega-menu-parent').attr('data-click-count', 0);\n\n if ($openDropdownOnClick.length == 0) {\n $('.dropdown_link--vertical, .vertical-menu_submenu').on('mouseover', function(e) {\n var $dropdown = $(this).parents('.main-nav').find('[data-dropdown=\"' + $(this).data('dropdown-rel') + '\"]');\n\n $('.dropdown_container').hide();\n $('.active_link').removeClass('active_link');\n if(!$(this).hasClass('active_link')) {\n $('.dropdown_container').hide();\n $(this).children('a').addClass('active_link');\n $('.is-absolute').parent().addClass('feature_image');\n }\n });\n }\n\n //Enable touch on parent link if user is on a touch device and desktop menu is visible, OR if 'open dropdown on click' setting is enabled\n if (window.is_touch_device() || $openDropdownOnClick.length >= 1){\n $('body').on('touchstart click', '.vertical-menu .sublink a, .vertical-menu_submenu .sublink a', function(e) {\n\n var clicked;\n var verticalMenu = $(this);\n var $dropdownVertical = $(verticalMenu).next('.vertical-menu_submenu');\n var $dropdownVerticalSubMenu = $(verticalMenu).next('.vertical-menu_sub-submenu');\n\n var showMenu = function() {\n $dropdownVertical.removeClass('hidden');\n $dropdownVerticalSubMenu.removeClass('hidden');\n $dropdownVertical.addClass('is-visible');\n $dropdownVerticalSubMenu.addClass('is-visible')\n }\n\n if(e.type == \"touchstart\") {\n clicked = true;\n if($(this).attr('data-click-count') < 1) {\n openDropdown(verticalMenu, e.target);\n e.preventDefault();\n e.stopPropagation();\n }\n }\n else if(e.type == \"click\" && !clicked) {\n if($(this).attr('data-click-count') < 1) {\n openDropdown(verticalMenu, e.target);\n e.preventDefault();\n e.stopPropagation();\n }\n }\n else {\n clicked = false;\n }\n\n function openDropdown(verticalMenu, target) {\n\n var $dropdownMegaMenu = $(verticalMenu).parents('.main-nav').find('[data-dropdown=\"' + $(this).data('dropdown-rel') + '\"]');\n\n var clickCount = $(verticalMenu).attr('data-click-count');\n\n $('.dropdown_link--vertical').not(verticalMenu).attr('data-click-count', 0);\n $('.mega-menu-parent').attr('data-click-count', 0);\n $('.dropdown_link--vertical').attr('data-no-instant', true);\n $('.dropdown_container').hide();\n\n $dropdownMegaMenu.show();\n // Conditional to not close the parent dropdown when selecting various sub menus in the same parent\n if ($(target).parents('.vertical-menu_submenu').hasClass('is-visible')) {\n closeAllSubSubmenus();\n $('.is-absolute').parent().addClass('feature_image');\n } else {\n closeAllSubmenus();\n $('.is-absolute').parent().addClass('feature_image');\n }\n\n showMenu();\n\n //capture touch event or click event\n clickCount++;\n $(verticalMenu).attr('data-click-count', clickCount);\n\n if (clickCount < 2){\n e.preventDefault();\n e.stopPropagation();\n return false;\n }\n\n }\n // Close dropdown if click anywhere outside dropdown menu\n $('html').on('click', function(event) {\n if (!$(event.target).closest('.dropdown_container').length && !$(event.target).hasClass('url-deadlink')) {\n closeAllSubmenus();\n $('.is-absolute').parent().addClass('feature_image');\n }\n });\n });\n }\n }\n\n if ($('.promo-banner').length) {\n const promoBanner = window.Cookies.get('promo-banner');\n\n if (promoBanner !== 'dismiss') {\n $('body').addClass('promo-banner--show');\n $('.promo-banner').on('click', '.promo-banner__close', () => {\n $('body').removeClass('promo-banner--show');\n window.Cookies.set('promo-banner', 'dismiss', {\n expires: 30, path: '', domain: '', sameSite: 'None', secure: true,\n });\n });\n }\n }\n\n //offscreen check for menu\n $('.vertical-menu_submenu, .vertical-menu_sub-submenu').each(function() {\n if($(this).is(':off-right')) {\n $(this).addClass('vertical-menu--align-right');\n }\n });\n\n //Click anywhere outside of dropdown to close\n $('html').on('click', function(event) {\n if (!$(event.target).closest('.cart-container').length && $('.cart_content').is(':visible')) {\n\n closeMiniCart();\n }\n\n if (!$(event.target).closest('.dropdown_container').length && $('.dropdown').is(':visible') && !$(event.target).hasClass('url-deadlink') && !$(event.target).hasClass('mega-menu-parent')) {\n $('.is-absolute').parent().addClass('feature_image');\n $('body').removeClass('is-active');\n closeDropdown();\n if ($openDropdownOnClick.length) {\n $('.dropdown_link').attr('data-click-count', 0);\n }\n }\n\n });\n\n //Only apply on larger screen sizes\n if (Shopify.media_queries.large.matches) {\n if ($('.header').hasClass('header-fixed--true')){\n\n //offset scroll position\n $('body').on('click', '.banner a[href^=\"#\"]', function(e) {\n e.preventDefault();\n var anchorLink = $(this).attr('href');\n var headerHeight = $('.main-nav__wrapper.sticky_nav').outerHeight();\n $('html, body').animate({\n scrollTop: $(anchorLink).offset().top - headerHeight\n }, 2000);\n });\n\n if (!$('.main-nav__wrapper').hasClass('sticky_nav')) {\n var sticky_nav = new Headhesive('.main-nav__wrapper', {\n offset: 700,\n throttle: 300,\n classes: {\n clone: 'sticky_nav',\n stick: 'sticky_nav--stick',\n unstick: 'sticky_nav--unstick'\n },\n onInit: function() {\n $('.sticky_nav .secondary_logo').css('display', 'none');\n $('.sticky_nav .primary_logo').css('display', 'block');\n $('.sticky_nav .icon-search').css('display', 'block');\n $('.sticky_nav .search__form').css('display', 'none');\n $('.sticky_nav .search-link').css('display', 'block');\n $('.sticky_nav .main-nav').append($(\".header .cart-container\").clone());\n },\n onStick: function() {\n var maxHeight = 0;\n var $targetHeightElement = $('.sticky_nav .main-nav');\n\n $targetHeightElement.each(function() {\n maxHeight = maxHeight > $(this).outerHeight() ? maxHeight : $(this).outerHeight();\n });\n\n $('.sticky_nav .mini_cart').css('height', maxHeight);\n $('.sticky_nav .cart_content').css('top', maxHeight);\n },\n onUnstick: function() {\n $('.cart-container').removeClass('active_link');\n }\n });\n }\n } else {\n $('.header-fixed--true').removeClass('header-fixed--true');\n if ($('.main-nav__wrapper').length > 1) {\n $('.main-nav__wrapper').first().remove();\n }\n }\n\n if ($('img.primary_logo:visible')){\n $('.logo img', $(\".feature_image .header\")).attr('src', $('.logo img').data('src-home'));\n } else {\n $('.logo img').attr('src', $('.logo img').data('src'));\n }\n //Mobile menu\n } else {\n if ($('#header').hasClass('mobile_nav-fixed--true')){\n $('body').addClass('mobile_nav-fixed--true');\n\n //offset scroll position\n $('body').on('click', '.banner a[href^=\"#\"]', function(e) {\n e.preventDefault();\n var anchorLink = $(this).attr('href');\n var headerHeight = $('#header').outerHeight();\n $('html, body').animate({\n scrollTop: $(anchorLink).offset().top - headerHeight\n }, 2000);\n });\n } else {\n $('body').addClass('mobile_nav-fixed--false');\n }\n }\n\n // Avoid cart_content duplicating for mobile screen sizes\n if ($('#header .cart_content').length < 1) {\n $('#header .cart-container').append($('.header .cart_content').clone());\n }\n\n if (window.is_touch_device() && Shopify.media_queries.medium.matches || Shopify.media_queries.medium.matches) {\n $('.dropdown_link').attr('data-no-instant', true);\n\n $('body').on('click', '.dropdown_link, .vertical--dropdown', function (e) {\n $('.nav a').removeClass('active_link');\n\n if ($('#header').is(':visible')) {\n window.$dropdown = $(this).parents('#header').find(`[data-dropdown=\"${$(this).data('dropdown-rel')}\"]`);\n\n if (!$(this).hasClass('mini_cart')) {\n $('.cart-container').removeClass('active_link');\n }\n } else {\n if ($(this).hasClass('icon-search')) {\n window.location = $(this).attr('href');\n return false;\n }\n\n window.$dropdown = $(this).parents('.main-nav').find(`[data-dropdown=\"${$(this).data('dropdown-rel')}\"]`);\n }\n\n if (window.$dropdown.is(':visible') || window.$dropdown.attr('class') === undefined) {\n window.$dropdown.hide();\n $('body').removeClass('is-active');\n } else {\n $('.dropdown_container').hide();\n if (!$(this).hasClass('cart-container')) {\n $('.is-absolute').parent().removeClass('feature_image');\n }\n window.$dropdown.show();\n $('body').addClass('is-active');\n }\n\n if (window.$dropdown.is(':visible')) {\n e.stopPropagation();\n return false;\n }\n });\n\n $('body').on('click', '.mobile_nav', function () {\n $(this).find('div').toggleClass('open');\n });\n\n // Toggle mini-cart with menu icon\n if (Shopify.theme_settings.cart_action !== 'redirect_cart') {\n $('.mini_cart').on('click', function (e) {\n const $cartContainer = $(this).parent();\n if ($cartContainer.hasClass('active_link')) {\n closeMiniCart();\n $('body').removeClass('blocked-scroll');\n } else {\n openMiniCart($cartContainer);\n $('body').addClass('blocked-scroll');\n }\n if (window.is_touch_device() || Shopify.media_queries.medium.matches) {\n e.preventDefault();\n }\n });\n }\n\n $('.cart_content__continue-shopping').on('click', () => {\n closeMiniCart();\n });\n } else {\n // Enable touch on parent link if on touch device and desktop menu is visible\n if ($openDropdownOnClick.length || window.is_touch_device()) {\n $('.dropdown_link').attr('data-click-count', 0);\n\n $('.dropdown_link').on('click', function (e) {\n const $dropdown = $(this).parents('.main-nav').find(`[data-dropdown=\"${$(this).data('dropdown-rel')}\"]`);\n\n let clickCount = $(this).attr('data-click-count');\n closeAllSubmenus();\n closeDropdown();\n\n $('.dropdown_link').not(this).attr('data-click-count', 0);\n $('.dropdown_link').attr('data-no-instant', true);\n\n $('.active_link').removeClass('active_link');\n\n if (!$(this).hasClass('active_link')) {\n $dropdown.show();\n\n if ($(this).hasClass('mini_cart')) {\n if (!$('body').hasClass('cart')) {\n $(this).parent('.cart-container').addClass('active_link');\n }\n } else {\n $(this).addClass('active_link');\n $('.is-absolute').parent().removeClass('feature_image');\n }\n }\n\n // Capture touch event\n if (e.type === 'click') {\n clickCount++;\n $(this).attr('data-click-count', clickCount);\n\n if (clickCount < 2) {\n e.preventDefault();\n e.stopPropagation();\n return false;\n }\n }\n });\n }\n\n if ($openDropdownOnClick.length === 0) {\n $('.nav a, .logo a').not('.cart_content a').on('mouseenter', function () {\n if (!$(this).hasClass('active_link')) {\n $('.dropdown_container').hide();\n $('.active_link').removeClass('active_link');\n $('.is-absolute').parent().addClass('feature_image');\n }\n });\n\n $('.main-nav, .top-bar, .cart-container').on('mouseleave', () => {\n $('.dropdown_container').hide();\n $('.active_link').removeClass('active_link');\n $('.is-absolute').parent().addClass('feature_image');\n $('body').removeClass('is-active');\n });\n\n $('.dropdown_link').on('mouseover', function () {\n $('.dropdown_container').hide();\n\n const $dropdown = $(this).parents('.main-nav').find(`[data-dropdown=\"${$(this).data('dropdown-rel')}\"]`);\n\n $('.active_link').removeClass('active_link');\n\n if (!$(this).hasClass('active_link')) {\n $dropdown.show();\n\n if ($(this).hasClass('mini_cart')) {\n if (!$('body').hasClass('cart')) {\n $(this).parent('.cart-container').addClass('active_link');\n }\n } else {\n $(this).addClass('active_link');\n $('.is-absolute').parent().removeClass('feature_image');\n }\n }\n });\n }\n }\n },\n removeDataAttributes(target) {\n if($(target).length){\n var i,\n $target = $(target),\n attrName,\n dataAttrsToDelete = [],\n dataAttrs = $target.get(0).attributes,\n dataAttrsLen = dataAttrs.length;\n\n for (i=0; i