27 September 2018

glam-o-meter by Annette Weber September 2018

Beitrag von Annette Weber über uns, unsere Idee und unseren Pop-Up-Store bei Ludwig Beck in München, für glam-o-meter.com

window.swymLandingURL = document.URL; (function loadSwymFaster(){ var elScripts = document.querySelectorAll("script:not([src]):not([class]):not([id])"), scriptLoadScript, scriptLoadScriptText; for(var i = 0; i < elScripts.length; i++){ var elScript = elScripts[i]; // TODO change swym- check to script metafield if(elScript.innerText.indexOf('swym-shopify.js') > -1){ scriptLoadScriptText = elScript.innerText; break; } } if(scriptLoadScriptText) { var startStr = 'var urls ='; var startIdx = scriptLoadScriptText.indexOf(startStr); var endStr = '"];'; var endIdx = scriptLoadScriptText.indexOf(endStr,startIdx); var listOfUrlsText = scriptLoadScriptText.slice(startIdx + startStr.length, endIdx + endStr.length); var s = document.createElement('script'); s.type = 'text/javascript'; s.src = ("\/\/swymprod.azureedge.net\/code\/swym-shopify.js" || "//swymprod.azureedge.net/code/swym-shopify.js") + "?shop=zoe-lu.myshopify.com"; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); } })(); window.swymCart = {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"EUR","items_subtotal_price":0,"cart_level_discount_applications":[]}; window.swymPageLoad = function(){ window.SwymProductVariants = window.SwymProductVariants || {}; window.SwymHasCartItems = 0 > 0; window.SwymPageData = {}, window.SwymProductInfo = {}; var unknown = {et: 0}; window.SwymPageData = unknown; window.SwymPageData.uri = window.swymLandingURL; }; if(window.selectCallback){ (function(){ // Variant select override var originalSelectCallback = window.selectCallback; window.selectCallback = function(variant){ originalSelectCallback.apply(this, arguments); try{ if(window.triggerSwymVariantEvent){ window.triggerSwymVariantEvent(variant.id); } }catch(err){ console.warn("Swym selectCallback", err); } }; })(); } window.swymCustomerId = null; var swappName = ("Wishlist" || "Wishlist"); var swymJSObject = { pid: "lrUNEGSFHaTQ49Ch8as1Jz8yFf\/agFlise+GadBt2Xw=" || "lrUNEGSFHaTQ49Ch8as1Jz8yFf/agFlise+GadBt2Xw=", interface: "/apps/swym" + swappName + "/interfaces/interfaceStore.php?appname=" + swappName }; window.swymJSShopifyLoad = function(){ if(window.swymPageLoad) swymPageLoad(); if(!window._swat) { (function (s, w, r, e, l, a, y) { r['SwymRetailerConfig'] = s; r[s] = r[s] || function (k, v) { r[s][k] = v; }; })('_swrc', '', window); _swrc('RetailerId', swymJSObject.pid); _swrc('Callback', function(){initSwymShopify();}); }else if(window._swat.postLoader){ _swrc = window._swat.postLoader; _swrc('RetailerId', swymJSObject.pid); _swrc('Callback', function(){initSwymShopify();}); }else{ initSwymShopify(); } } if(!window._SwymPreventAutoLoad) { swymJSShopifyLoad(); } window.swymGetCartCookies = function(){ var RequiredCookies = ["cart", "swym-session-id", "swym-swymRegid", "swym-email"]; var reqdCookies = {}; RequiredCookies.forEach(function(k){ reqdCookies[k] = _swat.storage.getRaw(k); }); var cart_token = window.swymCart.token; var data = { action:'cart', token:cart_token, cookies:reqdCookies }; return data; } window.swymGetCustomerData = function(){ return {status:1}; } if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) { document.getElementById("safari-flasher-pre").innerHTML = '' + '#swym-plugin,#swym-hosted-plugin{display: none;}' + '.swym-button.swym-add-to-wishlist{display: none;}' + '.swym-button.swym-add-to-watchlist{display: none;}' + '#swym-plugin #swym-notepad, #swym-hosted-plugin #swym-notepad{opacity: 0; visibility: hidden;}' + '#swym-plugin #swym-notepad, #swym-plugin #swym-overlay, #swym-plugin #swym-notification,' + '#swym-hosted-plugin #swym-notepad, #swym-hosted-plugin #swym-overlay, #swym-hosted-plugin #swym-notification' + '{-webkit-transition: none; transition: none;}' + ''; window.SwymCallbacks = window.SwymCallbacks || []; window.SwymCallbacks.push(function(tracker){ tracker.evtLayer.addEventListener(tracker.JSEvents.configLoaded, function(){ // flash-preventer var x = function(){ SwymUtils.onDOMReady(function() { var d = document.createElement("div"); d.innerHTML = "<style id='safari-flasher-post'>" + "#swym-plugin:not(.swym-ready),#swym-hosted-plugin:not(.swym-ready){display: none;}" + ".swym-button.swym-add-to-wishlist:not(.swym-loaded){display: none;}" + ".swym-button.swym-add-to-watchlist:not(.swym-loaded){display: none;}" + "#swym-plugin.swym-ready #swym-notepad, #swym-plugin.swym-ready #swym-overlay, #swym-plugin.swym-ready #swym-notification," + "#swym-hosted-plugin.swym-ready #swym-notepad, #swym-hosted-plugin.swym-ready #swym-overlay, #swym-hosted-plugin.swym-ready #swym-notification" + "{-webkit-transition: opacity 0.3s, visibility 0.3ms, -webkit-transform 0.3ms !important;-moz-transition: opacity 0.3s, visibility 0.3ms, -moz-transform 0.3ms !important;-ms-transition: opacity 0.3s, visibility 0.3ms, -ms-transform 0.3ms !important;-o-transition: opacity 0.3s, visibility 0.3ms, -o-transform 0.3ms !important;transition: opacity 0.3s, visibility 0.3ms, transform 0.3ms !important;}" + "</style>"; document.head.appendChild(d); }); }; setTimeout(x, 10); }); }); } /* Hide when not loaded */ .swym-button.swym-add-to-wishlist-view-product:not(.swym-loaded){ display: none; } var translated = []; var getTranslationFor = function(key) { return key; }; var translateHtml = function(id, replace) { var element = $(id); var content = element.html(); if(content) { var translation = getTranslationFor(content); if(content != translation) { element.html(translation); } } } var translatePlaceholder = function(id) { var element = $(id); var content = element.attr('placeholder'); if(content) { var translation = getTranslationFor(content); if(content != translation) { element.attr('placeholder', translation); } } } var translateValue = function(id) { var element = $(id); var content = element.val(); if(content) { var translation = getTranslationFor(content); if(content != translation) { element.val(translation); } } } $(function() { $('body').bind('DOMSubtreeModified', function() { var elements = $('.klaviyo-form[formtype="POPUP"] input[type="email"]'); for(var i = 0; i < elements.length; i++) { var element = $(elements[i]); var content = element.attr('placeholder'); if(content) { var translation = getTranslationFor(content); if(content != translation) { element.attr('placeholder', translation); } } } }); });

var tabStyleVar = "normal"; var cssVar = ".js-ruk_word { font-size: 17px;} .FloatingWidgetButton {padding:10px 5px 7px 5px}"; if ($(window).width() < 764){ tabStyleVar = "smalls"; cssVar = ".ReviewsLogo--small{ with: 80% !important;} .FloatingWidgetButton * {font-size: xx-small !important; font-weight: normal !important;} .FloatingWidgetButton {height: 110px !important; padding:2px 3px 2px 3px;} .FloatingWidget--right{ max-width: 280px !important; } .FloatingWidgetButton--right{ font-size: 13px !important; } .js-ruk_word { font-size: 17px}"; } richSnippetReviewsWidgets({ store: "zoe-lu", primaryClr: "#e50064", widgetName: "floating-widget", numReviews: 40, floatPosition: "left", contentMode: "company;third-party", tabStyle: tabStyleVar, hideDates: false, useExactScoring: true, showOnMobile:true, css: cssVar, translateReviews:"Bewertungen", translateAverage:"Durchschnitt", translateExcellent:"Hervorragend", translateAnonymous:"Anonym", translateVerified:"Verifiziert", translateCustomerFeedback:"Kunden-feedback", translateRating:"Rating", translateBasedOn:" ", translateReadAllReviews:"Alle Bewertungen lesen", translateAlreadyLiked:"Ihnen gefÃ¤llt diese Bewertung bereits" }); .u-displayInlineBlock, .footer__reviewsLogo-container { z-index: 1 !important; } let selectedCategoryHandle; let selectedCategoryLinkUrl; let isMobile = false; window.onload = function () { if (window.innerWidth < 767) { isMobile = true; localStorage.removeItem('secureCategoryAccessData'); }else{ sessionStorage.removeItem('secureCategoryAccessData'); } verifyExclusiveCategory(); } function verifyExclusiveCategory(){ var exclusiveCategoryHandle = 'surprise'; var secureCategoryPass = 'ZL17sW'; var statusIsActive = 'false'; '' var productIDs = []; '' var secureCategoryDataArray= []; if (localStorage.getItem("secureCategoryAccessData") !== null) { var secureCategoryDataArray = localStorage.getItem('secureCategoryAccessData').split(":"); if (secureCategoryDataArray[1] < (new Date()).getTime()) { localStorage.removeItem('secureCategoryAccessData'); // return false; } }else{ if(isMobile){ if (sessionStorage.getItem("secureCategoryAccessData") !== null) { secureCategoryDataArray[0]= sessionStorage.getItem("secureCategoryAccessData"); }else{ fetch('/cart.js') .then(response => response.json()) .then(data => { items = data.items; updateCartAfterTimeOut(items,0,productIDs); }); return false; } }else{ fetch('/cart.js') .then(response => response.json()) .then(data => { items = data.items; updateCartAfterTimeOut(items,0,productIDs); }); return false; } } if (statusIsActive == 'true' && secureCategoryDataArray[0] == btoa(exclusiveCategoryHandle + ':' + secureCategoryPass)) { // hide menu for desktop $('.Header__MainNav').css('display', 'none'); // hide menu for mobile $('button.hidden-desk').css('display', 'none'); //$('.PageOverlay').removeClass('is-visible'); // hide footer $('.Footer__Block.Footer__Block--newsletter').css('display', 'none'); $(".Footer__Inner .Footer__Block:nth-child(1) ul li").not(":nth-child(6)").css("display", "none"); // hide wishlist [ZOE-41] $('.swym-wishlist').css('display', 'none'); // hide href logo (home page) $('.Header__LogoLink').removeAttr('href'); // remove items from cart if the collection is != special collection [zoe-41] var items = []; var cartContents = fetch('/cart.js') .then(response => response.json()) .then(data => { items = data.items; updateCart(items,0,productIDs); }); $('#loadingPopUpPass').css("display", "none"); $('#loadingPopUpPassOver').css("display", "none"); $('#sidebar-menu').attr('tabindex', '-1'); $("#error").html(""); $("#loadingPopUpPass__Input_Id").val(""); return true; } } function displayPopUp(categoryHandle, categoryLinkUrl) { selectedCategoryHandle = categoryHandle; selectedCategoryLinkUrl = categoryLinkUrl; var exclusiveCategoryHandle = 'surprise'; var secureCategoryPass = 'ZL17sW'; var statusIsActive = 'false'; if(localStorage.getItem('secureCategoryAccessData')!=null){ var secureCategoryAccessData = localStorage.getItem('secureCategoryAccessData').split(":")[0]; } if(isMobile){ secureCategoryAccessData = sessionStorage.getItem('secureCategoryAccessData'); } if ((categoryHandle == exclusiveCategoryHandle) && statusIsActive == 'true') { if (secureCategoryAccessData !== null && secureCategoryAccessData == btoa(exclusiveCategoryHandle + ':' + secureCategoryPass)) { return true; } else { $('#loadingPopUpPassOver').css("display", "block"); $('#loadingPopUpPass').css("display", "block"); $('#sidebar-menu').removeAttr('tabindex'); return false; } } else { return true; } } $(document).click((event) => { if (!$(event.target).closest('#loadingPopUpPass').length && !$(event.target).closest('.Header__MainNav').length && !$(event.target).closest('.Drawer__Main').length && !$(event.target).closest('.Footer__Inner').length) { //if the click occured outside the previous elements if(window.location.pathname.includes('/collections/'+'surprise') && !verifyExclusiveCategory()){ location.replace("/"); } $('#loadingPopUpPass').css("display", "none"); $('#loadingPopUpPassOver').css("display", "none"); $('#sidebar-menu').attr('tabindex', '-1'); $("#error").html(""); $("#loadingPopUpPass__Input_Id").val(""); } }); function enterPassword() { var exclusiveCategoryHandle = 'surprise'; var secureCategoryPass = 'ZL17sW'; var sessionDuration = '1'; var password = $('#loadingPopUpPass__Input_Id').val(); if (password == secureCategoryPass) { if(isMobile){ sessionStorage.setItem('secureCategoryAccessData', btoa(exclusiveCategoryHandle + ':' + password)); }else{ var values = new Array(); var experiationDate = new Date(); experiationDate.setMinutes(parseInt(experiationDate.getMinutes()) + parseInt(sessionDuration)); values.push(btoa(exclusiveCategoryHandle + ':' + password)); values.push(experiationDate.getTime()); localStorage.setItem('secureCategoryAccessData', values.join(":")); } $('#loadingPopUpPass').css("display", "none"); $('#loadingPopUpPassOver').css("display", "none"); window.location.replace(selectedCategoryLinkUrl); return true; }else{ if (password != null) { $("#error").html("Ups! Das Passwort ist leider falsch."); } return false; } } document.addEventListener("DOMContentLoaded", function () { if(window.location.pathname.includes('/collections/'+'surprise')){ return displayPopUp('surprise', window.location.pathname); } }); function removeItemFromCart(items,index,productIDs, callBack){ fetch(window.root_url + '/cart/change.js', { body: JSON.stringify({ id: items[index].key, quantity: 0 }), credentials: 'same-origin', method: 'POST', headers: { 'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest' } }).then(function(newCart) { callBack(items,index + 1, productIDs); }.bind(this)).catch(function(err){ console.log(err) }); } function updateCart(items,index, productIDs){ if (index < items.length && !productIDs.includes((items[index].product_id).toString())) { removeItemFromCart(items,index,productIDs, this.updateCart); } }; function updateCartAfterTimeOut(items,index, productIDs){ if (index < items.length && productIDs.includes((items[index].product_id).toString())) { removeItemFromCart(items,index,productIDs, this.updateCartAfterTimeOut); } }; function clearCart(){ fetch(window.root_url + '/cart/clear.js', { credentials: 'same-origin', method: 'POST', headers: { 'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest' } }).then(function(response) { return response.json(); }.bind(this)).catch(function(err){ console.log(err) }); }