FrontendOSCOP/oscop
8
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fix bugów + wybór czasu i daty dostawy

Browse Source
This commit is contained in:
pawel.gaca
2024-11-18 09:16:17 +01:00
parent 35c25e176a
commit 79a5dc709e
5 changed files with 3309 additions and 2457 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
README.md
View File

@@ -24,14 +24,18 @@ Następnie wejść w edycje wybranego sposobu logowania i wrzucić nową ikonę
UWAGA! Plików svg nie da się wprowadzić. w folderze "ikony" znajdują się ikony w formacie png
## Brakujące Tłumaczenia (literały) ##
- Pokaż Listę
- Pokaż Mapę
- Błąd podczas zmiany kraju. Przeładuj stronę jeszcze raz.
- Błąd podczas logowania, proszę spróbować ponownie
- banków
- kart płatniczych
- Lista
- Pokaż Listę
- Pokaż Mapę
- Błąd podczas zmiany kraju. Przeładuj stronę jeszcze raz.
- Błąd podczas logowania, proszę spróbować ponownie
- banków
- kart płatniczych
- Lista
- Wybierz z
- Kierunkowy
- Numer telefonu dla tego kraju powinien zaczynać się liczbą
- Numer telefonu dla tego kraju musi składać się z
- cyfr
## Podsumowanie ##
### Zalety ###

187
index.xslt
View File

