PDP SEPHORA
unknown
plain_text
a year ago
3.3 kB
11
Indexable
Never
// PDP SEPHORA // Sdk Push var script2 = document.createElement("script"); script2.type = "text/javascript"; script2.src = "https://sdk.teester.com/loader.js"; document.getElementsByTagName("head")[0].appendChild(script2); var dataLayer = window.dataLayer || []; var playerKey = "d9f9ae0a-c327-443d-81bf-62de3c734843"; var trackingKey = "3256b72b-4f8a-4418-9ab8-d9ac31705437"; var productId = tc_vars.product_pid; window.onTeesterReady = window.onTeesterReady || []; window.onTeesterReady.push(function (SDK) { SDK.checkVideoAvailability(playerKey, productId, (value) => { if(value){ SDK.getVideos(playerKey, productId, function (videos) { var urlOverlay = videos[0].poster.medium; var videoId = videos[0].id; var divPopUp = document.createElement("div") divPopUp.style.cursor = "pointer" divPopUp.style.width = "60%" divPopUp.style.display = "block" divPopUp.style.border = "3px solid #000" divPopUp.style.margin = "0 auto" divPopUp.style.height = "84px" divPopUp.addEventListener("click", function (e) { SDK.init({ type: "player-modal", args: { key: playerKey, product: productId, }, }); }) divImgPopUp = document.createElement("div") divImgPopUp.style.width = "50%" var imgPopUp = document.createElement("img") imgPopUp.src = urlOverlay; imgPopUp.style.width = "80%" imgPopUp.style.height = "79px" imgPopUp.style.float = "left" var divTextPopUp = document.createElement("a") divTextPopUp.style.position = "relative" divTextPopUp.style.top = "35%" divTextPopUp.style.fontSize = "13px" divTextPopUp.innerHTML = "TESTÉ PAR NOS CLIENTES" divTextPopUp.style.marginLeft = "1.5%" var playPopUp = document.createElement("img") playPopUp.style.position = "relative" playPopUp.style.width ="15px" playPopUp.style.marginLeft = "1.5%" playPopUp.style.top = "-2.5px" playPopUp.src = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iMzJweCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzIgMzI7IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMycHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnIGlkPSJMYXllcl8xIi8+PGcgaWQ9InBsYXlfeDVGX2FsdCI+PHBhdGggZD0iTTE2LDBDNy4xNjQsMCwwLDcuMTY0LDAsMTZzNy4xNjQsMTYsMTYsMTZzMTYtNy4xNjQsMTYtMTZTMjQuODM2LDAsMTYsMHogTTEwLDI0VjhsMTYuMDA4LDhMMTAsMjR6ICAgIiBzdHlsZT0iZmlsbDojNEU0RTUwOyIvPjwvZz48L3N2Zz4=" // Responsive if ($(window).width() < 800) { divPopUp.style.border = "1px solid #000" divPopUp.style.height = "50px" divPopUp.style.marginTop = "0 auto" divTextPopUp.style.top = "26%" divTextPopUp.style.left = "10%" divTextPopUp.style.margin = "0 auto" imgPopUp.style.display = "none" document.querySelector("#product-content > div.product-variations").append(divPopUp) } else { document.querySelector("#thumbnails").append(divPopUp) } // Display Hierarchie divImgPopUp.appendChild(imgPopUp) divPopUp.appendChild(divImgPopUp) divTextPopUp.appendChild(playPopUp) divPopUp.appendChild(divTextPopUp) SDK.init({ type: 'tracking', args: { key: trackingKey, product: productId, event: 'PRODUCT_PAGE_VIEW' } }); }) } }) })