Accessoires, hoesjes en S pen | Galaxy Z Fold5 | Samsung NL (2024)

• *Accessoires apart verkrijgbaar. De beschikbaarheid van een bepaald model of een bepaalde kleur kan per land, regio of provider verschillen.

• *Accessoires apart verkrijgbaar. De beschikbaarheid van een bepaald model of een bepaalde kleur kan per land, regio of provider verschillen.

Een nog flexibeler toestel

Bescherming. Productiviteit. Een hoesje voor iedere gelegenheid

• Introductie
  Hoezen voor de Galaxy Z Fold5

• Galaxy Z Fold5
  Slim S Pen-etui

• Slim S Pen Case

  De perfecte match voor onze dunste S Pen Fold Edition ooit – eenvoudig te plaatsen en uit te nemen.^1,2

  KOOP NU

  

  

  

  Icy Blue

• Clear Gadget Case

  Wil je je handen vrij hebben? Geen probleem! Plaats een andere grip op de achterkant.³

  KOOP NU

  

  

  Transparant

• Vegan Leather Case

  Het zachte, hoogwaardige kunstleer beschermt niet alleen de hoeken, maar geeft je telefoon ook nog eens een luxe en moderne uitstraling.^4,5

  KOOP NU

  

  

  Black

• Standing Case met Strap

  Zelfs als je toestel is ingeklapt, kun je je scherm ondersteunen voor een comfortabele kijkervaring. En met de strap voorkom je dat het toestel zomaar uit je handen valt.

  KOOP NU

  

  See Also

  Boundless Expressions, Bountiful Creations - Galaxy Z Flip5 and Galaxy Z Fold5 - Design SamsungSamsung Galaxy Z Flip5 & Fold5: Release Date In Australia, Price, Camera & MoreSamsung Galaxy Z Fold5 | Samsung Brasil34 Cool Samsung Galaxy Z Fold 5 and Z Flip 5 Wallpapers (4K)

  

  Sand

• S Pen Fold Edition voor de Galaxy Z Fold5

  Maak kennis met onze dunste S Pen Fold Edition ooit voor een ongekende precisie, waar je ook bent.^1,2

  KOOP NU

  

  Black

• Screenprotector voorkant 2 stuks

  Zorg dat je coverscherm in zo goed als nieuw blijft zonder consessies te doen aan de touchresponsiviteit.⁶

  KOOP NU

  

  Transparant

Opladers die je batterij een boost geven

• 25W Power Adapter

  Met Super Fast Charging laad je je batterij in een handomdraai op. De oplader waar je altijd van op aan kunt. En dankzij het compacte formaat past hij altijd in je tas.⁷

  KOOP NU

  

  

  Black

• Battery Pack

  Deze batterij van 10.000 mAh levert tot wel 25W Super Fast Charging en beschikt over twee USB Type-C-poorten.^7,8,9

  KOOP NU

  

  Beige

• Wireless Charger Duo Excl. Adapter

  Laad twee toestellen tegelijk op met een Watch-magneet aan de ene zijde en een Wireless Charging-pad aan de andere zijde.¹⁰

  KOOP NU

  

  

  Black

Tijd voor een slimmere garderobe

• Galaxy Watch6

  De Galaxy Watch6 is jouw partner in crime op het gebied van gepersonaliseerde fitnessdoelen.

  KOOP NU

  

  

  

  

  Graphite

• Galaxy Watch6 Classic

  Onze iconische roterende rand is nu 15% dunner.¹¹

  KOOP NU

  

  

  

  

  Silver

Er gaat een wereld voor je open

• Galaxy Buds2 Pro

  Je playlists klinken nog beter met ANC en kristalhelder geluid. Geniet van optimaal draagcomfort.

  KOOP NU

  

  

  

  40mm

• Galaxy Buds2

  Van work-outs tot games en de telefoontjes tussendoor: dankzij de intelligente ANC blijf je altijd in het moment.

  KOOP NU

  

  

  

  

  

  Olive

Accessoires voor smartphones

Maak je Fold helemaal compleet met stijlvolle en handige accessoires.

ALLES BEKIJKEN

GA NAAR DE GALAXY Z FLIP5

Unfold your world

KOOP NU RESERVEER NU KOOP NU VERKOOPPUNTEN

OPENEN IN AR

Life opens up with Galaxy

ONTDEK MEER

*Gesimuleerde afbeeldingen voor illustratieve doeleinden. Daadwerkelijke gebruikersinterface kan afwijken van de afbeelding.
**De hier vermelde specificaties en beschrijvingen kunnen verschillen van de werkelijke productspecificaties en beschrijvingen. Samsung behoudt zich het recht voor dit document en het product te allen tijde te wijzigen, zonder voorafgaande aankondiging. Alle functies, features, specificaties, GUI en andere productinformatie in dit document wat betreft de voordelen, het design, de prijs, de onderdelen, prestaties, beschikbaarheid en functies van het product kunnen worden gewijzigd zonder voorafgaande waarschuwing. De afbeeldingen op de schermen zijn gesimuleerde beelden en louter illustratief.

