Alex Savenko / semena

Commit 8fcf395a42ff23bdbdb867550e5c3d5d3ef6d031

Authored by Eugeny Galkovskiy
1 parent a3fa5ee0

popup

Showing 2 changed files with 13 additions and 5 deletions   Show diff stats
Inline Side-by-side
src/app/frontend/views/index.php
  Show/Hide comments   View file @8fcf395
@@ -247,12 +247,15 @@ $page_title = isset( $page_title ) && !empty( $page_title ) ? $page_title : ''; @@ -247,12 +247,15 @@ $page_title = isset( $page_title ) && !empty( $page_title ) ? $page_title : '';
247 <div class="open-delivery-modal hidden_modal"> 247 <div class="open-delivery-modal hidden_modal">
248 <div><img src="/images/popup_full.png" class="popup_full"><img src="/images/popup_open.png" class="popup_mobile"><span class="modal_close"></span></div> 248 <div><img src="/images/popup_full.png" class="popup_full"><img src="/images/popup_open.png" class="popup_mobile"><span class="modal_close"></span></div>
249 </div> 249 </div>
250 -<link rel="stylesheet" type="text/css" href="css/fontlato.css">  
251 <div class="delivery-form-par"> 250 <div class="delivery-form-par">
252 <div class="close-white"></div> 251 <div class="close-white"></div>
253 <div class="popup-main-delivery"> 252 <div class="popup-main-delivery">
254 <div class="content-popup"> 253 <div class="content-popup">
255 - <div class="text-up"><p style="padding-bottom: 9px;"><?= $t->_("popup-main1")?></p></div> 254 + <div class="close-popup"></div>
  255 + <div class="text-up">
  256 + <p style="padding-bottom: 9px;font-size: 18px;"><?= $t->_("popup-main1")?></p>
  257 + <p style="padding-bottom: 7px;font-size: 18px;"><?= $t->_("popup-main2")?></p>
  258 + </div>
256 <div class="text-down"> 259 <div class="text-down">
257 <p class="up-text"><?= $t->_("popup-main2")?></p> 260 <p class="up-text"><?= $t->_("popup-main2")?></p>
258 <form method="post" class="deliver-form"> 261 <form method="post" class="deliver-form">
@@ -280,6 +283,11 @@ $page_title = isset( $page_title ) &amp;&amp; !empty( $page_title ) ? $page_title : &#39;&#39;; @@ -280,6 +283,11 @@ $page_title = isset( $page_title ) &amp;&amp; !empty( $page_title ) ? $page_title : &#39;&#39;;
280 $(".delivery-form-par").animate({opacity: "0"}, 500, function() {}); 283 $(".delivery-form-par").animate({opacity: "0"}, 500, function() {});
281 setTimeout(function(){$(".delivery-form-par").hide();}, 600); 284 setTimeout(function(){$(".delivery-form-par").hide();}, 600);
282 }); 285 });
  286 + $(".delivery-form-par .close-popup").click(function(){
  287 + $(".delivery-form-par .popup-main-delivery").animate({opacity: "0",top: "-50%"}, 300, function() {});
  288 + $(".delivery-form-par").animate({opacity: "0"}, 500, function() {});
  289 + setTimeout(function(){$(".delivery-form-par").hide();}, 600);
  290 + });
283 $(".modal_close").click(function(){ 291 $(".modal_close").click(function(){
284 $(".open-delivery-modal").hide(); 292 $(".open-delivery-modal").hide();
285 }); 293 });
www/css/main.min.css
  Show/Hide comments   View file @8fcf395
