Merge pull request #4487 from Jerryby/wordpress

LAW-3822

htdocs/wp-content/themes/lawcarta/assets/css/main-page.css

@@ -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; }

htdocs/wp-content/themes/lawcarta/assets/js/promoPopup.js

@@ -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="/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('a[href*="user/login"]')) {
+                addPopup();
+            }
+        }, 6000);
+    }
+
+})();
+

htdocs/wp-content/themes/lawcarta/footer.php

@@ -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>

htdocs/wp-content/themes/lawcarta/page-blog.php

@@ -62,6 +62,7 @@
             </div>
         </div>
     </div>
+    <div class="show-promo-popup"></div>
 </div>
 <?php
     get_footer();

htdocs/wp-content/themes/lawcarta/single.php

@@ -73,7 +73,8 @@
                 </div>
             </div>
         </div>
-    </div> -->
+    </div> -->    
+    <div class="show-promo-popup"></div>
 </div>
 
 <?php

htdocs/wp-content/themes/livecarta/footer.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>