1. In vergelijking met vorige modellen. De S Pen Fold Edition voor de Galaxy Z Fold5 is 4,35 x 5,8 x 120 mm. De S Pen Fold Edition voor de Galaxy Z Fold3 en Z Fold4 is 7,7 x 7,4 x 132,1 mm.
2. De S Pen Fold Edition voor de Galaxy Z Fold5 is apart verkrijgbaar. Gebruik alleen de S Pen die speciaal ontworpen is voor de Galaxy Z Fold. Alle andere S pennen en styluspennen kunnen het scherm beschadigen. De Galaxy Z Fold5 heeft geen ingebouwde sleuf voor de S Pen. De S Pen wordt alleen ondersteund op het hoofdscherm.
3. Extra accessoires zijn apart verkrijgbaar. Producten kunnen variëren per provider en verkooppunt.
4. De Vegan Leather Case bevat UL-gecertificeerde gerecyclede materialen. Het kunststof (EF-VF946) bevat minimaal 16% gerecycled materiaal. Metingen gebaseerd op het gewicht van kunststof onderdelen.
5. De Vegan Leather Case is gemaakt van synthetische materialen met een leereffect, in plaats van echt leer.
6. Bestaat uit twee beschermlaagjes voor de voorkant.
7. Super Fast Charging (SFC) vereist een USB Power Delivery 3.0-compatibel apparaat dat Direct Charging ondersteunt. Apparaten die geen USB Power Delivery 3.0-standaard of Direct Charging ondersteunen, worden in een lager tempo dan SFC-snelheid opgeladen.
8. 25W Super Fast Charging is alleen beschikbaar als deze is verbonden met één toestel.
9. Kabels dienen mogelijk apart te worden aangeschaft, afhankelijk van het land of de regio.
10. Voor de draadloze oplader is een stroomaansluiting vereist. Laadsnelheden kunnen per apparaat verschillen. Werkelijke oplaadtijd hangt af van gebruik, oplaadcondities en andere factoren.
11. Vergeleken met de Galaxy Watch5 voor de Galaxy Watch6 en in vergeleken met de Galaxy Watch4 Classic voor de Galaxy Watch6 Classic.

