Project-Pro/wyczarujprezent.pl
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update styles and templates for improved checkout experience

Browse Source 
- Adjusted CSS styles in custom.css and custom.scss for better layout and responsiveness, including changes to button sizes and margins.
- Updated the checkout button link in ps_shoppingcart.tpl to directly point to the order page.
- Changed text labels in cart-voucher.tpl for better localization.
- Modified continue shopping button text in cart.tpl to Polish.
- Enhanced index.tpl structure for better hook management and layout consistency.
- Added temporary image files in the checkout module for future use.
This commit is contained in:
Jacek Pyziak
2025-08-10 18:46:18 +02:00
parent 8a4ef2e9ca
commit 7139027ab7
14 changed files with 730 additions and 122 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
.vscode/ftp-kr.json vendored
View File

@@ -1,17 +1,18 @@
{
"host": "ftp.server493388.nazwa.pl",
"username": "server493388_projectpro",
"password": "EJ?yowsF2~5[Nx93",
"remotePath": "/public_html/wyczarujprezent.pl/",
"protocol": "ftp",
"port": 0,
"fileNameEncoding": "utf8",
"autoUpload": true,
"autoDelete": false,
"autoDownload": false,
"ignoreRemoteModification": true,
"ignore": [
".git",
"/.vscode"
]
"host": "ftp.server493388.nazwa.pl",
"username": "server493388_projectpro",
"password": "EJ?yowsF2~5[Nx93",
"remotePath": "/public_html/wyczarujprezent.pl/",
"protocol": "ftp",
"port": 0,
"fileNameEncoding": "utf8",
"autoUpload": true,
"autoDelete": false,
"autoDownload": false,
"ignoreRemoteModification": true,
"ignore": [
".git",
"/.vscode"
],
"ignoreWrongFileEncoding": true
}

26
.vscode/ftp-kr.sync.cache.json vendored
View File

@@ -4255,8 +4255,8 @@
},
"cart-detailed-totals.tpl": {
"type": "-",
"size": 8342,
"lmtime": 1754338439070,
"size": 8673,
"lmtime": 1754466781044,
"modified": false
},
"cart-detailed.tpl": {
@@ -4268,13 +4268,13 @@
"cart-voucher.tpl": {
"type": "-",
"size": 3967,
"lmtime": 1754429181409,
"lmtime": 1754468294326,
"modified": false
},
"checkout-form-fields.tpl": {
"type": "-",
"size": 13042,
"lmtime": 1754420872980,
"lmtime": 1754466270735,
"modified": false
},
"customer-addresses-dropdown.tpl": {
@@ -4347,8 +4347,8 @@
},
"address-invoice.tpl": {
"type": "-",
"size": 4321,
"lmtime": 1754338439804,
"size": 4294,
"lmtime": 1754465199089,
"modified": false
},
"cart-summary.tpl": {
@@ -6567,20 +6567,20 @@
},
"custom.css": {
"type": "-",
"size": 7286,
"lmtime": 1754429437714,
"size": 7834,
"lmtime": 1754468495858,
"modified": false
},
"custom.css.map": {
"type": "-",
"size": 6269,
"lmtime": 1754429437714,
"size": 6866,
"lmtime": 1754468495858,
"modified": false
},
"custom.scss": {
"type": "-",
"size": 4413,
"lmtime": 1754429437405,
"size": 4854,
"lmtime": 1754468495577,
"modified": false
},
"default-skin.png": {
@@ -11592,7 +11592,7 @@
"head.tpl": {
"type": "-",
"size": 3136,
"lmtime": 1754429440226,
"lmtime": 1754468534342,
"modified": false
},
"head_.tpl": {

2
modules/thecheckout/controllers/front/front.php
View File

@@ -2175,7 +2175,7 @@ class TheCheckoutModuleFrontController extends ModuleFrontController
// // Payment data, used by Stripe payment for live refresh (and possibly other modules in future)
// $currency = $this->context->currency->iso_code;
// $currency = $this->context->currency->iso_code;
// $orderTotal = $this->context->cart->getOrderTotal();
// $stripeAmount = Tools::ps_round($orderTotal, 2);
// $stripeAmount = $this->isZeroDecimalCurrency($currency) ? $stripeAmount : $stripeAmount * 100;

717
modules/thecheckout/views/css/front.less.css
View File

File diff suppressed because one or more lines are too long

0
modules/thecheckout/views/img/ps1D69.tmp Normal file
View File

0
modules/thecheckout/views/img/ps6756.tmp Normal file
View File

2
themes/charme/assets/css/custom.css
View File

File diff suppressed because one or more lines are too long

2
themes/charme/assets/css/custom.css.map
View File

File diff suppressed because one or more lines are too long

32
themes/charme/assets/css/custom.scss
View File

@@ -182,7 +182,7 @@
}
.cart-line-product-quantity {
width: 80px !important;
width: 60px !important;
}
.suggestion:hover,
@@ -197,7 +197,7 @@
a.cart-line-product-quantity-up,
a.cart-line-product-quantity-down {
height: 40px !important;
width: 40px !important;
width: 35px !important;
border: 1px solid #d3d3d3 !important;
margin-left: 3px;
margin-right: 3px;
@@ -275,4 +275,32 @@ body.compact-cart #tc-container .qty-container .qty-box {
width: 100% !important;
}
}
}
body.compact-cart #tc-container .product-line-actions {
flex-basis: auto;
}
.product-line-delete {
.remove-from-cart {
display: flex !important;
height: 40px;
width: 35px;
justify-content: center;
align-items: center;
border: 1px solid #d3d3d3;
}
}
@media (max-width: 767px) {
.product-line-qty,
.product-line-price,
.product-line-delete {
padding: 0 !important
}
.product-line-body {
padding-left: 5px !important;
}
}

