JSFiddle - React, Tailwind, and code Playground

by Luis Martin

JavaScript

window.lightboxAbandono = function() {

  var numberLGBX = '';
  var contentCX = '<a href="#" class="cerrar">X</a>\
			<p class="bigBlueCX">¿Seguro que quieres salir?</p>\
			<img class="icoCX icoCXCalc" src="//cdn.optimizely.com/img/4464600234/c4c674793ce84eaf9a626cada13987b4.png"></img>\
			<p class="smallBlueCX">Estás a <strong>solo 1 minuto</strong> </br> de saber el precio de tu seguro</p>\
			<a href="#" class="lightbox-continuarCX">CONTINUAR</a>';
  if (document.location.hash) {
    switch (document.location.hash) {
      case "#tari":
      case "#tari2":
      case "#tari3": //ESALES-0074-HOGAR-Modal1
        numberLGBX = 'LGBX1';
        break;
      case "#offe": //ESALES-0074-HOGAR-Modal3
        numberLGBX = 'LGBX2';
        contentCX =
          '<a href="#" class="cerrar">X</a>\
			<p class="bigBlueCX">¿Quieres que te resolvamos alguna duda?</p>\
			<img class="icoCX icoCXWoman" src="//cdn.optimizely.com/img/4464600234/26bbfa69bf3e41489db6bb6b051b3c4b.png"></img>\
			<p class="smallBlueCX">O si necesitas pensártelo, guarda tu presupuesto y recupéralo </br> durante los próximos 15 días</p>\
			<a href="#" class="lightbox-llamamosCX">¿Te llamamos?</a><a href="#" class="lightbox-guardarCX">Guardar presupuesto</a>';
        break;
      case "#cont":
      case "#card": //ESALES-0074-HOGAR-Modal4 SIN guardar
        numberLGBX = 'LGBX3 sinCX';
        contentCX =
          '<a href="#" class="cerrar">X</a>\
			<p class="bigBlueCX">¡No lo dejes escapar!</p>\
			<img class="icoCX icoCXTick" src="//cdn.optimizely.com/img/4464600234/c95f55470e554aef9c494839fbc2fc3a.png"></img>\
			<p class="smallBlueCX smallTextCX">Estás a solo 2 pasos de tener tu seguro AXA a medida</p>\
			<a href="#" class="lightbox-continuarCX">Continuar</a>\
			<div class="rectaBlue">\
				<p class="axaCx">AXA</p>\
				<p class="bigWhite">Primera marca mundial de Seguros</p>\
				<p class="smallWhite">por noveno año consecutivo (ranking Interbrand 2017)</p>\
			</div>';
       ...