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

Save

Browse Source
This commit is contained in:
Roman Pyrih
2025-11-12 10:26:26 +01:00
parent d4df30d692
commit bf356e9a4a
4 changed files with 362 additions and 326 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

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

@@ -1,433 +1,441 @@
.an_banner { .an_banner {
position: relative; position: relative;
.an_banner-link { .an_banner-link {
position: absolute; position: absolute;
inset: 0; inset: 0;
} }
} }
#tc-container, #tc-container,
#tc-container-mobile { #tc-container-mobile {
.text { .text {
position: static !important; position: static !important;
} }
.form-group { .form-group {
margin-bottom: 0; margin-bottom: 0;
padding-right: 5px; padding-right: 5px;
} }
.custom-checkbox { .custom-checkbox {
span.label { span.label {
font-size: 14px; font-size: 14px;
display: block; display: block;
} }
} }
.field-label { .field-label {
font-size: 14px; font-size: 14px;
} }
.checkout-block { .checkout-block {
padding: 0 15px; padding: 0 15px;
} }
#thecheckout-html-box-1 { #thecheckout-html-box-1 {
display: none !important; display: none !important;
} }
#select-widget { #select-widget {
width: 100% !important; width: 100% !important;
} }
.delivery-options .row.delivery-option { .delivery-options .row.delivery-option {
flex-wrap: wrap !important; flex-wrap: wrap !important;
} }
.delivery-option-detail, .delivery-option-detail,
.payment-option { .payment-option {
* { * {
font-size: 14px !important; font-size: 14px !important;
} }
} }
} }
.top-bar { .top-bar {
background: #ff0f1c; background: #ff0f1c;
color: #FFF !important; color: #fff !important;
display: flex; display: flex;
gap: 10px; gap: 10px;
justify-content: center; justify-content: center;
width: 100%; width: 100%;
.text-container { .text-container {
width: 100%; width: 100%;
display: flex; display: flex;
gap: 10px; gap: 10px;
justify-content: center; justify-content: center;
} }
div.text { div.text {
text-align: center; text-align: center;
width: fit-content; width: fit-content;
font-size: 14px; font-size: 14px;
} }
} }
#checkout .card { #checkout .card {
background: #FFF !important; background: #fff !important;
} }
#tc-container { #tc-container {
margin-top: 25px; margin-top: 25px;
.checkout-area-2 { .checkout-area-2 {
margin-bottom: 10px; margin-bottom: 10px;
} }
.blocks { .blocks {
border: 1px solid #eee; border: 1px solid #eee;
padding: 15px; padding: 15px;
} }
.checkout-area-4 { .checkout-area-4 {
gap: 10px; gap: 10px;
margin-bottom: 10px; margin-bottom: 10px;
} }
.checkout-area-9 { .checkout-area-9 {
margin-bottom: 10px; margin-bottom: 10px;
gap: 10px; gap: 10px;
} }
.checkout-block { .checkout-block {
#main { #main {
.block-header { .block-header {
padding: 0 !important; padding: 0 !important;
} }
.cart-grid { .cart-grid {
margin: 0 !important; margin: 0 !important;
.card { .card {
padding: 0 !important; padding: 0 !important;
} }
.cart-detailed-totals { .cart-detailed-totals {
background: #FFF !important; background: #fff !important;
} }
.promo-highlighted { .promo-highlighted {
margin-top: 15px; margin-top: 15px;
padding-top: 15px; padding-top: 15px;
border-top: 1px solid #d3d3d3; border-top: 1px solid #d3d3d3;
} }
} }
} }
} }
@media (max-width: 825px) { @media (max-width: 825px) {
.blocks { .blocks {
display: none !important; display: none !important;
} }
} }
} }
#tc-container-mobile, #tc-container-mobile,
#tc-container { #tc-container {
.custom-checkbox {
margin-bottom: 10px !important;
}
.custom-checkbox { .block-header.account-header,
margin-bottom: 10px !important; .block-header.address-name-header,
} .block-header.shipping-method-header,
.block-header.payment-method-header {
padding: 0 !important;
margin-bottom: 10px;
.block-header.account-header, &::before {
.block-header.address-name-header, background: #ff0f1c !important;
.block-header.shipping-method-header, color: #fff !important;
.block-header.payment-method-header { border: 0 !important;
padding: 0 !important; }
margin-bottom: 10px; }
&::before { input[type='text'],
background: #ff0f1c !important; input[type='email'],
color: #FFF !important; input[type='password'],
border: 0 !important; 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;
input[type="text"], &::placeholder {
input[type="email"], color: #999 !important;
input[type="password"], visibility: visible !important;
input[type="tel"], opacity: 1 !important;
textarea, }
select {
border: 1px solid #d3d3d3;
border-radius: 4px;
padding: 10px;
height: 40px;
line-height: 20px;
font-size: 14px;
width: 100%;
color: #000;
&::placeholder { &:focus {
color: #999 !important; border-color: #7c7c7c !important;
visibility: visible !important; }
opacity: 1 !important; }
}
&:focus { .cart-line-product-quantity {
border-color: #7c7c7c !important; width: 60px !important;
} }
}
.cart-line-product-quantity { .suggestion:hover,
width: 60px !important; .selected {
} background: #fff !important;
}
.suggestion:hover, .remaining-amount-to-free-shipping-container {
.selected { margin-bottom: 10px;
background: #FFF !important; }
}
.remaining-amount-to-free-shipping-container { a.cart-line-product-quantity-up,
margin-bottom: 10px; a.cart-line-product-quantity-down {
} height: 40px !important;
width: 35px !important;
border: 1px solid #d3d3d3 !important;
margin-left: 3px;
margin-right: 3px;
background-size: 30% !important;
}
a.cart-line-product-quantity-up, .delivery-options-list.shipping-selected {
a.cart-line-product-quantity-down { #select-widget {
height: 40px !important; border: 0 !important;
width: 35px !important; }
border: 1px solid #d3d3d3 !important; }
margin-left: 3px;
margin-right: 3px;
background-size: 30% !important;
}
.delivery-options-list.shipping-selected { .block-promo .promo-input-button .promo-input + button {
#select-widget { flex-basis: auto;
border: 0 !important; }
}
}
.block-promo .promo-input-button .promo-input+button { #thecheckout-newsletter {
flex-basis: auto; display: none !important;
} }
#thecheckout-newsletter { .custom-checkbox input[type='checkbox']:checked + span .checkbox-checked {
display: none !important; color: #ff0f1c;
} font-size: 20px;
}
.custom-checkbox input[type=checkbox]:checked+span .checkbox-checked {
color: #ff0f1c;
font-size: 20px;
}
} }
body.compact-cart #tc-container .qty-container .qty-box { body.compact-cart #tc-container .qty-container .qty-box {
transform: none !important; transform: none !important;
margin-bottom: 5px; margin-bottom: 5px;
} }
#tc-container-mobile { #tc-container-mobile {
.checkout-block { .checkout-block {
padding: 0 !important; padding: 0 !important;
} }
.card.cart-container { .card.cart-container {
padding: 0 !important; padding: 0 !important;
} }
.product-line-actions { .product-line-actions {
padding-top: 0 !important; padding-top: 0 !important;
} }
.product-line-price { .product-line-price {
display: none !important; display: none !important;
} }
.cart-detailed-totals { .cart-detailed-totals {
background: #FFF !important; background: #fff !important;
} }
.card.cart-summary { .card.cart-summary {
padding: 0 !important; padding: 0 !important;
background: #FFF !important; background: #fff !important;
} }
.delivery-options-list.shipping-selected { .delivery-options-list.shipping-selected {
#select-widget { #select-widget {
padding-left: 10px; padding-left: 10px;
background-image: none !important; background-image: none !important;
} }
} }
#promo-code { #promo-code {
.promo-input-button { .promo-input-button {
display: grid !important; display: grid !important;
grid-template-columns: 1fr !important; grid-template-columns: 1fr !important;
height: fit-content !important; height: fit-content !important;
} }
} }
.promo-code { .promo-code {
form { form {
width: 100% !important; width: 100% !important;
} }
} }
} }
body.compact-cart #tc-container .product-line-actions { body.compact-cart #tc-container .product-line-actions {
flex-basis: auto; flex-basis: auto;
} }
.product-line-delete { .product-line-delete {
.remove-from-cart { .remove-from-cart {
display: flex !important; display: flex !important;
height: 40px; height: 40px;
width: 35px; width: 35px;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
border: 1px solid #d3d3d3; border: 1px solid #d3d3d3;
} }
} }
@media (max-width: 767px) { @media (max-width: 767px) {
.product-line-qty,
.product-line-price,
.product-line-delete {
padding: 0 !important;
}
.product-line-qty, .product-line-body {
.product-line-price, padding-left: 5px !important;
.product-line-delete { }
padding: 0 !important
}
.product-line-body {
padding-left: 5px !important;
}
} }
.amenu-item .amenu-link { .amenu-item .amenu-link {
padding: 20px; padding: 20px;
} }
@media (min-width: 767px) { @media (min-width: 767px) {
.btn-search-open { .btn-search-open {
display: none !important; display: none !important;
} }
.header-top { .header-top {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: center; justify-content: center;
padding: 0 15px; padding: 0 15px;
max-width: 1920px; max-width: 1920px;
margin: auto; margin: auto;
.navigation { .navigation {
width: 100%; width: 100%;
.container { .container {
width: 100%; width: 100%;
max-width: 100%; max-width: 100%;
.anav-top { .anav-top {
width: 100%; width: 100%;
} }
} }
} }
#_desktop_logo { #_desktop_logo {
width: 300px; width: 300px;
padding: 10px; padding: 10px;
a { a {
display: block; display: block;
.logo { .logo {
max-height: unset !important; max-height: unset !important;
width: 100% !important; width: 100% !important;
height: auto; height: auto;
max-width: 300px !important; max-width: 300px !important;
} }
} }
} }
#_desktop_search_widget { #_desktop_search_widget {
width: calc(100% - 300px); width: calc(100% - 300px);
display: flex; display: flex;
align-items: center; align-items: center;
#search_widget { #search_widget {
position: static; position: static;
width: 100%; width: 100%;
form { form {
position: static; position: static;
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
width: 100%; width: 100%;
input[name="s"] { input[name='s'] {
width: 100%; width: 100%;
max-width: 600px; max-width: 600px;
} }
button { button {
position: static; position: static;
background: #ff0f1c; background: #ff0f1c;
display: flex; display: flex;
width: 48px; width: 48px;
width: 48px; width: 48px;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
i { i {
color: #FFF !important; color: #fff !important;
} }
} }
} }
} }
} }
} }
} }
.an_homeproducts-products { .an_homeproducts-products {
.products.owl-carousel { .products.owl-carousel {
.owl-dots { .owl-dots {
display: none !important; display: none !important;
} }
.owl-nav { .owl-nav {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
margin-top: 0; margin-top: 0;
top: -35px; top: -35px;
position: absolute; position: absolute;
width: 100%; width: 100%;
>div { > div {
background: none; background: none;
border-radius: 0; border-radius: 0;
border: 1px solid #c8c8c8; border: 1px solid #c8c8c8;
height: 35px; height: 35px;
width: 35px; width: 35px;
} }
} }
} }
} }
.js-an_homeproducts-block { .js-an_homeproducts-block {
margin-bottom: 25px !important; margin-bottom: 25px !important;
} }
body#product { body#product {
.featured-products { .featured-products {
>h2 { > h2 {
display: none !important; display: none !important;
} }
} }
} }
.form-control.alert { .form-control.alert {
border: 1px solid #cc0000 !important; border: 1px solid #cc0000 !important;
} }
.box_clothes_size {
text-align: center;
font-weight: 600;
line-height: 1.25;
display: block;
color: #000;
font-size: 16px;
text-decoration: underline;
}

