inte soflexi

This commit is contained in:
Romu 2017-02-02 01:56:49 -08:00
parent 02795a1801
commit 05ec8611d7
5 changed files with 474 additions and 6 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

View File

@ -194,10 +194,10 @@ $(document).ready(function () {
return false; return false;
/* Check if processCarrier or opc_payment_methods is present in theme in order to check parameters before payment. */ /* Check if processCarrier or opc_payment_methods is present in theme in order to check parameters before payment. */
if (!$('#opc_payment_methods, input[name="processCarrier"], button[name="processCarrier"], button[name="confirmDeliveryOption"]').length) { // if (!$('#opc_payment_methods, input[name="processCarrier"], button[name="processCarrier"], button[name="confirmDeliveryOption"]').length) {
alert($('#error-target-payment').val()); // alert($('#error-target-payment').val());
return; // return;
} // }
/* Variables */ /* Variables */
var ps17x = parseInt($('#ps17x').val()); var ps17x = parseInt($('#ps17x').val());

View File

@ -0,0 +1,469 @@
#points::-webkit-scrollbar { width: 10px }
#points::-webkit-scrollbar-track { background-color: #eaeaea; border-left: 1px solid #ccc }
#points::-webkit-scrollbar-thumb { background-color: #ccc }
#points::-webkit-scrollbar-thumb:hover { background-color: #aaa }
a.tooltip { outline: none; margin-left: 5px; text-decoration: none; cursor: pointer }
a.tooltip:hover { text-decoration: none }
a.tooltip span { z-index: 10; display: none }
#prevent_note { width: 525px }
#soflexibilite_description_address #infoCommande { width: 100%; max-width: 100% }
#so_box_hors { color: #222 }
#so_box_hors .so-separator { height: 1px }
#so_box_hors input[type="text"], #so_box_hors input[type="email"], #so_box_hors input[type="password"], #so_box_hors input[type="submit"], #so_box_hors input[type="image"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important }
#soflex-loader { width: 150px; margin-left: auto; margin-right: auto; margin-top: 30%; text-align: center }
#soflex-loader img { width: 20px; height: 20px }
#soflex-loader p { margin-top: 10px }
.keep-left { margin-top: 10px; width: 350px; height: 423px }
#so-h3-recap-horsdom { display: none }
.myAdress { font-weight: bold; font-size: 24px; margin: 20px 0 20px }
#myContent2 { display: block; margin-left: auto; margin-right: auto; width: 550px }
.centrageInfo { display: block; margin-left: auto; margin-right: auto; width: 400px }
.so_info { margin-bottom: 40px }
.telephone { border: 1px solid silver; font-weight: bold; padding: 5px 5px 5px 5px }
.validation { float: right; padding: 5px 7px; font-weight: bold; color: #fff; background-color: #ff6a00; cursor: pointer }
#so_box_hors .lookup { width: 100% }
#so_box_hors #search-btn-pending { display: none; opacity: 0.2 }
#so_recherche_loader { vertical-align: -7px }
#so_box_hors .so-home { float: left }
#so_box_hors .so-home img { margin: 5px 15px 5px 5px }
#so_box_hors .so-hd-search { font-size: 1.8em; position: relative; top: -3px; width: 80% }
#so_box_hors .so-dt-search { font-size: 1.8em; margin: 0 0 9px; padding: 0;}
#so_box_hors #super-selector { margin: 0;}
#so_box_hors .so-separator { border-bottom: 1px solid #CFCECE; margin: 15px auto 15px auto; width: 100%; height: 5px; background-color: gainsboro; opacity: 0.37; -moz-opacity: 0.37; -khtml-opacity: 0.37; filter: alpha(pacity37);
}
.valideDomRdv { position: absolute; right: 40px; bottom: 40px;}
#so-no-points { display: inline-block; line-height: 1.3em; font-size: 14px; text-align: center; margin-top: 50%; padding: 15px; color: grey;}
#so_box_hors .choosethePR { padding: 5px;}
#so_box_hors .choosethePR:hover { z-index: 3000; background-color: lightgray; border: 1px solid grey;}
#so_box_hors .so-infoWindow { min-width: 300px;}
#so_box_hors table td, #so_box_hors table th { padding: 0;}
.soflexibiliteStar { color: red; font-size: 2em; vertical-align: -7px; margin-left: 5px;}
#soflexibilite_speech { width: 500px; text-align: center; margin: 10px auto 0 auto;}
#soflexibilite_desc_pr td { width: 270px;}
#soflexibilite_desc_pr input, .choiceDomOrDos { width: 70%; border-radius: 5px; border: 1px solid silver; padding: 5px;}
#soflexibilite_info_cust td { width: 25%; height: 80px;}
.soTabInfo { width: 120px; display: inline-block; margin-bottom: 5px;}
/* Resumé de l'adresse */
#soflexibilite_carrierList {
}
#soflexibilite_carrierList h2 {
font-size: 20px;
font-weight: 900;
margin-top: 60px;
text-transform: uppercase;
}
#soflexibilite_carrierList .sms {
display: block;
font-size: 14px;
font-style: italic;
margin-top: -15px;
}
/* Lightbox */
.soflexibilite_overlay {
background-color: black;
opacity: 0.75;
-moz-opacity: 0.75;
-khtml-opacity: 0.75;
filter: alpha(opacity=75);
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 999999;
}
#so_box_hors {
display: none;
box-sizing: border-box;
z-index: 1000000;
}
.so_box {
display: none;
box-sizing: border-box;
position: fixed;
top: 50%;
left: 50%;
right: 50%;
z-index: 1000000;
}
.so_box {
background: #fbfbfb;
width: 950px;
margin-left: -475px;
margin-top: -395px;
padding: 20px;
text-align: left;
}
#so_box_hors .box { margin: 0 }
#so_box_hors .box .box-content { padding: 15px; }
/* Recherche */
#so_box_hors a.boxclose {
float: right;
width: 15px;
height: 15px;
background: transparent top left;
cursor: pointer;
}
#so_box_hors a.boxclose:hover { background-position: -15px 0 }
#so_box_hors #so-search {
padding: 15px 0
}
#so_box_hors #so-search #search-btn,
#so_box_hors #so-search #search-btn-pending {
padding: 7px 18px;
}
#so_box_hors #so-search img {
display: none;
}
/* Liste des points */
#so_box_hors .title {
padding: 15px 0 0 15px;
}
#so_box_hors .pickup-point {
display: none;
cursor: pointer;
border-bottom: 1px solid silver;
}
#so_box_hors .selectBox {
height: 441px;
overflow: auto;
background-color: white;
border: 1px solid gainsboro;
margin-top: 15px;
}
#so_box_hors #points div {
border-bottom: 1px solid gainsboro;
line-height: 16px;
overflow: hidden;
}
#so_box_hors #points div:hover { background-color: gainsboro; cursor:pointer; }
#so_box_hors .so_distance {
float: right;
font-size: 13px;
margin-right: 15px;
font-style: italic
}
#so_box_hors .libelle {
display: block;
font-weight: bold;
font-size: 15px;
line-height: 16px;
margin-bottom: 8px;
padding-left: 15px;
text-transform: uppercase;
}
#so_box_hors .customName, #so_box_hors .address1, #so_box_hors .code_postal, #so_box_hors .commune {
display: inline-block;
font-size: 13px;
padding-left: 15px;
text-transform: capitalize;
}
#so_box_hors .address1 { white-space: nowrap }
#so_box_hors .point-choose {
float: right;
width: 24px;
height: 24px;
margin: -1px 15px 5px 5px;
}
/* Horaires */
#so_box_hors #information-pr {
box-sizing: border-box;
position: relative;
display: none;
height: 100%;
width: 100%;
background: #fff;
border: 1px solid gainsboro;
padding: 10px
}
#so_box_hors .so-info-close {
border: 1px solid whitesmoke;
cursor: pointer;
}
#so_box_hors .so-info-close:hover { border: 1px solid gainsboro; background-color: whitesmoke; }
#so_box_hors .prez {
font-size: 14px;
line-height: 14px;
}
#so_box_hors .prez .so-info-libelle {
display: block;
font-family: 'pt_sansbold';
font-size: 16px;
line-height: 16px;
}
#so_box_hors .so-info-schedule-title {
font-family: 'pt_sansbold';
display: inline-block;
margin: 20px 0 10px 0;
}
#so_box_hors .horaires {
background-color: white;
border: none;
}
#so_box_hors table {
margin: 0;
}
#so_box_hors table td {
border: none;
}
#so_box_hors .hoLeft {
background: none;
border: 0 solid transparent;
float: left;
font-size: 10px;
}
#so_box_hors .hoLeft thead tr {
height: 35px;
}
#so_box_hors .hoLeft tbody tr td {
text-align: right;
height: 20px;
padding-right: 3px;
}
#so_box_hors .tableHoFe {
/*float:left;*/
text-align: center;
border: 1px solid transparent;
font-size: 10px;
background: none;
}
#so_box_hors .tableHoFe thead {
color: black;
background-color: whitesmoke;
}
#so_box_hors .tableHoFe thead tr {
height: 25px;
}
#so_box_hors .tableHoFe thead tr td {
border: 1px solid white;
padding: 5px;
}
#so_box_hors .tableHoFe tbody tr {
height: 60px;
}
#so_box_hors .tableHoFe tbody td {
width: 10%;
border: 1px solid transparent;
}
#so_box_hors .hoOpen {
background-color: darkseagreen;
color: white;
width: 100%;
height: 5px;
margin: 15px 0 15px 0;
}
#so_box_hors .hoClose {
background-color: salmon;
color: white;
width: 100%;
height: 5px;
margin: 15px 0 15px 0;
}
#so_box_hors .so-info-closing-title {
font-family: 'pt_sansbold';
display: inline-block;
margin: 10px 0 0 0;
}
#fermeture {
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
width: 200px;
text-align: center;
}
#so-info-buttons {
}
#so-info-buttons #otherPR {
background: #464646;
border: 0;
border-radius: 2px;
color: #fff;
font-family: 'pompiere_regular';
font-size: 16px;
margin-top: 15px;
padding: 5px 10px 3px 10px;
position: relative;
text-transform: uppercase;
transition: all 0.2s ease;
width: 100%;
}
#so-info-buttons #infoChoosePR {
background: #e4535d;
border: 0;
border-radius: 2px;
color: #fff;
font-family: 'pompiere_regular';
font-size: 16px;
float: right;
margin-top: 15px;
padding: 5px 10px 3px 10px;
position: relative;
text-transform: uppercase;
transition: all 0.2s ease;
width: 100%;
}
/* Gmap */
#gmap {
border: 1px solid silver;
height: 493px;
}
#so_box_hors #gmap .so-info-libelle {
font-weight: bold;
font-size: 16px;
}
#so_box_hors #gmap .so-info-adresse, #so_box_hors #gmap .so-info-cpt {
font-weight: normal;
}
#so_box_hors #gmap .infoButton {
background: #464646;
border: 0;
border-radius: 2px;
color: #fff;
font-family: 'pompiere_regular';
font-size: 16px;
margin-top: 15px;
padding: 5px 10px 3px 10px;
position: relative;
text-transform: uppercase;
transition: all 0.2s ease;
}
#so_box_hors #gmap .sf_select {
background: #e4535d;
border: 0;
border-radius: 2px;
color: #fff;
font-family: 'pompiere_regular';
font-size: 16px;
float: right;
margin-top: 15px;
padding: 5px 10px 3px 10px;
position: relative;
text-transform: uppercase;
transition: all 0.2s ease;
}
@media (max-width: 1024px), (max-height: 660px) {
#table_so_info > tbody td:nth-child(3) {
display: none;
}
#so_box_hors a.boxclose {
margin-top: 13px;
margin-right: 10px;
}
#so_box_hors .hoLeft tbody tr td {
font-size: 9px;
}
#button-selector {
background-repeat: no-repeat;
}
}
@media (max-width: 991px) {
#table_so_info {
width: 97%;
}
}
@media (max-width: 700px) {
#soflexibilite_desc_pr > tbody > tr > td:nth-child(1) {
display: none;
}
img[alt^="mon "] {
width: 40px;
}
.tooltip {
display: none !important;
}
#gmap {
display: none;
}
#so_box_hors #super-selector {
width: 100% !important;
}
#so_box_hors .keep-left {
width: 100% !important;
height: 80% !important;
}
#so_box_hors {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
#so_box_hors .soflexibilite_addr_sumup .col-lg-6 {
float: none;
}
#so_box_hors > p,
#super-selector,
#so_box_hors > div.float-left.keep-left,
.infoButton {
display: block !important;
}
}
/***********************
Responsive / Mobile
***********************/
@media (max-width: 800px) {
#so_box_hors .infoButton {
visibility: hidden;
display: none;
}
}
@media (max-width: 991px), (max-height: 810px) {
.so_box {
display: none;
padding: 15px;
position: fixed;
bottom: 0;
left: 0;
right: 0;
top: 0;
width: 100%;
height:100%;
margin: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background-clip: padding-box;
border: none;
overflow-x: auto;
}
}
@media (max-width: 767px) {
#so_box_hors .selectBox { height: 250px; overflow-x: auto; }
#so_box_hors #gmap { height: 250px }
#soflex-loader { margin-top: 10%; }
#so_box_hors #super-selector { display: none !important; }
}

