Zubehör, Cases & Ladegeräte | Galaxy Z Flip5 | Samsung CH (2024)

• * Zubehör ist nicht im Lieferumfang enthalten. Die Verfügbarkeit der Modelle und Farben kann je nach Land, Region und Anbieter variieren.

• * Bild dient nur zu Illustrationszwecken. Tatsächliche UX/UI kann davon abweichen.

• * Die tatsächlichen Farben, die Optionen der Kollaborationskarten und der entsprechende Inhalt, der auf dem Display angezeigt wird, können vom Flipsuit Case abweichen. Pro Karte wird ein Inhalt angezeigt.

• * Zubehör ist nicht im Lieferumfang enthalten. Die Verfügbarkeit der Modelle und Farben kann je nach Land, Region und Anbieter variieren.

• * Bild dient nur zu Illustrationszwecken. Tatsächliche UX/UI kann davon abweichen.

• * Die tatsächlichen Farben, die Optionen der Kollaborationskarten und der entsprechende Inhalt, der auf dem Display angezeigt wird, können vom Flipsuit Case abweichen. Pro Karte wird ein Inhalt angezeigt.

Optimaler Fit für dein
Galaxy Flip

Entdecke dein neues Lieblingscase

* Bild dient nur zu Illustrationszwecken. Die tatsächliche Farbe, das Design und der Inhalt, die auf dem Display der Flipsuit Case angezeigt werden, können abweichen.

* Bild dient nur zu Illustrationszwecken. Die tatsächliche Farbe, das Design und der Inhalt, die auf dem Display der Flipsuit Case angezeigt werden, können abweichen.

• Wir stellen vor:
  Galaxy Z Flip5 Cases

• Installieren und entfernen
  Clear
  Gadget Case

• Clear Gadget Case

  Ein ausklappbarer Handygriff, womit du Inhalte aus einem angenehmen Blickwinkel freihändig geniessen kannst.⁷

  JJETZT KAUFEN

  

  

  Transparent

• Flipsuit Case

  Wechsle zwischen deinen Smartcards für farblich abgestimmte Cover Display – ein hervorragender Akzent für dein nächstes Spiegel-Selfie.

  JETZT VORBESTELLEN

  

  

  Transparent

• Silicone Case mit Ringhalter

  Zeige deinen einzigartigen Style mit diesen coolen Farben. Und mit dem Ringhalter hast du dein Smartphone noch leichter und sicherer im Griff.

  JETZT KAUFEN

  

  

  

  

  

  Apricot

  See Also

  The best Samsung Galaxy Z Fold 5 cases: 10 best ones so far | Digital TrendsThe best Samsung Galaxy Z Flip 5 cases: 8 best ones right now | Digital TrendsSamsung-Lifestyle mit Spigen: Schutzhüllen für Galaxy Z Flip 5 und Fold 5Zubehör, Cases und S Pen | Galaxy Z Fold5 | Samsung Deutschland

• Flap Eco-Leather Case*

  Das minimalistische Design verleiht dem Scharnier eine schicke Schutzschicht, die sich superweich und lederähnlich anfühlt.
  *Das Eco-Leather Case besteht aus Materialien pflanzlichen Ursprungs, ohne tierische Produkte.^1,2

  JETZT KAUFEN

  

  

  

  Cream

• Displayschutzfolie

  Schütze dein Cover Display mit einer glatten Schutzfolie. Beinhaltet einen Applikator für eine schnelle und einfache Installation.³

  JETZT VORBESTELLEN

  

  Transparent

Volle Power voraus

• 25 W-Schnellladeadapter

  Schneller Power-Boost mit Super Fast Charging – dein zuverlässiger, kompakter Begleiter, den du überallhin mitnehmen kannst.⁴

  MEHR ERFAHREN

  

  

  Black

• Super Fast Wireless Charger Duo

  Lade zwei Geräte gleichzeitig mit einem Watch Magneten auf der einen Seite und einem Fast Wireless Charging Pad auf der anderen Seite auf.⁵

  MEHR ERFAHREN

  

  

  See Also

  Zubehör, Cases & Ladegeräte | Galaxy Z Flip5 | Samsung DE

  Black

Zeit für einen Style-Upgrade