28
themes/charme/templates/catalog/product.tpl
View File

@@ -61,6 +61,11 @@
<div class="col-md-6 productblock-content"> <div class="col-md-6 productblock-content">
{block name='page_header_container'} {block name='page_header_container'}
{block name='page_header'} {block name='page_header'}
{if isset($product.quantity) && $product.quantity > 0}
<div class="product-badge product-badge--available" aria-label="{l s='Product available' d='Shop.Theme.Catalog'}">
{l s='PRODUKT DOSTĘPNY - produkt na stanie' d='Shop.Theme.Catalog'}
</div>
{/if}
<h1 class="h1" itemprop="name">{block name='page_title'}{$product.name}{/block}</h1> <h1 class="h1" itemprop="name">{block name='page_title'}{$product.name}{/block}</h1>
{/block} {/block}
{/block} {/block}
@@ -119,6 +124,29 @@
{/block} {/block}
</form> </form>
{/block} {/block}
{block name='product_clothes_size'}
{assign var=catIds value=Product::getProductCategories($product.id)}
{assign var=checkCats value=[918,1155]}
{foreach from=$checkCats item=c}
{if $c|in_array:$catIds}
{assign var=inSpecialCat value=true}
{/if}
{/foreach}
{if isset($inSpecialCat) && $inSpecialCat}
<div class="box_clothes_size">
<a href="/content/8-sprawdz-rozmiar">Sprawdź rozmiar</a>
</div>
{/if}
<pre style="display: none;">
{$catIds|@print_r}
</pre>
{/block}
{hook h='displayProductGuarantee' product=$product} {hook h='displayProductGuarantee' product=$product}
{hook h='displayProductSocials' product=$product} {hook h='displayProductSocials' product=$product}