2
themes/charme/modules/ps_shoppingcart/ps_shoppingcart.tpl
View File

@@ -142,7 +142,7 @@
</div>
<div class="cart-action">
<div class="text-center">
<a href="{if Module::isEnabled('an_theme') and Module::getInstanceByName('an_theme')->getParam('shoppingCart_cartAction') == 'checkout'}{$urls.pages.order}{else}{$cart_url}{/if}" class="btn btn-primary">{l s='Proceed to checkout' d='Shop.Theme.Actions'}</a>
<a href="{$urls.pages.order}" class="btn btn-primary">{l s='Proceed to checkout' d='Shop.Theme.Actions'}</a>
</div>
</div>
</div>

2
themes/charme/templates/_partials/head.tpl
View File

@@ -54,7 +54,7 @@
{include file="_partials/stylesheets.tpl" stylesheets=$stylesheets}
{/block}
<link rel="stylesheet" href="/themes/charme/assets/css/custom.css?ver=1.0109">
<link rel="stylesheet" href="/themes/charme/assets/css/custom.css?ver=1.0121">
{block name='javascript_head'}
{include file="_partials/javascript.tpl" javascript=$javascript.head vars=$js_custom_vars}

4
themes/charme/templates/checkout/_partials/cart-voucher.tpl
View File

@@ -39,7 +39,7 @@
</div>
{if isset($voucher.code) && $voucher.code !== ''}
<div class="voucher-delete">
<a href="{$voucher.delete_url}" data-link-action="remove-voucher">{l s='Delete' d='Shop.Theme.Checkout'}</a>
<a href="{$voucher.delete_url}" data-link-action="remove-voucher">Usuń</a>
</div>
{/if}
</li>
@@ -60,7 +60,7 @@
<input type="hidden" name="token" value="{$static_token}">
<input type="hidden" name="addDiscount" value="1">
<input class="promo-input" type="text" name="discount_name" placeholder="{l s='Promo code' d='Shop.Theme.Checkout'}">
<button type="submit" class="btn btn-primary"><span>{l s='Add' d='Shop.Theme.Actions'}</span></button>
<button type="submit" class="btn btn-primary"><span>Dodaj</span></button>
</form>
{/block}

4
themes/charme/templates/checkout/cart.tpl
View File

@@ -44,9 +44,7 @@
</div>
{block name='continue_shopping'}
<a class="label btn btn-primary" href="{$urls.pages.index}">
{l s='Continue shopping' d='Shop.Theme.Actions'}
</a>
<a class="label btn btn-primary" href="{$urls.pages.index}">Kontynuuj zakupy</a>
{/block}
<!-- shipping informations -->

28
themes/charme/templates/index.tpl
View File

@@ -24,17 +24,18 @@
*}
{extends file='page.tpl'}
{block name='page_content_container'}
<section id="content" class="page-home">
{hook h='displaySliderContainerWidth'}
{hook h='displayHomeBefore'}
{block name='page_content_top'}{/block}
{block name='page_content_container'}
<section id="content" class="page-home">
{hook h='displaySliderContainerWidth'}
{hook h='displayHomeBefore'}
{block name='page_content_top'}{/block}
{block name='page_content'}
{block name='hook_home'}
{$HOOK_HOME nofilter}
{/block}
{/block}
{hook h='displayHomeAfter'}
{block name='page_content'}
{block name='hook_home'}
{$HOOK_HOME nofilter}
{/block}
{/block}
<div class="columns-anthemeblocks-1">
<div class="row">
<div class="col-lg-3 col-md-3">
@@ -44,8 +45,7 @@
{hook h='displayEmailSubs'}
</div>
</div>
</div>
{hook h='displayHomeAfter'}
</div>
<div class="columns-anthemeblocks-2">
<div class="row">
<div class="col-md-6">
@@ -56,5 +56,5 @@
</div>
</div>
</div>
</section>
{/block}
</section>
{/block}