Estoy tratando de que aparezca una ventana emergente en mi sitio de BigCommerce solo una vez por visitante. Tengo el lápiz de código aquí .
<script type="text/javascript" src="https://code.jquery.com/jquery-1.8.2.js"></script> <style type="text/css"> #overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; z-index: 100; display: none; } .cnt223 a{ text-decoration: none; } .popup{ width: 100%; margin: 0 auto; display: none; position: fixed; z-index: 101; } .cnt223{ min-width: 600px; width: 600px; min-height: 150px; margin: 100px auto; background: #f3f3f3; position: relative; z-index: 103; padding: 15px 35px; border-radius: 5px; box-shadow: 0 2px 5px #000; } .cnt223 p{ clear: both; color: #555555; /* text-align: justify; */ font-size: 20px; font-family: sans-serif; } .cnt223 pa{ color: #d91900; font-weight: bold; } .cnt223 .x{ float: right; height: 35px; left: 22px; position: relative; top: -25px; width: 34px; } .cnt223 .x:hover{ cursor: pointer; } </style> <script type='text/javascript'> $(function(){ var overlay = $('<div id="overlay"></div>'); overlay.show(); overlay.appendTo(document.body); $('.popup').show(); $('.close').click(function(){ $('.popup').hide(); overlay.appendTo(document.body).remove(); return false; }); $('.x').click(function(){ $('.popup').hide(); overlay.appendTo(document.body).remove(); return false; }); }); </script> <div class='popup'> <div class='cnt223'> <h1>Are you 21 or older?</h1> <a href='' class='close'>Yes</a> <a href='www.google.com'> No </a> </p> </div> </div>No estoy seguro de si Stencil on Big Commerce admite cookies, ya que he estado tratando de averiguarlo en su foro. Solo quería copiar y pegar el código en el encabezado global sin editar los archivos del tema, pero no sé por dónde empezar cuando se trata de colocar este script en el archivo del tema.