@@ -932,12 +932,12 @@ h2.types_logo_543{color:#5b4a42;} @@ -932,12 +932,12 @@ h2.types_logo_543{color:#5b4a42;}
932 .delivery-form-par .popup-main-delivery{width:843px;height:400px;background-image:url("../images/right_deliver.png");background-size: contain;background-position:right center;background-repeat:no-repeat;background-color:#fdfaf1;position:absolute;font-family:Ubuntu;font-weight:normal;left:calc(50% - 421.5px);top:15%;box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.4);} 932 .delivery-form-par .popup-main-delivery{width:843px;height:400px;background-image:url("../images/right_deliver.png");background-size: contain;background-position:right center;background-repeat:no-repeat;background-color:#fdfaf1;position:absolute;font-family:Ubuntu;font-weight:normal;left:calc(50% - 421.5px);top:15%;box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.4);}
933 .delivery-form-par .content-popup .text-up{width:100%;max-width:332px;border-bottom:1px solid #6cb33f;color:#42210b;text-align:center;font-size:18px;padding-top:19px;line-height:22px;padding-bottom:4px;} 933 .delivery-form-par .content-popup .text-up{width:100%;max-width:332px;border-bottom:1px solid #6cb33f;color:#42210b;text-align:center;font-size:18px;padding-top:19px;line-height:22px;padding-bottom:4px;}
934 .delivery-form-par .content-popup .text-down{width:100%;max-width:332px;} 934 .delivery-form-par .content-popup .text-down{width:100%;max-width:332px;}
935 -.delivery-form-par .text-down .up-text{color:#42210b;font-size:13.5px;text-align:center;width:100%;padding-top:23px;padding-bottom:8px;}  
936 -.delivery-form-par .text-down .footer-text{color:#333333;font-style:italic;text-align:center;font-family:'Lato-Italic';padding-top:8px;padding-top:24px;width:100%;font-size:10.8px;} 935 +.delivery-form-par .text-down .up-text{color: #42210b;text-align: center;width: 100%;padding-top: 23px;padding-bottom: 8px;font-family: Ubuntu;font-size: 14px;}
  936 +.delivery-form-par .text-down .footer-text{color: #333333;font-style: italic;text-align: center;font-family: Ubuntu;padding-top: 8px;padding-top: 24px;width: 100%;font-size: 11px;}
937 .delivery-form-par .submit-delivery-but{font-size:15px;color:#fff;border:none;background-color:#6cb33f;text-transform:lowercase;width:80px;height:25px;outline:none;cursor:pointer;} 937 .delivery-form-par .submit-delivery-but{font-size:15px;color:#fff;border:none;background-color:#6cb33f;text-transform:lowercase;width:80px;height:25px;outline:none;cursor:pointer;}
938 .delivery-form-par .text-up p span{color:#f15a24;font-size:28.58px;} 938 .delivery-form-par .text-up p span{color:#f15a24;font-size:28.58px;}
939 .delivery-form-par .content-popup{transition:0.3s;padding:38px;width:100%;height:100%;min-height: 400px;max-width:480px;box-sizing:border-box;background-image:url('../images/grad_popup.png');background-position: left center;background-repeat-x: no-repeat;} 939 .delivery-form-par .content-popup{transition:0.3s;padding:38px;width:100%;height:100%;min-height: 400px;max-width:480px;box-sizing:border-box;background-image:url('../images/grad_popup.png');background-position: left center;background-repeat-x: no-repeat;}
940 -.delivery-form-par .text-down input{height:23px;width:104px;border:1px solid #6cb33f;font-size:9px;padding-left:12px;outline:none;} 940 +.delivery-form-par .text-down input{height: 23px;width: 104px;border: 1px solid #6cb33f;font-size: 12px;padding-left: 12px;outline: none;font-family: Ubuntu;color: #666666;}
941 .delivery-form-par .deliver-form{display:flex;justify-content:space-between;width:100%px;} 941 .delivery-form-par .deliver-form{display:flex;justify-content:space-between;width:100%px;}
942 body{font-family:Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;} 942 body{font-family:Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;}
943 .open-delivery-modal{opacity: 1;cursor: pointer;position: fixed;top: calc(50% - 80px);left: 0%;font-size: 24px;z-index: 10000;} 943 .open-delivery-modal{opacity: 1;cursor: pointer;position: fixed;top: calc(50% - 80px);left: 0%;font-size: 24px;z-index: 10000;}