Update Polish translations and enhance checkout styles
- Changed the button text for adding a voucher code to Polish ("Dodaj kod rabatowy").
- Updated placeholder text in checkout form fields to use field labels.
- Modified shipping template to display shipping time in Polish.
- Refined CSS styles for better layout and responsiveness in checkout areas.
- Updated custom CSS version in the head template and added a script to move the free shipping message to the top of the container.
This commit is contained in:
1740
.vscode/ftp-kr.sync.cache.json
vendored
1740
.vscode/ftp-kr.sync.cache.json
vendored
File diff suppressed because it is too large
Load Diff
@@ -54,7 +54,7 @@
|
||||
<input type="hidden" name="addDiscount" value="1">
|
||||
<div class="promo-input-button d-f">
|
||||
<input class="promo-input" type="text" name="discount_name" placeholder="{l s='Promo code' d='Shop.Theme.Checkout'}">
|
||||
<button data-link-action="x-add-voucher" type="submit" class="btn btn-primary"><span>{l s='Add' d='Shop.Theme.Actions'}</span></button>
|
||||
<button data-link-action="x-add-voucher" type="submit" class="btn btn-primary"><span>Dodaj kod rabatowy</span></button>
|
||||
</div>
|
||||
</form>
|
||||
{/block}
|
||||
|
||||
@@ -240,7 +240,7 @@
|
||||
name="{$field.name|escape:'javascript':'UTF-8'}"
|
||||
type="{$field.type|escape:'javascript':'UTF-8'}"
|
||||
value="{$field.value|escape:'htmlall':'UTF-8'}"
|
||||
placeholder="{$placeholder|escape:'javascript':'UTF-8'}"
|
||||
placeholder=" {$field.label|escape:'htmlall':'UTF-8'}"
|
||||
{if $field.autoCompleteAttribute}autocomplete="{$field.autoCompleteAttribute|escape:'javascript':'UTF-8'}"{/if}
|
||||
{if $field.maxLength}maxlength="{$field.maxLength|escape:'javascript':'UTF-8'}"{/if}
|
||||
{if $field.required}required{/if}
|
||||
@@ -257,11 +257,11 @@
|
||||
<span class="effects-helper"></span>
|
||||
|
||||
|
||||
{if $field.type !== 'checkbox' && $field.type !== 'radio-buttons' && $field.type !== 'birthday'}
|
||||
{* {if $field.type !== 'checkbox' && $field.type !== 'radio-buttons' && $field.type !== 'birthday'}
|
||||
<span class="field-label"{if !$field.required} data-optional-label="{l s='(optional)' mod='thecheckout'}"{/if}>
|
||||
{$field.label|escape:'htmlall':'UTF-8'}
|
||||
</span>
|
||||
{/if}
|
||||
{/if} *}
|
||||
|
||||
|
||||
</label>
|
||||
|
||||
@@ -71,15 +71,15 @@
|
||||
<div class="delivery-option-name">
|
||||
<span class="h6 carrier-name">{$carrier.name|escape:'htmlall':'UTF-8'}</span>
|
||||
</div>
|
||||
<div class="delivery-option-delay">
|
||||
<span class="carrier-delay">{$carrier.delay|escape:'htmlall':'UTF-8'}</span>
|
||||
</div>
|
||||
{* Yes, this is repeated from below, so that we can control price display easily with CSS *}
|
||||
<div style="display: none;" class="delivery-option-price{if $carrier.price_with_tax == 0} free{/if}">
|
||||
<span class="carrier-price">{$carrier.price|escape:'htmlall':'UTF-8'}</span>
|
||||
<span class="carrier-price-with-tax-formatted">{$carrier.price_with_tax_formatted|escape:'htmlall':'UTF-8'}</span>
|
||||
<span class="carrier-price-without-tax-formatted">{$carrier.price_without_tax_formatted|escape:'htmlall':'UTF-8'}</span>
|
||||
</div>
|
||||
<div class="delivery-option-delay">
|
||||
<span class="carrier-delay">Czas wysyłki: {$carrier.delay|escape:'htmlall':'UTF-8'}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="delivery-option-price{if $carrier.price_with_tax == 0} free{/if}">
|
||||
<span class="carrier-price">{$carrier.price|escape:'htmlall':'UTF-8'}</span>
|
||||
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -37,15 +37,6 @@
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.form-control,
|
||||
select.form-control-select.form-control {
|
||||
height: 35px;
|
||||
line-height: 35px;
|
||||
padding: 2px 5px;
|
||||
background: #FFF;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
#select-widget {
|
||||
width: 100% !important;
|
||||
}
|
||||
@@ -83,3 +74,182 @@
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
#checkout .card {
|
||||
background: #FFF !important;
|
||||
}
|
||||
|
||||
#tc-container {
|
||||
margin-top: 25px;
|
||||
|
||||
.checkout-area-2 {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.blocks {
|
||||
border: 1px solid #eee;
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.checkout-area-4 {
|
||||
gap: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.checkout-area-9 {
|
||||
margin-bottom: 10px;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.checkout-block {
|
||||
#main {
|
||||
.block-header {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.cart-grid {
|
||||
margin: 0 !important;
|
||||
|
||||
.card {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.cart-detailed-totals {
|
||||
background: #FFF !important;
|
||||
}
|
||||
|
||||
.promo-highlighted {
|
||||
margin-top: 15px;
|
||||
padding-top: 15px;
|
||||
border-top: 1px solid #d3d3d3;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 825px) {
|
||||
.blocks {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#tc-container-mobile,
|
||||
#tc-container {
|
||||
|
||||
.custom-checkbox {
|
||||
margin-bottom: 10px !important;
|
||||
}
|
||||
|
||||
.block-header.account-header,
|
||||
.block-header.address-name-header,
|
||||
.block-header.shipping-method-header,
|
||||
.block-header.payment-method-header {
|
||||
padding: 0 !important;
|
||||
margin-bottom: 10px;
|
||||
|
||||
&::before {
|
||||
background: #ff0f1c !important;
|
||||
color: #FFF !important;
|
||||
border: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
input[type="text"],
|
||||
input[type="email"],
|
||||
input[type="password"],
|
||||
input[type="tel"],
|
||||
textarea,
|
||||
select {
|
||||
border: 1px solid #d3d3d3;
|
||||
border-radius: 4px;
|
||||
padding: 10px;
|
||||
height: 40px;
|
||||
line-height: 20px;
|
||||
font-size: 14px;
|
||||
width: 100%;
|
||||
color: #000;
|
||||
|
||||
&::placeholder {
|
||||
color: #999 !important;
|
||||
visibility: visible !important;
|
||||
opacity: 1 !important;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
border-color: #7c7c7c !important;
|
||||
}
|
||||
}
|
||||
|
||||
.cart-line-product-quantity {
|
||||
width: 80px !important;
|
||||
}
|
||||
|
||||
.suggestion:hover,
|
||||
.selected {
|
||||
background: #FFF !important;
|
||||
}
|
||||
|
||||
.remaining-amount-to-free-shipping-container {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
a.cart-line-product-quantity-up,
|
||||
a.cart-line-product-quantity-down {
|
||||
height: 40px !important;
|
||||
width: 40px !important;
|
||||
border: 1px solid #d3d3d3 !important;
|
||||
margin-left: 3px;
|
||||
margin-right: 3px;
|
||||
background-size: 30% !important;
|
||||
}
|
||||
|
||||
.delivery-options-list.shipping-selected {
|
||||
#select-widget {
|
||||
border: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.block-promo .promo-input-button .promo-input+button {
|
||||
flex-basis: auto;
|
||||
}
|
||||
}
|
||||
|
||||
body.compact-cart #tc-container .qty-container .qty-box {
|
||||
transform: none !important;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
#tc-container-mobile {
|
||||
.checkout-block {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.card.cart-container {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.product-line-actions {
|
||||
padding-top: 0 !important;
|
||||
}
|
||||
|
||||
.product-line-price {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.cart-detailed-totals {
|
||||
background: #FFF !important;
|
||||
}
|
||||
|
||||
.card.cart-summary {
|
||||
padding: 0 !important;
|
||||
background: #FFF !important;
|
||||
}
|
||||
|
||||
.delivery-options-list.shipping-selected {
|
||||
#select-widget {
|
||||
padding-left: 10px;
|
||||
background-image: none !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -54,7 +54,7 @@
|
||||
{include file="_partials/stylesheets.tpl" stylesheets=$stylesheets}
|
||||
{/block}
|
||||
|
||||
<link rel="stylesheet" href="/themes/charme/assets/css/custom.css?ver=1.0030">
|
||||
<link rel="stylesheet" href="/themes/charme/assets/css/custom.css?ver=1.0102">
|
||||
|
||||
{block name='javascript_head'}
|
||||
{include file="_partials/javascript.tpl" javascript=$javascript.head vars=$js_custom_vars}
|
||||
@@ -65,3 +65,22 @@
|
||||
{/block}
|
||||
|
||||
{block name='hook_extra'}{/block}
|
||||
{literal}
|
||||
<script type="text/javascript">
|
||||
console.log('test');
|
||||
(function waitForElement() {
|
||||
const targetSelector = '.remaining-amount-to-free-shipping-container';
|
||||
const destinationSelector = '#tc-container';
|
||||
|
||||
const targetElement = document.querySelector(targetSelector);
|
||||
const destinationElement = document.querySelector(destinationSelector);
|
||||
|
||||
if (targetElement && destinationElement) {
|
||||
destinationElement.insertBefore(targetElement, destinationElement.firstChild);
|
||||
} else {
|
||||
// Czekaj i sprawdź ponownie za 200 ms
|
||||
setTimeout(waitForElement, 200);
|
||||
}
|
||||
})();
|
||||
</script>
|
||||
{/literal}
|
||||
Reference in New Issue
Block a user