')); } } }; return { setLownetworkClass: setLownetworkClass, setScrollControl: setScrollControl, setResolution: setResolution, onClickSup: onClickSup, centeredFocus: centeredFocus, setArBanner: setArBanner, }})();(function() { var utils = window.flagship.common.utils, resize = window.flagship.common.resize, common = window.flagship.accessories.common, agent = navigator.userAgent.toLowerCase(), maxOs = agent.indexOf('mac os') > -1, touchDevice = ('ontouchstart' in window || (window.DocumentTouch && document instanceof window.DocumentTouch)); els = {}; var init = function() { els.isGlobal = document.documentElement.classList.contains('global'); }; var bindEvents = function() { window.addEventListener('DOMContentLoaded', anchorPosition, { once: true }); window.addEventListener('hashchange', anchorPosition); }; var setResize = function() { resize.init([{ resolution: 1920, resolutionName: 'desktop', eventFunction: '' }, { resolution: 1023, resolutionName: 'tablet', eventFunction: '' }, { resolution: 767, resolutionName: 'mobile', eventFunction: '' }, { resolution: 360, resolutionName: 'mobileS', eventFunction: '' }, { resolution: 320, resolutionName: 'mobileXs', eventFunction: '' }], 200); resize.add(common.setResolution); }; var setScrollControl = function() { window.scrollController = ANIUTIL.scrollController(); scrollController.init({ speed: 120, duration: 0.5 }); }; var setImageLoader = function() { window.imageLoader = ANIUTIL.mediaLoader({ lazyClass: '.js-img-src', responsiveClass: '.js-res-img', preset: els.isGlobal ? '' : '?imbypass=true', loadOption: [{ resolution: 1920, attribute: 'data-src-pc' }, { resolution: 1023, attribute: 'data-src-tb' }, { resolution: 767, attribute: 'data-src-mo' }, { resolution: 360, attribute: 'data-src-mo-s' }], visiblePoint: 1 }); window.bgLoader = ANIUTIL.mediaLoader({ type: 'bgImage', lazyClass: '.js-bg-img', loadOption: [{ resolution: 1920, attribute: '', bgOpts: '' }], visiblePoint: 1 }); }; var setDisclaimer = function() { els.supClicker = document.querySelectorAll('a.click_sup'); for (var i = 0; i < els.supClicker.length; i++) { els.supClicker[i].addEventListener('click', common.onClickSup); } }; var setCenteredfocus = function() { els.contents = document.querySelector('#contents'); els.allClickables = els.contents.querySelectorAll('a, button, input, select'); for (var i = 0; i < els.allClickables.length; i++) { els.allClickables[i].addEventListener('focusin', common.centeredFocus); } }; var anchorPosition = function() { if (window.location.hash != '' && !!document.querySelector(window.location.hash)) { var hash = location.hash.split('#')[1], hashSection = document.querySelector('#' + hash), hashTimeout = null; clearTimeout(hashTimeout); hashTimeout = setTimeout(function() { var sectionTop = hashSection.getBoundingClientRect().top, navHeight = utils.getNavHeight(), hashScroll = window.pageYOffset + sectionTop - navHeight; window.scrollTo(0, hashScroll); }, 300); } }; var onLoadHandler = function() { common.setLownetworkClass(); common.setArBanner(); init(); bindEvents(); setResize(); if (!maxOs && !touchDevice) { setScrollControl(); } setDisclaimer(); setCenteredfocus(); setImageLoader(); }; onLoadHandler();})();(function() { window.flagship.accessories = window.flagship.accessories || {}; flagship.accessories.buyable = (function () { var self = {}; // should change the below to use self to be consisitent var utils = window.flagship.common.utils; var site = null; var makeBuyable = false; var comingSoonCopy = null; var outOfStockCopy = null; var shopIntegrationFlag = null; var isOldHybris = false; var isNewHybris = false; var clusters = [ { code: "SMN", logic: "//images.samsung.com/is/content/samsung/p5/common/vp/queue/sqs_fra.js", actionId: "Buy_SMN", }, { code: "SMN2", logic: "//images.samsung.com/is/content/samsung/p5/common/vp/queue/sqs_fra2.js", actionId: "Buy_SMN2", xactionId: "TEST", }, { code: "SMN3", logic: "//images.samsung.com/is/content/samsung/p5/common/vp/queue/sqs_fra2.js", actionId: "Buy_SMN3", }, { code: "SMN4", logic: "//images.samsung.com/is/content/samsung/p5/common/vp/queue/sqs_fra2.js", actionId: "Buy_SMN4", }, { code: "SMN5", logic: "//images.samsung.com/is/content/samsung/p5/common/vp/queue/sqs_fra2.js", actionId: "Buy_SMN5", }, ]; var clusterAdded = false; var netFunnelActionId = null; var init = function () { site = $("meta[name=sitecode]").attr("content"); // get the coming soon copy ... var comingSoonDiv = $("#makeAccessoriesBuyable_ComingSoon"); // if coming soon copy exists - makeBuyable makeBuyable = $(comingSoonDiv).length > 0; console.log("buyable.init - " + site + " " + makeBuyable); if (makeBuyable) { shopIntegrationFlag = $("#shopIntegrationFlag").val(); isOldHybris = shopIntegrationFlag === "Hybris" || shopIntegrationFlag === "Hybris-intg"; isNewHybris = shopIntegrationFlag === "Hybris-new"; // get the coming soon copy ... comingSoonCopy = $(comingSoonDiv).text(); outOfStockCopy = $(comingSoonDiv).attr("data-outOfStock"); console.log( "buyable.init - " + comingSoonCopy + " " + outOfStockCopy + " " + isOldHybris + " " + isNewHybris ); // doIt(); $( ".accessories__product-item .accessories__product-cta .common-cta-encased" ).on("click", function (e) { // check if linking or if adding to cart - href vs sku var sku = $(this).data("sku"); var href = $(this).attr("href"); console.log(sku + " " + href); if (sku) { e.preventDefault(); // console.log('add to Basket - ' + sku); doAddToCart(sku); } else { // console.log('go to ' + href); } }); } else { console.log("buyable.init OFF"); } }; var doIt = function () { console.log("buyable.doIt"); doCluster(); }; var doCluster = function () { if ( typeof commonNetFunnelUseYn !== "undefined" && typeof commonNetFunnelJsStringArea !== "undefined" ) { if (commonNetFunnelUseYn == "Y") { if (clusterAdded) { // cluster files already added } else { // need to add cluster files ... var logic = ""; for (var i = 0; i < clusters.length; i++) { var cluster = clusters[i]; if (cluster.code == commonNetFunnelJsStringArea) { logic = cluster.logic; netFunnelActionId = cluster.actionId; break; } } if (logic) { var skin = "//images.samsung.com/is/content/samsung/p5/common/vp/" + site + "/sqs_s.js"; // Create new script elements var script1 = document.createElement("script"); script1.src = logic; var script2 = document.createElement("script"); script2.src = skin; // Append to the `head` element document.head.appendChild(script1); document.head.appendChild(script2); console.log("done doCluster"); clusterAdded = true; } } } } }; var doAddToCart = function (sku) { doAddToCartHybris(sku); }; var doAddToCartHybris = function (sku) { console.log("doAddToCartHybris - " + sku); // doAddToCartHybrisOld - not being used ... not checking isOldHybris / isNewHybris if (clusterAdded && netFunnelActionId) { NetFunnel_Action( { action_id: netFunnelActionId }, function (ev, ret) { doAddToCartHybrisNew(sku, function () { console.log("doAddToCartHybrisNew - done WITH NETFUNNEL"); NetFunnel_Complete(); }); } ); } else { doAddToCartHybrisNew(sku, function () { console.log("doAddToCartHybrisNew - done"); }); } }; var doAddToCartHybrisNew = function (sku, cb) { var url = "https://shop.samsung.com/" + site + "/servicesv2/addToCart"; var postParam = { products: [{ productCode: sku, quantity: 1 }] }; console.log("url", url); console.log("postParam", postParam); doShowProgress(); $.ajax({ url: url, type: "POST", data: JSON.stringify(postParam), dataType: "json", xhrFields: { withCredentials: true }, contentType: "application/json", timeout: 20000, beforeSend: function () { doShowProgress(); }, success: function (data) { console.log("data", data); if (data.resultCode == "0000") { // don't show popup - go straight to cart ... doShowProgress(); window.location.href = "https://shop.samsung.com" + "/" + site + "/cart"; } else { console.log("fail!"); } }, error: function (o) { doHideProgress(); console.log("error!"); }, complete: function (x) { cb(); }, }); }; var doAddToCartHybrisOld = function (sku, cb) { var params = "products[0].productCode=" + sku + "&products[0].quantity=1"; doShowProgress(); $.ajax({ url: "https://shop.samsung.com" + "/" + site + "/ng/p4v1/addToCart?" + params, // type: "GET", // data: {}, // dataType: "jsonp", // jsonp: "callback", // async: !1, // timeout: 1e4, cache: false, crossDomain: true, xhrFields: { withCredentials: true }, dataType: "json", timeout: 20000, beforeSend: function () { doShowProgress(); }, success: function (s) { doHideProgress(); if ("0000" == s.resultCode) { // don't show popup - go straigh to cart ... doShowProgress(); window.location.href = "https://shop.samsung.com" + "/" + site + "/cart"; } else { console.log("fail!"); } }, error: function (o) { doHideProgress(); console.log("error!"); }, complete: function (x) { cb(); }, }); }; var doShowProgress = function () { // console.log('show progress'); $(".cm-configurator-loader").stop(true, true).show(); }; var doHideProgress = function () { // console.log('hide progress'); $(".cm-configurator-loader").hide(); }; var doSku = function (that) { var sku = that.getAttribute("data-sku"); var url = that.getAttribute("data-url"); // var product = utils.closest(that, ".accessories__product-item"); var product = $(that).closest(".accessories__product-item"); // var cta = product.querySelector(".accessories__product-cta"); var cta = $(product).find(".accessories__product-cta"); // hide the button and remove the price - these will be reshown/added based on sku info $(cta).addClass("off"); $(cta).find(".price").remove(); if (sku && makeBuyable) { console.log(sku + " - need to get price/stock etc"); // var ctaBtn = product.querySelector(".common-cta-encased"); var ctaBtn = $(product).find(".common-cta-encased"); // ctaBtn.setAttribute("data-sku", sku); // to be used for a2b $(ctaBtn).attr("data-sku", sku); // to be used for a2b doGetSkuInfo(sku, cta); } else if (url) { console.log(url + " - url so display the CTA"); $(cta).removeClass("off"); } else { console.log("no sku OR url OR turned off"); } }; var doGetSkuInfo = function (sku, cta) { // hide the button and remove the price - these will be reshown/added based on sku info $(cta).addClass("off"); $(cta).find(".price").remove(); doGetSkuInfoHybris(sku, cta, function (data) { doDisplaySkuInfo(sku, cta, data); }); }; var doGetSkuInfoHybris = function (sku, cta, cb) { if (isOldHybris) { doGetSkuInfoHybrisOld(sku, cta, cb); } else if (isNewHybris) { doGetSkuInfoHybrisNew(sku, cta, cb); } else if (site == "ie") { console.log("TODO - exertis - " + sku); } }; var doGetSkuInfoHybrisOld = function (sku, cta, cb) { console.log("hybris old - " + sku); var result = {}; var params = "productCodes=" + sku; $.ajax({ url: "https://shop.samsung.com/" + site + "/servicesv2/getSimpleProductsInfo?" + params, type: "GET", data: {}, dataType: "jsonp", jsonpCallback: "jQuery12345678901234567890_" + sku.toString().toLowerCase().replace("-", "").replace("/", ""), cache: !0, crossDomain: !0, timeout: 1e4, success: function (s) { if ( "0000" == s.resultCode && s.productDatas && s.productDatas.length == 1 ) { var data = s.productDatas[0]; // console.log(data); if ("0000" == data.resultCode) { // console.log('success workings - ' + data.productCode); result.productCode = data.productCode; result.price = data.price; result.priceFormatted = data.priceFormatted; result.promotionPrice = data.promotionPrice; result.promotionPriceFormatted = data.promotionPriceFormatted; result.stockLevelStatus = data.stockLevelStatus; result.stockLevelStatusDisplay = data.stockLevelStatusDisplay; // KD 20220805 force OOS copy if (data.stockLevelStatus == "outOfStock") { result.stockLevelStatusDisplay = outOfStockCopy; } cb(result); } else { console.log("fail sku!"); cb(result); } } else { console.log("fail!"); cb(result); } }, error: function (o) { console.log("error! " + sku, o); cb(result); }, }); }; var doGetSkuInfoHybrisNew = function (sku, cta, cb) { console.log("hybris new - " + sku); var result = {}; var params = "productCodes=" + sku + "&fields=SIMPLE_INFO"; $.ajax({ url: "https://shop.samsung.com/tokocommercewebservices/v2/" + site + "/products?" + params, type: "GET", data: {}, dataType: "json", cache: !0, crossDomain: !0, timeout: 1e4, success: function (s) { if (s && s.length == 1) { var data = s[0]; // console.log(data); var productCode = data.code; var price = null; var priceFormatted = null; var promotionPrice = null; var promotionPriceFormatted = null; if (data.price) { price = data.price.value; priceFormatted = data.price.formattedValue; } if (data.promotionPrice) { promotionPrice = data.promotionPrice.value; promotionPriceFormatted = data.promotionPrice.formattedValue; } var stockLevelStatus = "outOfStock"; var stockLevelStatusDisplay = outOfStockCopy; if ( data.stock && data.stock.stockLevelStatus && (data.stock.stockLevelStatus.toLowerCase() == "instock" || data.stock.stockLevelStatus.toLowerCase() == "backorder" || data.stock.stockLevelStatus.toLowerCase() == "preorder") ) { stockLevelStatus = "inStock"; stockLevelStatusDisplay = ""; // not used if not outOfStock } result.productCode = productCode; result.price = price; result.priceFormatted = priceFormatted; result.promotionPrice = promotionPrice; result.promotionPriceFormatted = promotionPriceFormatted; result.stockLevelStatus = stockLevelStatus; result.stockLevelStatusDisplay = stockLevelStatusDisplay; cb(result); } else { console.log("fail!"); cb(result); } }, error: function (o) { console.log("error! " + sku, o); cb(result); }, }); }; var doDisplaySkuInfo = function (sku, cta, data) { console.log(data); // hide the button and remove the price - these will be reshown/added based on sku info $(cta).addClass("off"); $(cta).find(".price").remove(); if (data.price) { var text = ""; if (data.stockLevelStatus == "outOfStock") { text += "" + data.stockLevelStatusDisplay + ""; } if (data.promotionPrice) { if ( data.priceFormatted != null && data.promotionPriceFormatted != null ) { text += '' + data.priceFormatted + '' + data.promotionPriceFormatted + ""; } } else { if (data.priceFormatted != null) { text += "" + data.priceFormatted + ""; } } if (data.stockLevelStatus != "outOfStock") { // sku exists AND product is REAL AND != outOfStock - show the button $(cta).removeClass("off"); // TRACKING ... TODO } $(cta).append('

