PDP SEPHORA

mail@pastecode.io avatar
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'
  }
}); 

})
    }
})
})