@@ -6,7 +6,7 @@
<iaixsl:variable name="returns_agree_control"></iaixsl:variable>
<iaixsl:if test="not(/shop/page/client-data/@edit='true')">
<div id="signin-form">
<div id="signin-form" style="display: none;">
<h2>
<iai:variable vid="Moje konto"/>
</h2>
@@ -117,7 +117,6 @@
</iaixsl:if>
<input id="client_email" type="email" class="form-control validate f-control" name="client_email">
<iaixsl:if test="/shop/basket/@login">
<iaixsl:attribute name="disabled">disabled</iaixsl:attribute>
<iaixsl:attribute name="class">form-control validate f-control focused</iaixsl:attribute>
</iaixsl:if>
<iaixsl:attribute name="value"><iaixsl:value-of select="/shop/page/client-data/contact_data/@email"/></iaixsl:attribute>
@@ -131,31 +130,49 @@
<span class="form-control-feedback"/>
</div>
</div>
<div class="form-group">
<div class="has-feedback f-feedback --phone">
<iaixsl:if test="not(/shop/page/client-data/profile_data/@login = '')">
<iaixsl:attribute name="class">has-feedback f-feedback --success has-success --phone</iaixsl:attribute>
</iaixsl:if>
<div class="phone_number__code">
+<input class="phone_number__code_number" disabled="true"></input>
<div class="form-group --phone">
<div class="row">
<div class="input_wrapper__first col-md-5 has-feedback f-feedback">
<iaixsl:if test="not(/shop/page/client-data/profile_data/@login = '')">
<iaixsl:attribute name="class">input_wrapper__first col-md-5 has-feedback f-feedback --success has-success</iaixsl:attribute>
</iaixsl:if>
<div class="phone_number__code">
<span class="phone_number__code_alpha2"></span>
(+
<span class="phone_number__code_text"></span>
)
<input class="phone_number__code_number" disabled="true" type="hidden"></input>
<span class="phone_number__description">
<iai:variable vid="Kierunkowy"/>
</span>
<ul class="phone_number__code_list"></ul>
</div>
</div>
<input id="client_phone" type="tel" class="form-control validate f-control" name="client_phone" data-serialize="#client_region">
<iaixsl:if test="/shop/basket/@login">
<iaixsl:attribute name="disabled">disabled</iaixsl:attribute>
<iaixsl:attribute name="class">form-control validate f-control focused</iaixsl:attribute>
<div class="input_wrapper__second col-md-7 has-feedback f-feedback">
<iaixsl:if test="not(/shop/page/client-data/profile_data/@login = '')">
<iaixsl:attribute name="class">input_wrapper__second col-md-7 has-feedback f-feedback --success has-success</iaixsl:attribute>
</iaixsl:if>
<iaixsl:attribute name="value"><iaixsl:value-of select="/shop/page/client-data/contact_data/@phone"/></iaixsl:attribute>
<iaixsl:if test="/shop/page/client-data/contact_data/@mandatory_phone = 'true'">
<iaixsl:attribute name="required">required</iaixsl:attribute>
</iaixsl:if>
<iaixsl:attribute name="data-copy">delivery_phone</iaixsl:attribute>
</input>
<label for="client_phone" class="f-label">
<iai:variable vid="Numer telefonu"/>
</label>
<span class="form-control-feedback"/>
<input id="client_phone" type="tel" class="form-control validate f-control" name="client_phone" data-serialize="#client_region">
<iaixsl:if test="/shop/basket/@login">
<iaixsl:attribute name="class">form-control validate f-control focused</iaixsl:attribute>
</iaixsl:if>
<iaixsl:attribute name="value"><iaixsl:value-of select="/shop/page/client-data/contact_data/@phone"/></iaixsl:attribute>
<iaixsl:if test="/shop/page/client-data/contact_data/@mandatory_phone = 'true'">
<iaixsl:attribute name="required">required</iaixsl:attribute>
</iaixsl:if>
<iaixsl:attribute name="data-copy">delivery_phone</iaixsl:attribute>
</input>
<label for="client_phone" class="f-label">
<iai:variable vid="Numer telefonu"/>
</label>
<span class="form-control-feedback"/>
</div>
</div>
</div>
</form>
<!--OKNO REJESTRACJI-->
<iaixsl:if test="not(/shop/basket/@login)">
@@ -211,7 +228,6 @@
<label class="radio-inline">
<input type="radio" id="client_type2" value="private" name="client_type">
<iaixsl:if test="/shop/basket/@login">
<iaixsl:attribute name="disabled">disabled</iaixsl:attribute>
</iaixsl:if>
<iaixsl:if test="$is_firm = 'false'">
<iaixsl:attribute name="checked">checked</iaixsl:attribute>
@@ -222,7 +238,6 @@
<label class="radio-inline">
<input type="radio" id="client_type1" value="firm" name="client_type">
<iaixsl:if test="/shop/basket/@login">
<iaixsl:attribute name="disabled">disabled</iaixsl:attribute>
</iaixsl:if>
<iaixsl:if test="$is_firm = 'true'">
<iaixsl:attribute name="checked">checked</iaixsl:attribute>
@@ -244,7 +259,6 @@
<input type="text" class="form-control validate f-control" name="client_firm" id="client_firm">
<iaixsl:attribute name="required">required</iaixsl:attribute>
<iaixsl:if test="/shop/basket/@login">
<iaixsl:attribute name="disabled">disabled</iaixsl:attribute>
<iaixsl:attribute name="class">form-control validate f-control focused</iaixsl:attribute>
</iaixsl:if>
<iaixsl:attribute name="maxlength"><iaixsl:value-of select="/shop/page/input_option/@additional"/></iaixsl:attribute>
@@ -270,7 +284,6 @@
</iaixsl:if>
<input type="text" class="form-control validate f-control" name="client_nip" id="client_nip" data-serialize="#client_region">
<iaixsl:if test="/shop/basket/@login">
<iaixsl:attribute name="disabled">disabled</iaixsl:attribute>
<iaixsl:attribute name="class">form-control validate f-control focused</iaixsl:attribute>
</iaixsl:if>
<iaixsl:if test="/shop/page/client-data/nip/@active = 'required'">
@@ -295,7 +308,6 @@
</iaixsl:if>
<input id="client_firstname" type="text" class="form-control validate f-control" name="client_firstname">
<iaixsl:if test="/shop/basket/@login">
<iaixsl:attribute name="disabled">disabled</iaixsl:attribute>
<iaixsl:attribute name="class">form-control validate f-control focused</iaixsl:attribute>
</iaixsl:if>
<iaixsl:attribute name="maxlength"><iaixsl:value-of select="/shop/page/input_option/@name"/></iaixsl:attribute>
@@ -319,7 +331,6 @@
<input id="client_lastname" type="text" class="form-control validate f-control" name="client_lastname">
<iaixsl:attribute name="maxlength"><iaixsl:value-of select="/shop/page/input_option/@lastname"/></iaixsl:attribute>
<iaixsl:if test="/shop/basket/@login">
<iaixsl:attribute name="disabled">disabled</iaixsl:attribute>
<iaixsl:attribute name="class">form-control validate f-control focused</iaixsl:attribute>
</iaixsl:if>
<iaixsl:attribute name="value"><iaixsl:value-of select="/shop/page/client-data/invoice_data/@lastname"/></iaixsl:attribute>
@@ -343,7 +354,6 @@
</iaixsl:if>
<input id="birth_date" type="text" class="form-control validate f-control" name="birth_date">
<iaixsl:if test="/shop/basket/@login">
<iaixsl:attribute name="disabled">disabled</iaixsl:attribute>
<iaixsl:attribute name="class">form-control validate f-control focused</iaixsl:attribute>
</iaixsl:if>
<iaixsl:attribute name="maxlength"><iaixsl:value-of select="/shop/page/input_option/@birthdate"/></iaixsl:attribute>
@@ -366,7 +376,6 @@
</iaixsl:if>
<input id="client_street" type="text" class="form-control validate f-control" name="client_street" data-serialize="#client_region">
<iaixsl:if test="/shop/basket/@login">
<iaixsl:attribute name="disabled">disabled</iaixsl:attribute>
<iaixsl:attribute name="class">form-control validate f-control focused</iaixsl:attribute>
</iaixsl:if>
<iaixsl:attribute name="maxlength"><iaixsl:value-of select="/shop/page/input_option/@addres"/></iaixsl:attribute>
@@ -384,13 +393,12 @@
<div class="form-group">
<div class="row">
<div class="zipcode_wrapper col-md-5 has-feedback f-feedback">
<div class="input_wrapper__first col-md-5 has-feedback f-feedback">
<iaixsl:if test="not(/shop/page/client-data/profile_data/@login = '')">
<iaixsl:attribute name="class">zipcode_wrapper col-md-5 has-feedback f-feedback --success has-success</iaixsl:attribute>
<iaixsl:attribute name="class">input_wrapper__first col-md-5 has-feedback f-feedback --success has-success</iaixsl:attribute>
</iaixsl:if>
<input id="client_zipcode" type="text" class="form-control validate f-control" name="client_zipcode" data-serialize="#client_region">
<iaixsl:if test="/shop/basket/@login">
<iaixsl:attribute name="disabled">disabled</iaixsl:attribute>
<iaixsl:attribute name="class">form-control validate f-control focused</iaixsl:attribute>
</iaixsl:if>
<iaixsl:attribute name="value"><iaixsl:value-of select="/shop/page/client-data/invoice_data/@zipcode"/></iaixsl:attribute>
@@ -403,14 +411,13 @@
</label>
<span class="form-control-feedback"/>
</div>
<div class="city_wrapper col-md-7 has-feedback f-feedback">
<div class="input_wrapper__second col-md-7 has-feedback f-feedback">
<iaixsl:if test="not(/shop/page/client-data/profile_data/@login = '')">
<iaixsl:attribute name="class">city_wrapper col-md-7 has-feedback f-feedback --success has-success</iaixsl:attribute>
<iaixsl:attribute name="class">input_wrapper__second col-md-7 has-feedback f-feedback --success has-success</iaixsl:attribute>
</iaixsl:if>
<input id="client_city" type="text" class="form-control validate f-control" name="client_city">
<iaixsl:attribute name="maxlength"><iaixsl:value-of select="/shop/page/input_option/@city"/></iaixsl:attribute>
<iaixsl:if test="/shop/basket/@login">
<iaixsl:attribute name="disabled">disabled</iaixsl:attribute>
<iaixsl:attribute name="class">form-control validate f-control focused</iaixsl:attribute>
</iaixsl:if>
<iaixsl:attribute name="value"><iaixsl:value-of select="/shop/page/client-data/invoice_data/@city"/></iaixsl:attribute>
@@ -429,9 +436,6 @@
<iaixsl:choose>
<iaixsl:when test="count(/shop/page/options/countries/country) = 1 and (/shop/page/options/countries/country/@id = 1143020003)">
<input id="client_region" type="hidden" name="client_region">
<iaixsl:if test="/shop/basket/@login">
<iaixsl:attribute name="disabled">disabled</iaixsl:attribute>
</iaixsl:if>
<iaixsl:attribute name="value"><iaixsl:value-of select="/shop/page/options/countries/country/@id"/></iaixsl:attribute>
<iaixsl:attribute name="data-vat_company"><iaixsl:value-of select="/shop/page/options/countries/country/@vat_company"/></iaixsl:attribute>
<iaixsl:attribute name="data-vat"><iaixsl:value-of select="/shop/page/options/countries/country/@vat"/></iaixsl:attribute>
@@ -448,7 +452,6 @@
</iaixsl:if>
<select class="form-control delivery_countries" id="client_region" name="client_region" data-revalidate="#client_street,#client_zipcode">
<iaixsl:if test="/shop/basket/@login">
<iaixsl:attribute name="disabled">disabled</iaixsl:attribute>
<iaixsl:attribute name="class">form-control delivery_countries f-control focused</iaixsl:attribute>
</iaixsl:if>
<iaixsl:attribute name="data-copy">delivery_region</iaixsl:attribute>
@@ -496,9 +499,6 @@
<select class="form-control" name="client_province">
<iaixsl:if test="page/client-data/@disallow_change_company_data = 'true'"><iaixsl:attribute name="readonly">readonly</iaixsl:attribute></iaixsl:if>
<iaixsl:if test="not(@selected = 'true')"><iaixsl:attribute name="disabled">disabled</iaixsl:attribute></iaixsl:if>
<iaixsl:if test="/shop/basket/@login">
<iaixsl:attribute name="disabled">disabled</iaixsl:attribute>
</iaixsl:if>
<iaixsl:attribute name="id">client_province_<iaixsl:value-of select="@id"/></iaixsl:attribute>
<iaixsl:attribute name="data-copy">delivery_province</iaixsl:attribute>
<iaixsl:for-each select="provinces/province">
@@ -681,9 +681,9 @@
<div class="form-group --hide">
<div class="row">
<div class="zipcode_wrapper col-md-5 has-feedback f-feedback">
<div class="input_wrapper__first col-md-5 has-feedback f-feedback">
<iaixsl:if test="@use = 'yes' and not(@zipcode = '')">
<iaixsl:attribute name="class">zipcode_wrapper col-md-5 has-feedback f-feedback has-success --success</iaixsl:attribute>
<iaixsl:attribute name="class">input_wrapper__first col-md-5 has-feedback f-feedback has-success --success</iaixsl:attribute>
</iaixsl:if>
<input id="delivery_zipcode" type="text" class="form-control validate f-control" name="delivery_zipcode" data-serialize="#delivery_region">
<iaixsl:if test="@use = 'yes' and not(@zipcode = '')">
@@ -698,9 +698,9 @@
</label>
<span class="form-control-feedback"/>
</div>
<div class="city_wrapper col-md-7 has-feedback f-feedback">
<div class="input_wrapper__second col-md-7 has-feedback f-feedback">
<iaixsl:if test="@use = 'yes' and not(@city = '')">
<iaixsl:attribute name="class">city_wrapper col-md-7 has-feedback f-feedback has-success --success</iaixsl:attribute>
<iaixsl:attribute name="class">input_wrapper__second col-md-7 has-feedback f-feedback has-success --success</iaixsl:attribute>
</iaixsl:if>
<input id="delivery_city" type="text" class="form-control validate f-control" name="delivery_city">
<iaixsl:if test="@use = 'yes' and not(@city = '')">
@@ -789,28 +789,37 @@
</iaixsl:if>
</iaixsl:for-each>
<div class="form-group --hide">
<div class="has-feedback f-feedback --phone">
<iaixsl:if test="@use = 'yes' and not(@phone = '')">
<iaixsl:attribute name="class">has-feedback f-feedback has-success --success --phone</iaixsl:attribute>
</iaixsl:if>
<div class="phone_number__code">
+<input class="phone_number__code_number" disabled="true"></input>
<div class="form-group --phone --hide">
<div class="row">
<div class="input_wrapper__first col-md-5 has-feedback f-feedback">
<iaixsl:if test="not(/shop/page/client-data/profile_data/@login = '')">
<iaixsl:attribute name="class">input_wrapper__first col-md-5 has-feedback f-feedback --success has-success</iaixsl:attribute>
</iaixsl:if>
<div class="phone_number__code">
<span class="phone_number__code_alpha2"></span>
(+
<span class="phone_number__code_text"></span>
)
<input class="phone_number__code_number" disabled="true" type="hidden"></input>
<span class="phone_number__description">
<iai:variable vid="Kierunkowy"/>
</span>
<ul class="phone_number__code_list"></ul>
</div>
</div>
<div class="input_wrapper__second col-md-7 has-feedback f-feedback">
<input id="delivery_phone" type="tel" class="form-control validate f-control" name="delivery_phone" data-serialize="#delivery_phone">
<iaixsl:attribute name="value"><iaixsl:value-of select="@phone"/></iaixsl:attribute>
<iaixsl:attribute name="maxlength"><iaixsl:value-of select="/shop/page/input_option/@phone"/></iaixsl:attribute>
<iaixsl:if test="/shop/page/client-data/contact_data/@mandatory_phone = 'true'">
<iaixsl:attribute name="required">required</iaixsl:attribute>
</iaixsl:if>
</input>
<label for="client_phone" class="f-label">
<iai:variable vid="Numer telefonu"/>
</label>
<span class="form-control-feedback"/>
</div>
<input id="delivery_phone" type="text" class="form-control validate f-control" name="delivery_phone" data-serialize="#delivery_region">
<iaixsl:if test="@use = 'yes' and not(@phone = '')">
<iaixsl:attribute name="class">form-control validate f-control focused</iaixsl:attribute>
</iaixsl:if>
<iaixsl:attribute name="value"><iaixsl:value-of select="@phone"/></iaixsl:attribute>
<iaixsl:attribute name="maxlength"><iaixsl:value-of select="/shop/page/input_option/@phone"/></iaixsl:attribute>
<iaixsl:if test="/shop/page/client-data/contact_data/@mandatory_phone = 'true'">
<iaixsl:attribute name="required">required</iaixsl:attribute>
</iaixsl:if>
</input>
<label for="delivery_phone" class="f-label">
<iai:variable vid="Numer telefonu"/>
</label>
<span class="form-control-feedback"/>
</div>
</div>
</iaixsl:for-each>
@@ -822,19 +831,19 @@
<div id="FBS_faktura">
<span><iai:variable vid="Chcę otrzymać"/>:</span>
<input type="hidden" name="checkinvoice" value="true"/>
<div class="order2_terms_wrapper_sub newsletter fbs_inpfaktura">
<div class="order2_terms_wrapper_sub fbs_inpfaktura">
<label>
<input type="radio" class="order2_radio_document" name="invoice" id="order2_document_confirmation" value="0" checked=""/>
<span><iai:variable vid="Potwierdzenie zakupu"/></span>
</label>
</div>
<div class="order2_terms_wrapper_sub newsletter fbs_inpfaktura">
<div class="order2_terms_wrapper_sub fbs_inpfaktura">
<label>
<input type="radio" class="order2_radio_document" name="invoice" id="order2_document_e-invoice" value="2"/>
<span><iai:variable vid="Fakturę w formie elektronicznej"/></span>
</label>
</div>
<div class="order2_terms_wrapper_sub newsletter fbs_inpfaktura">
<div class="order2_terms_wrapper_sub fbs_inpfaktura">
<label>
<input type="radio" class="order2_radio_document" name="invoice" id="order2_document_invoice" value="1"/>
<span>
@@ -1069,29 +1078,27 @@
</div>
</iaixsl:if>
<iaixsl:if test="not(/shop/basket/@login)">
<div class="order2_terms_wrapper_sub newsletter email">
<label for="client_mailing">
<input id="client_mailing" type="checkbox" name="client_mailing" value="1">
<iaixsl:if test="/shop/page/client-data/contact_data/@mailing != '0'"><iaixsl:attribute name="checked">checked</iaixsl:attribute></iaixsl:if>
<div class="order2_terms_wrapper_sub newsletter email">
<label for="client_mailing">
<input id="client_mailing" type="checkbox" name="client_mailing" value="1">
<iaixsl:if test="/shop/page/client-data/contact_data/@mailing != '0'"><iaixsl:attribute name="checked">checked</iaixsl:attribute></iaixsl:if>
</input>
<span>
<iai:variable vid="Chcę otrzymywać E-mail Newsletter (możliwość późniejszej rezygnacji)"/>
</span>
</label>
</div>
<iaixsl:if test="/shop/page/client-data/contact_data/@send_sms">
<div class="order2_terms_wrapper_sub newsletter sms">
<label for="client_sms">
<input id="client_sms" type="checkbox" name="client_sms" value="1">
<iaixsl:if test="/shop/page/client-data/contact_data/@send_sms = 'y' or /shop/page/client-data/contact_data/@send_sms = 'd' or /shop/page/client-data/contact_data/@send_sms = '1'"><iaixsl:attribute name="checked"><![CDATA[checked]]></iaixsl:attribute></iaixsl:if>
</input>
<span>
<iai:variable vid="Chcę otrzymywać E-mail Newsletter (możliwość późniejszej rezygnacji)"/>
<iai:variable vid="Chcę otrzymywać SMS Newsletter (możliwość późniejszej rezygnacji)"/>
</span>
</label>
</div>
<iaixsl:if test="/shop/page/client-data/contact_data/@send_sms">
<div class="order2_terms_wrapper_sub newsletter sms">
<label for="client_sms">
<input id="client_sms" type="checkbox" name="client_sms" value="1">
<iaixsl:if test="/shop/page/client-data/contact_data/@send_sms = 'y' or /shop/page/client-data/contact_data/@send_sms = 'd' or /shop/page/client-data/contact_data/@send_sms = '1'"><iaixsl:attribute name="checked"><![CDATA[checked]]></iaixsl:attribute></iaixsl:if>
</input>
<span>
<iai:variable vid="Chcę otrzymywać SMS Newsletter (możliwość późniejszej rezygnacji)"/>
</span>
</label>
</div>
</iaixsl:if>
</iaixsl:if>
<iaixsl:if test="page/order2/ordersproducts//product[@product_type = 'product_virtual']">