' + text + "

"); } else { $(cta).append( '

' + comingSoonCopy + "

" ); } }; return { init: init, doSku: doSku, }; })(); flagship.accessories.colorchip = (function() { var els = {}, status = {}, resize = window.flagship.common.resize, utils = window.flagship.common.utils; currDevice = resize.checkResolution(); var init = function() { els.section = document.querySelector('#accessories'); if (!!els.section) { flagship.accessories.buyable.init(); // kd setElements(); setProperty(); setCta(); bindEvents(); } }; var setElements = function() { els.swiper = null; els.colorchipItem = els.section.querySelectorAll('.accessories__product-item'); status.isClick = false; }; var setProperty = function() { for (var i = 0; i < els.colorchipItem.length; i++) { var colorchipList = els.colorchipItem[i].querySelectorAll('.accessories__colorchip'), optionBtnList = els.colorchipItem[i].querySelectorAll('.accessories__product-option-btn'), swiperContainer = els.colorchipItem[i].querySelectorAll('.swiper-container'); for (var j = 0; j < colorchipList.length; j++) { var accProperty = { parentWrap: els.colorchipItem[i], img: els.colorchipItem[i].querySelector('.accessories__product-image>img'), ctaWrap: els.colorchipItem[i].querySelector('.accessories__product-cta'), cta: els.colorchipItem[i].querySelector('.accessories__product-cta>a'), currentColor: els.colorchipItem[i].querySelector('.accessories__product-current') }; colorchipList[j].accProperty = accProperty; } for (var k = 0; k < optionBtnList.length; k++) { var accProperty = { parentWrap: els.colorchipItem[i], optionBtnWrap: els.colorchipItem[i].querySelectorAll('.accessories__product-option-item')[k], colorchipList: els.colorchipItem[i].querySelectorAll('.swiper-pagination-wrap')[k], activeColorchip: els.colorchipItem[i].querySelector('.accessories__colors .is-active'), activeSwiperWrap: els.colorchipItem[i].querySelectorAll('.swiper-container-wrap')[k], activeSwiperContainer: els.colorchipItem[i].querySelectorAll('.swiper-container')[k], }; optionBtnList[k].accProperty = accProperty; } for (var l = 0; l < swiperContainer.length; l++) { var swiperSlides = swiperContainer[l].querySelectorAll('.swiper-slide'); if (swiperSlides.length >= 2) { var swiperProperty = { nextArrow: els.colorchipItem[i].querySelectorAll('.swiper-button-next')[l], prevArrow: els.colorchipItem[i].querySelectorAll('.swiper-button-prev')[l], pagination: els.colorchipItem[i].querySelectorAll('.swiper-pagination-wrap')[l], parentWrap: els.colorchipItem[i], }; swiperContainer[l].swiperProperty = swiperProperty; } if (swiperContainer[l].classList.contains('is-slide')) { var swiperProperty = { nextArrow: els.colorchipItem[i].querySelectorAll('.swiper-button-next')[l], prevArrow: els.colorchipItem[i].querySelectorAll('.swiper-button-prev')[l], pagination: els.colorchipItem[i].querySelectorAll('.swiper-pagination-wrap')[l], parentWrap: els.colorchipItem[i] }; swiperContainer[l].swiperProperty = swiperProperty; } } } }; var setCta = function() { for (var i = 0; i < els.colorchipItem.length; i++) { var activeColorchip = els.colorchipItem[i].querySelector('.accessories__colorchip.is-active'), activeColorchipUrl = activeColorchip.getAttribute('data-url'), activeItemCta = els.colorchipItem[i].querySelector('.accessories__product-cta'); if (!!activeItemCta) { if (activeColorchipUrl == '#') { activeItemCta.style.visibility = 'hidden'; activeItemCta.setAttribute('tabindex', -1); activeItemCta.setAttribute('aria-hidden', true); } else { activeItemCta.style.visibility = ''; activeItemCta.removeAttribute('tabindex'); activeItemCta.removeAttribute('aria-hidden'); } } colorchipEvent.colorChange(activeColorchip); // kd } }; var resizeEvent = function(currRes) { if (currRes) currDevice = currRes; var activeSwiper = els.section.querySelectorAll('.swiper-container-initialized'); if (activeSwiper) { for (var i = 0; i < activeSwiper.length; i++) { var flipsuitSwiper = activeSwiper[i].classList.contains('is-slide'); if ((currDevice && (currDevice.indexOf('mobile') > -1) || currDevice == 'tablet') || flipsuitSwiper) { activeSwiper[i].swiper.allowTouchMove = true; } else { activeSwiper[i].swiper.allowTouchMove = false; } } } }; var onLoadHandler = function() { scrollHandler(); resizeEvent(); }; var bindEvents = function() { window.addEventListener('DOMContentLoaded', onLoadHandler, { once: true }); window.addEventListener('scroll', scrollHandler); resize.add(resizeEvent); els.section.addEventListener('click', function(e) { if (e.target.matches('.accessories__product-option-btn')) { colorchipEvent.optionChange(e.target); } else if (e.target.matches('.accessories__colorchip')) { if (!e.target.classList.contains('accessories__colorchip--slide')) { status.isClick = true; colorchipEvent.colorChange(e.target); colorchipEvent.slideTo(e.target); } } else if (e.target.matches('.accessories__radio')) { if (!e.target.parentElement.classList.contains('accessories__colorchip--slide')) { status.isClick = true; colorchipEvent.colorChange(e.target.parentElement); colorchipEvent.slideTo(e.target.parentElement); } } else if (e.target.matches('.accessories__radio-half')) { if (!e.target.parentElement.parentElement.classList.contains('accessories__colorchip--slide')) { status.isClick = true; colorchipEvent.colorChange(e.target.parentElement.parentElement); colorchipEvent.slideTo(e.target.parentElement.parentElement); } } }); els.section.addEventListener('keydown', function(e) { if (e.keyCode == 13) { if (e.target.matches('.accessories__product-option-btn')) { colorchipEvent.optionChange(e.target); } else if (e.target.matches('.accessories__colorchip')) { if (!e.target.classList.contains('accessories__colorchip--slide')) { status.isClick = true; colorchipEvent.colorChange(e.target); colorchipEvent.slideTo(e.target); } } } }); }; var scrollHandler = function() { for (var i = 0; i < els.colorchipItem.length; i++) { var targetElement = els.colorchipItem[i], scrollTop = window.pageYOffset, scrollBottom = scrollTop + window.innerHeight, targetOffsetTop = scrollTop + targetElement.getBoundingClientRect().top, targetOffsetBottom = scrollTop + targetElement.getBoundingClientRect().bottom, swiperContainer; if (els.colorchipItem[i].querySelector('.accessories__options')) { swiperContainer = els.colorchipItem[i].querySelector('.swiper-container-wrap.is-active .swiper-container'); } else { swiperContainer = els.colorchipItem[i].querySelector('.swiper-container'); } if ((scrollTop + 50) < targetOffsetBottom && (scrollBottom - 50) > targetOffsetTop) { setSwiper(swiperContainer); } else if ((scrollTop + 50) > targetOffsetBottom || (scrollBottom - 50) < targetOffsetTop) { if (swiperContainer.swiper) swiperEvents.destroy(swiperContainer.swiper); } } }; var colorchipEvent = { optionChange: function(targetOption) { var target = targetOption.accProperty, parentWrap = target.parentWrap, oldSwiper = parentWrap.querySelector('.swiper-container.swiper-container-initialized'); var _setCurrentOption = function() { parentWrap.selectOpt = parentWrap.querySelector('.accessories__product-option-item.is-active'); parentWrap.selectColorchipWrap = parentWrap.querySelector('.swiper-pagination-wrap.is-active'); parentWrap.selectColorchipList = Array.prototype.slice.call(parentWrap.selectColorchipWrap.querySelectorAll('.accessories__colorchip')); parentWrap.selectSwiperWrap = parentWrap.querySelector('.swiper-container-wrap.is-active'); // optBtn if (!target.optionBtnWrap.classList.contains('is-active')) { parentWrap.selectOpt.classList.remove('is-active'); parentWrap.selectOpt.querySelector('button').removeAttribute('title'); target.optionBtnWrap.classList.add('is-active'); if (typeof LOCAL_VARI != 'undefined' && !!LOCAL_VARI) { target.optionBtnWrap.querySelector('button').setAttribute('title', LOCAL_VARI.selected); } else { target.optionBtnWrap.querySelector('button').setAttribute('title', 'Selected'); } } // colorchipWrap if (!target.colorchipList.classList.contains('is-active')) { parentWrap.selectColorchipWrap.classList.remove('is-active'); target.colorchipList.classList.add('is-active'); } // swiperContainer if (!target.activeSwiperWrap.classList.contains('is-active')) { parentWrap.selectSwiperWrap.classList.remove('is-active'); target.activeSwiperWrap.classList.add('is-active'); } }; var _setCurrentOptionColorchip = function() { var oldColorchip = parentWrap.selectColorchipWrap.querySelector('.accessories__colorchip.is-active'), oldColorchipIndex = parentWrap.selectColorchipList.indexOf(oldColorchip); var activeColorchip = target.colorchipList.querySelectorAll('button'), prevColor = oldColorchip.getAttribute('data-color'), currentColor = activeColorchip[oldColorchipIndex].getAttribute('data-color'); if (prevColor == currentColor) { currentOptionColorchip = activeColorchip[oldColorchipIndex]; } else { currentOptionColorchip = target.colorchipList.querySelector('button.is-active'); } return currentOptionColorchip; }; var _slideMove = function() { var swiperContainer = target.activeSwiperContainer, pagination = swiperContainer.swiperProperty.pagination, colorchips = pagination.querySelectorAll('.accessories__colorchip'), colorchipIndex = [].indexOf.call(colorchips, _setCurrentOptionColorchip()); swiperContainer.swiper.slideTo((colorchipIndex + 1), 0, false); }; var optionList = parentWrap.querySelectorAll('.accessories__product-option-item'); if (optionList.length > 1) { _setCurrentOption(); swiperEvents.destroy(oldSwiper.swiper); setSwiper(target.activeSwiperContainer); colorchipEvent.colorChange(_setCurrentOptionColorchip()); _slideMove(); if (!target.activeSwiperContainer.classList.contains('swiper-container-initialized')) { var targetImg = target.activeSwiperContainer.querySelectorAll('.accessories__product-image>img'); if (!targetImg[0].classList.contains('is-img-load-complete')) { imageLoader.setResponsiveMedia(targetImg); } } } }, colorChange: function(targetColorchip) { var target = targetColorchip.accProperty, parentWrap = target.parentWrap; var activeColor = targetColorchip.getAttribute('aria-label'), activeColorCtaUrl = targetColorchip.getAttribute('data-url'), optionList = parentWrap.querySelectorAll('.accessories__product-option-item'), oldColorchip; if (optionList.length > 1) { oldColorchip = parentWrap.querySelector('.swiper-pagination-wrap.is-active .is-active'); } else { oldColorchip = parentWrap.querySelector('.swiper-pagination-wrap .is-active'); } if (!targetColorchip.classList.contains('is-active')) { oldColorchip.classList.remove('is-active'); oldColorchip.setAttribute('aria-selected', false); targetColorchip.classList.add('is-active'); targetColorchip.setAttribute('aria-selected', true); } target.currentColor.innerText = activeColor; var _setCta = function() { if (!!target.cta) { if (activeColorCtaUrl == '#') { target.ctaWrap.style.visibility = 'hidden'; target.ctaWrap.setAttribute('tabindex', -1); target.ctaWrap.setAttribute('aria-hidden', true); } else { target.ctaWrap.style.visibility = ''; target.ctaWrap.removeAttribute('tabindex'); target.ctaWrap.removeAttribute('aria-hidden'); } } }; var _setTagging = function() { if (!!target.cta) { var dataOmni = target.cta.getAttribute('data-omni').split(':')[4], gala = target.cta.getAttribute('ga-la').split(':')[4], currColor = targetColorchip.getAttribute('data-color'); if (target.parentWrap.querySelector('.accessories__product-option')) { var optionDataOmni = target.cta.getAttribute('data-omni').split(':')[2].split('-').reverse()[0], optionGala = target.cta.getAttribute('data-omni').split(':')[2].split('-').reverse()[0], currOption = target.parentWrap.querySelector('.accessories__product-option .is-active').innerText; target.cta.setAttribute('data-omni', target.cta.getAttribute('data-omni').replace(optionDataOmni, currOption)); target.cta.setAttribute('ga-la', target.cta.getAttribute('ga-la').replace(optionGala, currOption)); } target.cta.setAttribute('href', activeColorCtaUrl); target.cta.setAttribute('data-omni', target.cta.getAttribute('data-omni').replace(dataOmni, currColor)); target.cta.setAttribute('ga-la', target.cta.getAttribute('ga-la').replace(gala, currColor)); } }; _setCta(); _setTagging(); flagship.accessories.buyable.doSku(targetColorchip); // kd }, slideTo: function(targetColorchip) { var target = targetColorchip.accProperty, parentWrap = target.parentWrap, swiperContainer; if (parentWrap.querySelector('.accessories__options')) { swiperContainer = parentWrap.querySelector('.swiper-container-wrap.is-active .swiper-container'); } else { swiperContainer = parentWrap.querySelector('.swiper-container'); } if (swiperContainer.swiper != null) { var colorchipList; if (parentWrap.querySelector('.accessories__colors-wrap')) { var colorchipListWrap = parentWrap.querySelector('.accessories__colors-wrap .swiper-pagination-wrap.is-active') colorchipList = Array.prototype.slice.call(colorchipListWrap.querySelectorAll('.accessories__colorchip')); } else { colorchipList = Array.prototype.slice.call(parentWrap.querySelectorAll('.accessories__colorchip')); } var index = colorchipList.indexOf(targetColorchip); swiperContainer.swiper.slideTo((index + 1), 500, false); status.isClick = false; } }, }; var swiperEvents = { init: function() { var notification = this.el.querySelector('.swiper-notification'); if (!!notification) this.el.removeChild(notification); if (!this.el.classList.contains('is-slide')) { var cloneSlides = this.el.querySelectorAll('.swiper-slide-duplicate'); for (var i = 0; i < cloneSlides.length; i++) { var cloneId = cloneSlides[i].getAttribute('id'); cloneSlides[i].setAttribute('id', cloneId + '-clone'); } } var activeSlideImg = this.slides[this.activeIndex].querySelectorAll('img'), prevSlideImg = this.slides[this.activeIndex - 1].querySelectorAll('img'), nextIndex = (this.activeIndex < this.slides.length - 1) ? (this.activeIndex + 1) : 0, nextSlide = this.slides[nextIndex], nextSlideImg = nextSlide.querySelectorAll('img'); if (activeSlideImg[0] && !activeSlideImg[0].classList.contains('is-img-load-complete')) { imageLoader.setResponsiveMedia(activeSlideImg); } if (prevSlideImg[0] && !prevSlideImg[0].classList.contains('is-img-load-complete')) { imageLoader.setResponsiveMedia(prevSlideImg); } if (nextSlideImg[0] && !nextSlideImg[0].classList.contains('is-img-load-complete')) { imageLoader.setResponsiveMedia(nextSlideImg); } var pagination = this.el.swiperProperty.pagination, colorchips = pagination.querySelectorAll('.accessories__colorchip'), activeColorchip = pagination.querySelector('.accessories__colorchip.is-active'), colorchipIndex = [].indexOf.call(colorchips, activeColorchip); if (colorchipIndex != 0) { this.slideTo((colorchipIndex + 1), 0, false); } accessibility.slide.call(this); }, slideChange: function() { if (!status.isClick && !this.el.classList.contains('is-slide')) { var activeIndex = this.realIndex, activeColorchipWrap = this.el.swiperProperty.pagination, activeColorchip = activeColorchipWrap.querySelectorAll('.accessories__colorchip'); colorchipEvent.colorChange(activeColorchip[activeIndex]); } var activeSlideImg = this.slides[this.activeIndex].querySelectorAll('img'), nextIndex = (this.activeIndex < this.slides.length - 1) ? (this.activeIndex + 1) : 0, nextSlide = this.slides[nextIndex], nextSlideImg = nextSlide.querySelectorAll('img'); if (activeSlideImg[0] && !activeSlideImg[0].classList.contains('is-img-load-complete')) { imageLoader.setResponsiveMedia(activeSlideImg); } if (nextSlideImg[0] && !nextSlideImg[0].classList.contains('is-img-load-complete')) { imageLoader.setResponsiveMedia(nextSlideImg); } accessibility.slide.call(this); }, slideChangeTransitionEnd: function() { status.isClick = false; }, destroy: function(target) { target.destroy(); } } var setSwiper = function(target) { var targetProperty = target.swiperProperty; if (targetProperty && !target.swiper) { var swiper = new Swiper(target, { init: false, slidesPerView: 'auto', loop: true, loopedSlides: 1, navigation: { nextEl: targetProperty.nextArrow, prevEl: targetProperty.prevArrow }, touchRatio: 0.5, allowTouchMove: !!target.classList.contains('is-slide') || (utils.detector.isTouchDevice || (currDevice && currDevice.indexOf('mobile') > -1)) ? true : false }); swiper.on('init', swiperEvents.init); swiper.on('slideChange', swiperEvents.slideChange); swiper.on('slideChangeTransitionEnd', swiperEvents.slideChangeTransitionEnd); swiper.init(); } }; var accessibility = { slide: function() { for (var i = 0; i < this.slides.length; i++) { if (i != this.activeIndex) { this.slides[i].setAttribute('aria-hidden', true); this.slides[i].setAttribute('tabindex', -1); } else { this.slides[i].setAttribute('aria-hidden', false); this.slides[i].removeAttribute('tabindex'); } } } }; return { init: init } })();})();;(function() { window.flagship.accessories = window.flagship.accessories || {}; flagship.accessories.matchHeight = (function() { var els = {}; resize = window.flagship.common.resize, currDevice = resize.checkResolution(); var arrays = { productItemArr: [] }; var init = function() { els.section = document.querySelector('#accessories'); if (!!els.section) { setElements(); bindEvents(); } }; var setElements = function() { els.productList = els.section.querySelectorAll('.accessories__product-list'); els.productLists = Array.prototype.slice.call(els.productList); }; var bindEvents = function() { window.addEventListener('DOMContentLoaded', onLoadHandler, { once: true }); resize.add(onResizeHandler); }; var onResizeHandler = function(currRes) { currDevice = currRes; if (currDevice == null || currDevice.indexOf('mobile') < 0) { matchHeight.setHeight(); } }; var onLoadHandler = function() { if (currDevice == null || currDevice.indexOf('mobile') < 0) { matchHeight.setHeight(); } }; var matchHeight = { setList: function() { var listItems = null; for (var i = 0; i < els.productLists.length; i++) { listItems = Array.prototype.slice.call(els.productLists[i].querySelectorAll('.accessories__product-item')); arrays.productItemArr.push(listItems); } }, setHeight: function() { matchHeight.setList(); var title = null, desc = null, lineCta = null; arrays.productItemArr.forEach(function(productItem) { var itemArr = [], titleArr = [], descArr = [], lineCtaArr = [], maxTitle = 0, maxDesc = 0, maxLineCta = 0; productItem.forEach(function(item) { title = item.querySelector('.accessories__product-title'); desc = item.querySelector('.accessories__product-description'); lineCta = item.querySelector('.accessories__product-cta--underline'); itemArr.push(item); if (title != null) { title.style.height = ''; titleArr.push(title.clientHeight); } if (desc != null) { desc.style.height = ''; descArr.push(desc.clientHeight); } if (lineCta != null) { lineCta.style.height = ''; lineCtaArr.push(lineCta.clientHeight); } }); itemArr = itemSlice(itemArr, 2); titleArr = itemSlice(titleArr, 2); descArr = itemSlice(descArr, 2); lineCtaArr = itemSlice(lineCtaArr, 2); for (var i = 0; i < itemArr.length; i++) { maxTitle = titleArr[i].reduce(function(prev, titleArr) { return Math.max(prev, titleArr); }); maxDesc = descArr[i].reduce(function(prev, descArr) { return Math.max(prev, descArr); }); if (lineCtaArr[i] != null) { maxLineCta = lineCtaArr[i].reduce(function(prev, lineCtaArr) { return Math.max(prev, lineCtaArr); }); } for (var j = 0; j < itemArr[i].length; j++) { if (maxTitle != itemArr[i][j].querySelector('.accessories__product-title').clientHeight) { itemArr[i][j].querySelector('.accessories__product-title').style.height = maxTitle + 'px'; } if (maxDesc != itemArr[i][j].querySelector('.accessories__product-description').clientHeight) { itemArr[i][j].querySelector('.accessories__product-description').style.height = maxDesc + 'px'; } if (itemArr[i][j].querySelector('.accessories__product-cta--underline') != null && maxLineCta != itemArr[i][j].querySelector('.accessories__product-cta--underline').clientHeight) { itemArr[i][j].querySelector('.accessories__product-cta--underline').style.height = maxLineCta + 'px'; } } } }); } }; var itemSlice = function(data, size) { var arr = []; for (var i = 0; i < data.length; i += size) { arr.push(data.slice(i, i + size)); } return arr; }; return { init: init } })();})();(function() { window.flagship = window.flagship || {}; window.flagship.accessories = window.flagship.accessories || {}; window.flagship.accessories.ytPopup = (function() { var els = {}, utils = window.flagship.common.utils; var init = function() { els.layerPopup = document.querySelector('.youtube-layer-popup'); if (!!els.layerPopup) { setElements(); setPopup(); els.layerPopup.addEventListener('click', eventList.clickDimmed); } }; var setElements = function() { els.contents = document.querySelector('#contents'); els.openCtas = document.querySelectorAll('.js-youtube-popup'); els.closeCta = document.querySelector('.youtube-layer-popup__close-cta'); els.ytIframe = els.layerPopup.querySelector('.youtube-layer-popup__iframe > iframe'); els.ytDesc = els.layerPopup.querySelector('.youtube-player__desc'); } var setPopup = function() { for (var i = 0; i < els.openCtas.length; i++) { utils.layerPopup({ layerPopup: els.layerPopup, openerEvent: { element: els.openCtas[i], }, closeCta: els.closeCta, moveTarget: document.documentElement, contents: els.contents, show: { start: function() { els.layerPopup.removeAttribute('tabindex'); els.layerPopup.removeAttribute('aria-hidden'); els.layerPopup.classList.add('is-yt-open'); }, end: function(target) { eventList.setYoutube(target); target.openerCta.blur(); } }, hide: { start: function(target) { if (utils.detector.isIosDevice) target.openerCta.style.display = ''; els.layerPopup.setAttribute('tabindex', -1); els.layerPopup.setAttribute('aria-hidden', true); els.layerPopup.classList.remove('is-yt-open'); }, end: function(target) { eventList.clearYoutube(); target.openerCta.focus(); } } }); } }; var eventList = { setYoutube: function(target) { var opener = target.openerCta, ytSrc = 'htt' + 'ps://www.youtube.com/embed/' + opener.getAttribute('data-youtube-id') + '?wmode=opaque&rel=0&enablejsapi=1&version=3&autoplay=1', ytTitle = opener.getAttribute('data-youtube-title'), ytBlind = opener.querySelector('.blind').innerHTML; els.ytIframe.setAttribute('src', ytSrc); els.ytIframe.setAttribute('title', ytTitle); els.ytDesc.innerHTML = ytBlind; els.OpenerTarget = opener; }, clearYoutube: function() { els.ytIframe.removeAttribute('src'); els.ytDesc.innerHTML = ''; }, clickDimmed: function(e) { if (e.target.classList.contains('youtube-layer-popup__inner') || e.target.classList.contains('youtube-layer-popup__close-area')) { if (utils.detector.isIosDevice) els.OpenerTarget.style.display = ''; els.layerPopup.classList.remove('is-yt-open'); document.documentElement.classList.remove('is-layer-open'); document.documentElement.style.overflow = ''; utils.visibleScroll(); utils.onAccessibility(els.layerPopup); utils.offAccessibility(document.querySelector('#wrap')); setTimeout(function() { els.OpenerTarget.focus(); }, 300); eventList.clearYoutube(); } } }; return { init: init, } })();})();(function() { window.flagship.common.resize.bindEvent(); var initComponents = function() { flagship.accessories.colorchip.init(); flagship.accessories.matchHeight.init(); flagship.accessories.ytPopup.init(); }; initComponents();})(); });