• Galaxy Watch6

  Mit der Galaxy Watch6 fit für den Tag

  JETZT KAUFEN

  

  

  

  

  Graphite

• Galaxy Watch6 Classic

  Die neue Classic mit einer 15% schlankeren Drehlünette⁶

  JETZT KAUFEN

  

  

  

  

  Silver

Tauche in tiefe Sound-Dimensionen ein

• Galaxy Buds2 Pro

  Pepp' deine Playlists auf mit der aktiven Geräuschunterdrückung (ANC) und kristallklarem Sound. Und dank der komfortablen Passform kannst du stundenlang das Klangerlebnis entspannt geniessen.

  MEHR ERFAHREN

  

  

  

  Bora Purple

• Galaxy Buds2

  Von Workouts über Gaming bis hin zu den Telefonaten dazwischen – die aktive Geräuschunterdrückung hält dich voll und ganz im Moment.

  MEHR ERFAHREN

  

  

  

  

  

  Olive

Smartphone-Zubehör

Mach dein faltbares Erlebnis vollständig mit stylischen und funktionalen Add-ons.

* Zubehör ist nicht im Lieferumfang enthalten. Die Verfügbarkeit der Modelle und Farben kann je nach Land, Region und Anbieter variieren.

ALLE ANSEHEN

ZUM GALAXY Z FOLD5

Entdecke smarte Deals, um dir dein Galaxy Z Flip5 zu sichern

JETZT KAUFEN JETZT RESERVIEREN Jetzt kaufen WO ERHÄLTLICH

IN AUGMENTED REALITY ÖFFNEN

Mit Samsung Galaxy dein Leben erleben

MEHR ENTDECKEN

* Alle Spezifikationen und Beschreibungen auf dieser Seite können von den tatsächlichen Spezifikationen und Beschreibungen für das Produkt abweichen. Samsung behält sich das Recht vor, dieses Dokument und die darin beschriebenen Produkte jederzeit und ohne Angabe von Gründen zu ändern. Alle Funktionalitäten, Eigenschaften, Spezifikationen, Benutzeroberflächen und andere Produktinformationen in diesem Dokument, eingeschlossen aber nicht beschränkt auf Produktvorteile, Design, Preis, Komponenten, Leistung, Verfügbarkeit und Produkteigenschaften, können jederzeit ohne Angabe von Gründen geändert werden. Die Bildschirminhalte sind simuliert und nur zu Demonstrationszwecken erstellt.

*Das Zubehör für die Brand Collaboration beinhaltet eine Brand-Kollaborationskarte pro Box.

*Der Inhalt der Flipsuit Cases-Kollaborationskarte muss vor dem Benutzen separat heruntergeladen werden. Für den Download ist eine Netzwerkverbindung erforderlich.

1. Das Flap Eco-Leather Case enthält UL-zertifizierte Recyclingmaterialien. Kunststoff des Flap Eco-Leather Case (EF-VF731) besteht zu mindestens 14% aus Post-Consumer-Recycling-Material. Die Messungen beruhen auf dem Gewicht der Kunststoffteile.
2. Das Flap Eco-Leather Case besteht aus synthetischen Materialien mit Ledereffekt und nicht aus echtem Leder. Der Öko-Anspruch beschränkt sich auf die recycelten und biobasierten Inhalte der Case.
3. Beinhaltet zwei Schutzfolien
4. Für Super Fast Charging (SFC) ist ein USB Power Delivery 3.0-kompatibles Gerät erforderlich, das Direct Charging unterstützt. Geräte, die den USB Power Delivery 3.0-Standard oder Direct Charging nicht unterstützen, werden langsamer als SFC-Geschwindigkeit aufgeladen.
5. Für das kabellose Ladegerät ist ein Stromanschluss erforderlich. Die Ladegeschwindigkeiten können je nach Gerät variieren. Die tatsächliche Ladegeschwindigkeit kann je nach Nutzung, Ladebedingungen und anderen Faktoren variieren.
6. Im Vergleich zu vorherigen Galaxy Watch Serien.
7. 25W Super Fast Charging ist nur verfügbar, wenn es an ein einzelnes Gerät angeschlossen ist.

')); } } }; 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();})(); });