forked from LiveCarta/LiveCartaWP
Merge branch 'wordpress' of https://github.com/Teqniksoft/LawCarta_book into wordpress
This commit is contained in:
@@ -3448,3 +3448,36 @@ footer {
|
||||
font-size: 18px;
|
||||
max-height: 3.6em;
|
||||
-webkit-line-clamp: 3; }
|
||||
|
||||
.promo-popup {
|
||||
z-index: 100;
|
||||
display: block;
|
||||
position: fixed;
|
||||
right: -600px;
|
||||
bottom: 10px;
|
||||
-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.7);
|
||||
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.7);
|
||||
background: #fff;
|
||||
padding: 25px 15px 15px 15px;
|
||||
font-size: 20px;
|
||||
-webkit-transition: right ease-out 600ms;
|
||||
transition: right ease-out 600ms;
|
||||
border-radius: 10px;
|
||||
max-width: 340px;
|
||||
text-align: center; }
|
||||
.promo-popup.show {
|
||||
right: 10px; }
|
||||
.promo-popup .pp-text {
|
||||
margin-bottom: 15px;
|
||||
font-weight: 600; }
|
||||
.promo-popup .pp-btn {
|
||||
text-align: center; }
|
||||
.promo-popup .pp-close {
|
||||
color: #333;
|
||||
position: absolute;
|
||||
right: 5px;
|
||||
top: 5px;
|
||||
font-size: 12px; }
|
||||
.promo-popup .pp-close:hover {
|
||||
color: #999;
|
||||
text-decoration: none; }
|
||||
|
||||
File diff suppressed because one or more lines are too long
34
htdocs/wp-content/themes/lawcarta/assets/js/promoPopup.js
Normal file
34
htdocs/wp-content/themes/lawcarta/assets/js/promoPopup.js
Normal file
@@ -0,0 +1,34 @@
|
||||
(function(){
|
||||
|
||||
// if (document.querySelector('.show-promo-popup')) {
|
||||
// alert(1);
|
||||
// }
|
||||
|
||||
function addPopup(){
|
||||
var popup = '<div class="promo-popup">' +
|
||||
'<a href="#" class="pp-close"><span class="icon-close"></span></a>' +
|
||||
'<div class="pp-text">Sign up to Learn How to Get Your Book Published!</div>' +
|
||||
'<div class="pp-btn"><a href="https://livecarta.com/user/registration" class="button mp-top-left xxl">sign up for free</a></div>' +
|
||||
'</div>';
|
||||
|
||||
document.body.insertAdjacentHTML('beforeend', popup);
|
||||
setTimeout(function(){
|
||||
document.querySelector('.promo-popup').classList.add('show');
|
||||
document.querySelector('.promo-popup .pp-close').addEventListener('click', function(e){
|
||||
e.preventDefault();
|
||||
var popup = document.querySelector('.promo-popup');
|
||||
popup.parentElement.removeChild(popup);
|
||||
})
|
||||
},500);
|
||||
}
|
||||
|
||||
if (document.querySelector('.show-promo-popup')) {
|
||||
setTimeout(function(){
|
||||
if (!document.querySelector('.signed-user')){
|
||||
addPopup();
|
||||
}
|
||||
}, 6000);
|
||||
}
|
||||
|
||||
})();
|
||||
|
||||
@@ -84,6 +84,7 @@ require_once 'inc/walker-nav-menu.php';
|
||||
<script src="<?= get_theme_file_uri('/assets/js/faqSearch.js'); ?>"></script>
|
||||
<script src="<?= get_theme_file_uri('/assets/js/promoImage.js'); ?>"></script>
|
||||
<script src="<?= get_theme_file_uri('/assets/js/sliderScript.js'); ?>"></script>
|
||||
<script src="<?= get_theme_file_uri('/assets/js/promoPopup.js'); ?>"></script>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
@@ -62,6 +62,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="show-promo-popup"></div>
|
||||
</div>
|
||||
<?php
|
||||
get_footer();
|
||||
|
||||
@@ -73,7 +73,8 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
</div> -->
|
||||
<div class="show-promo-popup"></div>
|
||||
</div>
|
||||
|
||||
<?php
|
||||
|
||||
@@ -78,5 +78,6 @@
|
||||
<script src="<?= get_theme_file_uri('/assets/js/faqSearch.js'); ?>"></script>
|
||||
<script src="<?= get_theme_file_uri('/assets/js/promoImage.js'); ?>"></script>
|
||||
<script src="<?= get_theme_file_uri('/assets/js/sliderScript.js'); ?>"></script>
|
||||
<script src="<?= get_theme_file_uri('/assets/js/promoPopup.js'); ?>"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user