2
script.js
View File

@@ -12,7 +12,7 @@ if(window.location.pathname.includes("return.html") && window.location.search.in
}
if(window.location.pathname.includes("order1.html") || window.location.pathname.includes("order1.php") || (window.location.pathname.includes("signin.html") && window.location.search.includes("operation=onceorder"))){
if(window.location.pathname.includes("order1.html") || window.location.pathname.includes("order-nonstandardized") || window.location.pathname.includes("order1.php") || ((window.location.pathname.includes("signin.html") || window.location.pathname.includes("signin.php")) && window.location.search.includes("operation=onceorder"))){
// app_shop.fn.ajaxLoadSite(1);
window.location = "/place-order.php";
}

492
style.css
View File

@@ -1,6 +1,10 @@
.order_process:not(.--place-order-page) #ajaxLoadSite_cover{
opacity: 1!important;
}
body:has(.place-order_page) > #ajaxLoadSite_cover{
height: 100vh !important;
position: fixed !important;
}
// Zmiana wylacznie na stronie
.--place-order-page{
#modal_placeholder{
@@ -205,7 +209,7 @@
.form-control-feedback{
right: 15px!important;
}
.zipcode_wrapper{
.input_wrapper__first{
padding-right: 0!important;
}
}
@@ -216,7 +220,7 @@
.--hide{
margin-bottom: 0!important;
}
input[type="text"], input[type="email"], input[type="password"], input[type="tel"], select{
input[type="text"], input[type="email"], input[type="password"], input[type="tel"], select, .phone_number__code{
height: 45px!important;
}
.f-group{
@@ -248,7 +252,71 @@
}
}
.delivery_date{
&__options{
position: relative;
}
&__calendar{
list-style: none;
display: flex;
gap: 1rem;
flex-wrap: wrap;
&_option{
padding: 0.5rem 1.5rem;
border: 1px solid #ccc;
border-radius: 5px;
display: flex;
flex-direction: column;
gap: 0.2rem;
align-items: center;
&.active{
border-color: @primary_color;
}
&.--another{
position: relative;
display: flex;
justify-content: center;
align-items: center;
&.--open{
.delivery_date__calendar_container{
display: block;
}
}
}
&.--custom:not(.active){
display: none;
}
}
&_container{
display: none;
position: absolute;
background: #fff;
border: 1px solid #333;
border-radius: 5px;
padding: 1rem;
top: 0;
left: 100%;
z-index: 1;
}
}
&__hours{
margin-top: 2rem;
}
@media(max-width: 757px){
&__calendar_option.--another{
position: static;
}
&__calendar_container{
left: 0;
top: 0;
z-index: 2;
width: 100%;
}
}
}
.osc_item.--calendar:not(:has(input[name="shipping"]:checked)) .delivery_date__options{
display: none!important;
}
// Strzalki po prawej
.bm-oscop__arrow-input{
display: none;
@@ -286,7 +354,7 @@
}
// Zmiana fontsize na 16px na desktop
.bm-oscop-deliveries__message, .order__voucher_headlines strong, .order__voucher_button, #signin-form .signin-form__button, .delivery__address-list-name, .osc_item-modal h2, .propose_title, #bm-oscop-remarks h3, #summary-points, #fbs_z02_wrapper .big_label, .propose_main .button_password_recover, .rebate__title{
.bm-oscop__message, .order__voucher_headlines strong, .order__voucher_button, #signin-form .signin-form__button, .delivery__address-list-name, .osc_item-modal h2, .propose_title, #bm-oscop-remarks h3, #summary-points, #fbs_z02_wrapper .big_label, .propose_main .button_password_recover, .rebate__title{
font-size: 1.6rem!important;
}
// Zmiana fontsize na 14px na desktop
@@ -294,7 +362,7 @@
font-size: 1.4rem!important;
}
// Zmiana fontsize na 13px na desktop
.oscop_product_wrap, .order_pay_wrapper, .order2_shiptime, .signin_header, .delivery_date, .remarks__container span, .delivery__address-list-street, .delivery__address-list-city, .delivery__address-list-zipcode, .delivery__address-list-phone, .delivery__address-country_name, .propose_text, .register__hide-password::before, #locationField .btn, .rebate__active-options button{
.phone_number__description, .oscop_product_wrap, .order_pay_wrapper, .order2_shiptime, .signin_header, .delivery_date, .remarks__container span, .delivery__address-list-street, .delivery__address-list-city, .delivery__address-list-zipcode, .delivery__address-list-phone, .delivery__address-country_name, .propose_text, .register__hide-password::before, #locationField .btn, .rebate__active-options button{
font-size: 1.3rem!important;
}
// Zmiana fontsize na 12px na desktop
@@ -449,6 +517,19 @@
gap: 2rem;
}
.input_wrapper__first .form-control-feedback {
right: 15px;
}
.input_wrapper__first .f-label, .input_wrapper__second .f-label{
left: 3.2rem!important;
}
.input_wrapper__first, .input_wrapper__second{
padding: 0 1rem;
}
.input_wrapper__second{
padding-right: 0!important;
}
// Sekcja dane klienta
#client-contact-info.--logged{
padding-bottom: 3rem;
@@ -481,18 +562,6 @@
align-items: center;
height: 38px;
}
.zipcode_wrapper .form-control-feedback {
right: 15px;
}
.zipcode_wrapper .f-label, .city_wrapper .f-label{
left: 3.2rem!important;
}
.zipcode_wrapper, .city_wrapper{
padding: 0 1rem;
}
.city_wrapper{
padding-right: 0!important;
}
.row {
margin: 0 0 0 -10px;
}
@@ -606,6 +675,12 @@
top: 1px;
height: 36px;
background: #fff;
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Firefox w przeszłości (stare wersje) */
-ms-user-select: none; /* Internet Explorer (>=10) / Edge */
user-select: none; /* Chrome, Opera and Firefox */
}
#toggle-password:hover{
color: @less_iaicolorscheme_background_active_color;
@@ -658,34 +733,28 @@
#delivery_region, #client_region{
padding-left: 2.4rem!important;
}
.order2_terms_wrapper_sub.newsletter.fbs_inpfaktura:first-of-type{
.order2_terms_wrapper_sub.fbs_inpfaktura:first-of-type{
margin-top: 1rem;
}
.client_type-text{
margin-right: 1rem;
}
.--phone{
display: grid;
grid-template-columns: minmax(auto, 50px) 1fr;
.help-block.validate_message.text-danger{
grid-column: span 2;
}
.f-label{
left: 76px!important;
}
.form-control{
border-radius: 0 8px 8px 0!important;
}
}
.phone_number__code{
background: #f2f2f2;
position: relative;
background: #fff;
display: flex;
align-items: center;
padding: 0 0.5rem;
font-weight: 600;
border: 1px solid #c4c7c8;
border-radius: 8px 0 0 8px;
border-right: none!important;
border-radius: 8px;
cursor: pointer;
min-height: 38px;
padding-left: 2rem;
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Firefox w przeszłości (stare wersje) */
-ms-user-select: none; /* Internet Explorer (>=10) / Edge */
user-select: none; /* Chrome, Opera and Firefox */
&_number{
height: 100%;
border: none;
@@ -693,6 +762,47 @@
padding-left: 4px;
font-weight: 600;
}
&::after{
content: "\F107";
position: absolute;
right: 2.4rem;
top: 50%;
transform: translateY(-50%);
font-family: FontAwesome;
font-size: 1.8rem!important;
}
}
.phone_number__code_list{
display: none;
list-style: none;
}
.phone_number__code_list.show{
display: flex!important;
flex-direction: column;
gap: 0.4rem;
position: absolute;
left: 0;
top: 100%;
overflow-y: auto;
.less_scrollbar();
max-height: 15rem;
width: 100%;
background: #fff;
border: 1px solid #ccc;
border-top: none;
z-index: 10;
padding-left: 1.7rem;
}
.phone_number__code:has(.phone_number__code_list.show)::after{
transform: translateY(-50%) rotate(180deg);
}
.phone_number__description{
position: absolute;
transform: scale(0.95) translateY(-20px) !important;
background: #fff;
padding: 0 0.5rem;
}
}
// Sekcja dostawa i płatności
@@ -702,13 +812,14 @@
#bm-oscop-deliveries .osc_item{
grid-template-columns: 13px 70px 1fr auto;
}
.bm-oscop-deliveries__message{
.bm-oscop__message{
background: 1px solid @warning_color;
background: #fcca83;
padding: 1rem 2rem;
padding: 2rem 4rem;
border-radius: 8px;
margin-bottom: 2rem;
}
.bm-oscop-deliveries__message::before{
.bm-oscop__message::before{
content: '\F06A';
font-family: fontawesome;
color: @warning_color;
@@ -733,6 +844,9 @@
.delivery_date{
display: flex;
flex-direction: column;
&__options{
grid-column: ~"1 / 5";
}
}
.price{
flex-shrink: 0;
@@ -1044,8 +1158,31 @@
gap: 2rem;
}
}
#attatched-summary .bm-oscop__btn{
min-height: 45px;
padding: 1.4rem 0;
}
}
@media(max-width: 757px){
.place-order_page{
.input_wrapper__first{
padding-right: 0!important;
}
.client_box.cn_wrapper .row, .delivery_box.cn_wrapper .row{
gap: 0;
padding-left: 0.5rem;
.input_wrapper__first, .input_wrapper__second{
padding-left: 0.5rem!important;
}
.input_wrapper__first{
margin-bottom: 1.2rem!important;
}
}
.input_wrapper__first .f-label, .input_wrapper__second .f-label{
left: 2.8rem!important;
}
}
.order__voucher_container .order__voucher_status{
top: -1px!important;
}
@@ -1070,180 +1207,169 @@
font-size: 1.3rem!important;
}
// Zmiana fontsize na 14px mobile
.bm-oscop__btn, .oscop_product_wrap_r .oscop_product_name, .rebate__options, .order2_terms_wrapper_sub.newsletter, .propose_text, .propose_json_mail, .button_password_recover, #bm-oscop-section2 #bm-oscop-remarks h3, .rebate__title{
.bm-oscop__btn, .oscop_product_wrap_r .oscop_product_name, .rebate__options, .order2_terms_wrapper_sub, .propose_text, .propose_json_mail, .button_password_recover, #bm-oscop-section2 #bm-oscop-remarks h3, .rebate__title{
font-size: 1.4rem!important;
}
#delivery_box_switcher label, #FBS_faktura > span, #bm-oscop-payments .osc_item .name{
#delivery_box_switcher label, #FBS_faktura > span, #bm-oscop-payments .osc_item .name{
font-size: 1.6rem!important;
}
.bm-oscop__btn{
padding: 1.4rem 0;
width: 100%;
min-height: 45px;
font-weight: 700;
}
.bm-oscop__container{
.bm-oscop__btn{
min-height: 45px;
padding: 1.4rem 0;
width: 100%;
font-weight: 700;
}
.bm-oscop__container{
padding: 0 0.5rem;
h2{
font-size: 2.4rem;
}
}
.bm-oscop__go-shopping{
.bm-oscop__go-shopping{
margin-bottom: 2rem;
}
#bm-oscop-payments .osc_item .name{
#bm-oscop-payments .osc_item .name{
font-weight: 700;
}
#bm-oscop-section1{
margin-bottom: 0.4rem;
.client_biling_data div{
margin: 1rem 0;
height: 45px;
}
.register{
padding-top: 1.6rem;
padding-bottom: 1.4rem;
}
#toggle-password{
height: 43px!important;
}
.client_new_social{
gap: 1.6rem!important;
}
.client_type-text{
display: block;
margin-bottom: 1.2rem;
}
.zipcode_wrapper{
padding-right: 0!important;
}
.signin .client_new_social{
margin-top: 1.8rem;
margin-bottom: 2.4rem;
}
.client_box.cn_wrapper .row, .delivery_box.cn_wrapper .row{
gap: 0;
padding-left: 0.5rem;
.zipcode_wrapper, .city_wrapper{
padding-left: 0.5rem!important;
}
.zipcode_wrapper{
margin-bottom: 1.2rem!important;
}
}
.zipcode_wrapper .f-label, .city_wrapper .f-label{
left: 2.8rem!important;
}
#bm-oscop-section1{
margin-bottom: 0.4rem;
.client_biling_data div{
margin: 1rem 0;
height: 45px;
}
#delivery_box_switcher{
flex-direction: column;
gap: 1.2rem;
.register{
padding-top: 1.6rem;
padding-bottom: 1.4rem;
}
.delivery_box.--more .form-group, .client_box .form-group, #client-contact-info .form-group{
margin-bottom: 1.2rem!important;
#toggle-password{
height: 43px!important;
}
#client_form{
.client_new_social{
gap: 1.6rem!important;
}
.client_type-text{
display: block;
margin-bottom: 1.2rem;
}
.signin .client_new_social{
margin-top: 1.8rem;
margin-bottom: 2.4rem;
}
.osc_item-modal .payments-container{
grid-template-columns: 47% 47%;
.--phone .row{
gap: 1.2rem!important;
}
#bm-oscop-section2{
.osc_item{
margin: 1rem 0;
column-gap: 1.2rem;
padding: 1.6rem 2.4rem;
row-gap: 1.8rem;
grid-template-columns: 13px 60px 1fr!important;
.comment, .delivery_date, .fselectedPoint, .voucher-value{
grid-column: 1 / span 3;
padding-top: 0.8rem!important;
}
.voucher-value{
text-align: center;
}
.delivery_info{
justify-content: space-between;
align-items: center;
}
.delivery_date, .delivery_info, .pickup_point_sub{
display: flex;
align-items: center;
flex-direction: row;
column-gap: 1rem;
}
.delivery_date, .pickup_point_sub{
flex-wrap: wrap;
}
.pickup_point_sub div{
gap: 0.5rem;
}
}
#delivery_box_switcher{
flex-direction: column;
gap: 1.2rem;
}
.delivery_box.--more .form-group, .client_box .form-group, #client-contact-info .form-group{
margin-bottom: 1.2rem!important;
}
#client_form{
margin-bottom: 2.4rem;
}
.osc_item-modal .payments-container{
grid-template-columns: 47% 47%;
}
#bm-oscop-section2{
.osc_item{
margin: 1rem 0;
column-gap: 1.2rem;
padding: 1.6rem 2.4rem;
row-gap: 1.8rem;
grid-template-columns: 13px 60px 1fr!important;
.comment, .delivery_date, .fselectedPoint, .voucher-value{
grid-column: 1 / span 3;
padding-top: 0.8rem!important;
}
#bm-oscop-deliveries .osc_item{
.delivery_date, .fselectedPoint{
border-top: 1px solid #EFEFEF;
}
.voucher-value{
text-align: center;
}
.remarks__container{
gap: 2.5rem;
grid-template-columns: 1fr;
div input[type="checkbox"]:checked ~ textarea{
height: 8rem;
}
.delivery_info{
justify-content: space-between;
align-items: center;
}
.delivery_date, .delivery_info, .pickup_point_sub{
display: flex;
align-items: center;
flex-direction: row;
column-gap: 1rem;
}
.delivery_date, .pickup_point_sub{
flex-wrap: wrap;
}
.pickup_point_sub div{
gap: 0.5rem;
}
}
#bm-oscop-section3{
img{
max-width: 100%!important;
#bm-oscop-deliveries .osc_item{
.delivery_date, .fselectedPoint{
border-top: 1px solid #EFEFEF;
}
.oscop_product_wrap_r{
flex-direction: column;
align-items: flex-start;
gap: 0.8rem;
.oscop_price{
text-align: left;
padding-top: 0.8rem;
}
}
.remarks__container{
gap: 2.5rem;
grid-template-columns: 1fr;
div input[type="checkbox"]:checked ~ textarea{
height: 8rem;
}
.rebate .rebate__code-container{
gap: 1.2rem;
grid-template-columns: 1fr!important;
> div{
margin-right: 0!important;
grid-column: 1 / span1;
}
.help-block.validate_message.text-danger{
grid-column: 1 / span1!important;
grid-row: 2 / span1;
margin-bottom: 1rem;
margin-top: 0!important;
}
.rebate__code-realize{
grid-column: 1 / span1;
}
}
}
#bm-oscop-section3{
img{
max-width: 100%!important;
}
.oscop_product_wrap_r{
flex-direction: column;
align-items: flex-start;
gap: 0.8rem;
.oscop_price{
text-align: left;
padding-top: 0.8rem;
}
}
.rebate .rebate__code-container{
gap: 1.2rem;
grid-template-columns: 1fr!important;
> div{
margin-right: 0!important;
grid-column: 1 / span1;
}
.help-block.validate_message.text-danger{
grid-column: 1 / span1!important;
grid-row: 2 / span1;
margin-bottom: 1rem;
margin-top: 0!important;
}
.rebate__code-realize{
width: 100%;
}
.order2_button_order{
font-size: 1.6rem!important;
grid-column: 1 / span1;
}
}
}
@media(max-width: 450px){
.delivery_info{
flex-direction: column!important;
align-items: flex-start!important;
.rebate__code-realize{
width: 100%;
}
.order2_button_order{
font-size: 1.6rem!important;
}
}
@media(max-width: 450px){
.osc_item-modal .payments-container{
grid-template-columns: 1fr;
}
}
//////////////////////////////////////////////////////////////////////
// LEAFLET MAP
// Znika powtórzenie
@media(max-width: 450px){
.delivery_info{
flex-direction: column!important;
align-items: flex-start!important;
}
}
@media(max-width: 450px){
.osc_item-modal .payments-container{
grid-template-columns: 1fr;
}
}
//////////////////////////////////////////////////////////////////////
// LEAFLET MAP
// Znika powtórzenie
.leaflet-marker-shadow, .leaflet-shadow-pane, .asideContainer_pickup > input:not(:checked) + label .fbs02_btn{
display: none;
}
@@ -1651,4 +1777,8 @@ div.asideContainer_pickup {
#attatched-checkall-terms{
margin-right: 0.5rem;
}
}
.modal__content #signin-form{
display: block!important;
}

5067
wydzielonyScript.js
View File

File diff suppressed because one or more lines are too long