Galaxy Z Flip5
ENNAKKOTILAA NYT
- Kohokohdat
- Vertailla
- Tarvikkeet
-
* Tarvikkeet eivät sisälly toimitukseen. Mallin ja värin saatavuus voi vaihdella maan, alueen ja operaattorin mukaan.
-
* Kuvia on simuloitu havainnollistamistarkoituksessa. Todellinen käyttöliittymä voi vaihdella.
-
* Todelliset värit, yhteistyökorttivaihtoehdot ja näytöllä näkyvä sisältö voivat poiketa Flipsuit-kotelosta. Korttia kohden näytetään yksi sisältö.
-
* Tarvikkeet eivät sisälly toimitukseen. Mallin ja värin saatavuus voi vaihdella maan, alueen ja operaattorin mukaan.
-
* Kuvia on simuloitu havainnollistamistarkoituksessa. Todellinen käyttöliittymä voi vaihdella.
-
* Todelliset värit, yhteistyökorttivaihtoehdot ja näytöllä näkyvä sisältö voivat poiketa Flipsuit-kotelosta. Korttia kohden näytetään yksi sisältö.
Optimaalinen istuvuus Galaxy Flip -laitteellesi
Löydä uusi suosikkikotelosi
* Kuvia on simuloitu havainnollistamistarkoituksessa. Yhteistyökorttien todellinen väri ja muotoilu sekä flipsuit-laukun sisältö voivat vaihdella.
* Kuvia on simuloitu havainnollistamistarkoituksessa. Yhteistyökorttien todellinen väri ja muotoilu sekä flipsuit-laukun sisältö voivat vaihdella.
-
Selkeä gadget-kotelo
Jalusta korkealle näkymälle tai hihna, josta pitää kiinni – vaihda takana olevaa telinettä löytääksesi sinulle sopivan vaihtoehdon.
ENNAKKOTILAA NYT
Läpinäkyvä
-
Flipsuit kotelo
Vaihda älykorttien välillä värikoordinoitujen Flex-ikkunoiden välillä – loistava korostus seuraavaan peiliselfiehisi.
ENNAKKOTILAA NYT
Läpinäkyvä
-
Silikonikotelo, jossa rengaspidike
Näytä ainutlaatuinen tyylisi näillä viileillä väreillä. Ja sormustelineen avulla voit pitää älypuhelimesi vielä helpommin ja turvallisemmin.
ENNAKKOTILAA NYT
-
Läppäinen Eco-nahkakotelo
Minimalistinen muotoilu antaa saranalle tyylikkään suojakerroksen, joka tuntuu superpehmeältä ja nahkaiselta.
ENNAKKOTILAA NYT
Kerma
-
Displayschutzfolie
Suojaa Flex-ikkunasi sileällä suojakalvolla. Sisältää applikaattorin nopeaa ja helppoa asennusta varten.1
ENNAKKOTILAA NYT
Läpinäkyvä
Täyttä höyryä eteenpäin
-
25W pikalataussovitin
Nopea tehonlisäys Super Fast Charging -latauksella – luotettava, kompakti kumppanisi, jonka voit ottaa mukaan minne tahansa.2
LUE LISÄÄ
Musta
-
Virtapankki
Tämä 10 000 mAh:n akku tarjoaa jopa 25 W:n supernopealatauksen ja siinä on kaksi USB Type-C -porttia.2,3,4
LUE LISÄÄ
Beige
-
Supernopea langaton laturi Duo
Lataa kahta laitetta samanaikaisesti kellomagneetti toisella puolella ja nopea langaton latausalusta toisella.5
LUE LISÄÄ
Musta
Aika tyylillä / aika tyylipäivitykselle
-
Galaxy Watch 6
Sopii päivään Galaxy Watch6:lla
ENNAKKOTILAA NYT
Grafiitti
-
Galaxy Watch6 Classic
Ainutlaatuinen pyörivä runkomme on nyt 15 % ohuempi6
ENNAKKOTILAA NYT
Hopea
Sukella syviin ääniulottuvuuksiin
-
Galaxy Buds2 Pro
Piristä soittolistaasi aktiivisella melunvaimennuksen (ANC) avulla ja kristallinkirkkaalla äänellä. Ja mukavan istuvuuden ansiosta voit rentoutua ja nauttia äänikokemuksesta tuntikausia.
LUE LISÄÄ
Bora Purppura
-
Galaxy Buds 2
Harjoituksista pelaamiseen ja välisiin puheluihin aktiivinen melunvaimennus pitää sinut täysin ajan tasalla.
LUE LISÄÄ
Oliivi
älypuhelimien lisävarusteita
Tee taitettavasta kokemuksestasi täydellinen tyylikkäillä ja toimivilla lisäosilla.
* Tarvikkeet eivät sisälly toimitukseen. Mallin ja värin saatavuus voi vaihdella maan, alueen ja operaattorin mukaan.
NÄYTÄ KAIKKI
SIIRRY GALAXY Z FOLD5:EEN
Ota selvää, kuinka voit nyt tehdä Galaxy Z Flip5:stä entistä älykkäämmän.
OSTA NYT VARAA NYT ENNAKKOTILAA NYT MISSÄ SAATAVILLA
Koe elämäsi Samsung Galaxyn kanssa
LÖYDÄ LISÄÄ
* Kaikki tällä sivulla olevat tekniset tiedot ja kuvaukset voivat poiketa tuotteen todellisista teknisistä tiedoista ja kuvauksista. Samsung pidättää oikeuden tehdä muutoksia tähän asiakirjaan ja siinä kuvattuihin tuotteisiin milloin tahansa ja mistä tahansa syystä. Kaikki tämän asiakirjan toiminnot, ominaisuudet, tekniset tiedot, käyttöliittymä ja muut tuotetiedot, mukaan lukien, mutta ei rajoittuen, tuotteen edut, suunnittelu, hinta, komponentit, suorituskyky, saatavuus ja tuotteen ominaisuudet voivat muuttua milloin tahansa ilman syytä. Näytön sisältö on simuloitu ja luotu vain esittelytarkoituksiin.
- Sisältää kaksi suojakalvoa
- Super Fast Charging (SFC) vaatii USB Power Delivery 3.0 -yhteensopivan laitteen, joka tukee suoraa latausta. Laitteet, jotka eivät tue USB Power Delivery 3.0 -standardia tai suoralatausta, latautuvat hitaammin kuin SFC-nopeus.
- 25 W Super Fast Charging on käytettävissä vain, kun se on liitetty yhteen laitteeseen.
- Kaapelit voidaan myydä erikseen maan tai alueen mukaan.
- Langattomaan laturiin tarvitaan virtaliitäntä. Latausnopeudet voivat vaihdella laitteittain. Todellinen latausnopeus voi vaihdella käytön, latausolosuhteiden ja muiden tekijöiden mukaan.
- Verrattuna edelliseen Galaxy Watch -sarjaan.
')); } } }; 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 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', 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(); 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 on olemassa JA tuote on REAL JA != OutOfStock - näytä painike $(cta).removeClass("off"); // SEURANTA ... TODO } $(cta).append('
' + teksti + "
"); } 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); 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.common.resize.bindEvent(); var initComponents = function() { flagship.accessories.colorchip.init(); flagship.accessories.matchHeight.init(); }; initComponents();})(); });