wmjaggers of VinSolutions
1/23/2015 - 3:06 PM

Kore360 Lexus Sites homepage pop-up modal window with styling. Repurposes the external-link modal notification.

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>