View File

@ -78,11 +78,10 @@
<h2 class="title" id="so-h3-recap-dom">{l s='YOU CHOSE TO BE DELIVERED AT THE ADDRESS OF YOUR CHOICE' mod='soflexibilite'}:</h2> <h2 class="title" id="so-h3-recap-dom">{l s='YOU CHOSE TO BE DELIVERED AT THE ADDRESS OF YOUR CHOICE' mod='soflexibilite'}:</h2>
<h2 class="title" id="so-h3-recap-horsdom">{l s='YOU CHOSE TO BE DELIVERED AT THE DELIVERY POINT OF YOUR CHOICE' mod='soflexibilite'}:</h2> <h2 class="title" id="so-h3-recap-horsdom">{l s='YOU CHOSE TO BE DELIVERED AT THE DELIVERY POINT OF YOUR CHOICE' mod='soflexibilite'}:</h2>
<div class="box carrier" id="address_delivery"> <div class="box carrier" id="address_delivery">
<div class="shadow"></div>
<div class="bg"> <div class="bg">
<div class="box-content clearfix"> <div class="box-content clearfix">
<div class="col-lg-6 address-ctn"> <div class="col-lg-6 address-ctn">
<span class="title">Votre adresse</span> <strong>Votre adresse</strong>
<div id="adresseFinal"> <div id="adresseFinal">
</div> </div>
</div> </div>