Kore360 Lexus Sites homepage pop-up modal window with styling. Repurposes the external-link modal notification.
<!-- Kore360 Pop-up -->
<script type="text/javascript">
$(document).ready(function(){
if(_haystak.websiteSettings.documentName == "Home" || _haystak.websiteSettings.documentName == ""){
externalLinkRun.createNewModal();
$('.modalwrap').parent().addClass('specialPopUpHomePage');
$('.specialPopUpHomePage .modalwrap').prepend('<a class="specialPopUpClose" onclick="removeStuff()">x</a><img src="/LexusofGreenville/media/LexusofGreenville/special-hours.jpg" width="100%" />');
$('.siteExitPopup').css({"min-height": "344px"});
}
});
function removeStuff(){
$('.specialPopUpHomePage').remove();
setTimeout(function(){
$('.reveal-modal-bg').remove();
},2500);
}
</script>
<style type="text/css">
.specialPopUpHomePage.siteExitPopup{height:400px !important;max-width:500px !important;}
.specialPopUpClose{
position: absolute;
right: 0.5em;
top: 0.5em;
background: #fff;
padding: 6px 13px 6px;
border-radius: 20px;
color: #98002E;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
}
.specialPopUpClose:hover {
text-decoration: none;
color: #98002E;
}
.specialPopUpHomePage .modalwrap h2, .specialPopUpHomePage .modalwrap p{display:none;}
.specialsPopUpHomePage.siteExitPopup .modalwrap img{}
@media screen and (max-width: 1024px){
.specialPopUpHomePage.siteExitPopup{height:auto !important;max-width:500px !important;}
}
</style>