Project-Pro/masimmo.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
2024-11-21 15:57:25 +01:00
parent d6060a1695
commit 92c7691d79
13 changed files with 7663 additions and 7040 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
modules/creativeelements/includes/widgets/nav-menu.php
View File

@@ -573,7 +573,7 @@ class WidgetNavMenu extends WidgetCategoryBase
'e--animation-' . $settings[$animation_type], 'e--animation-' . $settings[$animation_type],
]); ]);
} ?> } ?>
<nav <?php $this->printRenderAttributeString('main-menu'); ?>><?php echo $menu_html; ?></nav> <nav t='111' <?php $this->printRenderAttributeString('main-menu'); ?>><?php echo $menu_html; ?></nav>
<?php <?php
} }
// Don't render mobile menu when widget isn't visible on mobile // Don't render mobile menu when widget isn't visible on mobile
@@ -594,7 +594,9 @@ class WidgetNavMenu extends WidgetCategoryBase
{ {
?> ?>
<ul <?php echo $depth ? 'class="sub-menu elementor-nav--dropdown"' : 'id="menu-1-' . $this->getId() . '" class="' . $ul_class . '"'; ?>> <ul <?php echo $depth ? 'class="sub-menu elementor-nav--dropdown"' : 'id="menu-1-' . $this->getId() . '" class="' . $ul_class . '"'; ?>>
<?php foreach ($nodes as &$node) { ?> <?php
$count = count($nodes);
foreach ($nodes as $index => &$node) { ?>
<li class="<?php echo sprintf(self::$li_class, $node['type'], $node['page_identifier'], $node['current'] ? ' current-menu-item' : '', $node['children'] ? ' menu-item-has-children' : ''); ?>"> <li class="<?php echo sprintf(self::$li_class, $node['type'], $node['page_identifier'], $node['current'] ? ' current-menu-item' : '', $node['children'] ? ' menu-item-has-children' : ''); ?>">
<a class="<?php echo($depth ? 'elementor-sub-item' : 'elementor-item') . (strrpos($node['url'], '#') !== false ? ' elementor-item-anchor' : '') . ($node['current'] ? ' elementor-item-active' : ''); ?>" href="<?php echo esc_attr($node['url']); ?>"<?php echo $node['open_in_new_window'] ? ' target="_blank"' : ''; ?>> <a class="<?php echo($depth ? 'elementor-sub-item' : 'elementor-item') . (strrpos($node['url'], '#') !== false ? ' elementor-item-anchor' : '') . ($node['current'] ? ' elementor-item-active' : ''); ?>" href="<?php echo esc_attr($node['url']); ?>"<?php echo $node['open_in_new_window'] ? ' target="_blank"' : ''; ?>>
<?php echo $node['label']; ?> <?php echo $node['label']; ?>
@@ -604,15 +606,19 @@ class WidgetNavMenu extends WidgetCategoryBase
</a> </a>
<?php empty($node['children']) or $this->psMainMenu($node['children'], $node['depth']); ?> <?php empty($node['children']) or $this->psMainMenu($node['children'], $node['depth']); ?>
</li> </li>
<?php } ?> <?php
if ($depth === 0 && $index < $count - 1) {
echo '<li class="menu-item-separator"></li>';
}
} ?>
</ul> </ul>
<?php <?php
} }
protected function psCategoryTree(array &$nodes, $depth = 0, $ul_class = '') protected function psCategoryTree(array &$nodes, $depth = 0, $ul_class = '')
{ {
?> ?>
<ul <?php echo $depth ? 'class="sub-menu elementor-nav--dropdown"' : 'id="menu-1-' . $this->getId() . '" class="' . $ul_class . '"'; ?>> <ul a='1' <?php echo $depth ? 'class="sub-menu elementor-nav--dropdown"' : 'id="menu-1-' . $this->getId() . '" class="' . $ul_class . '"'; ?>>
<?php foreach ($nodes as &$node) { <?php foreach ($nodes as &$node) {
$current = ($this->context->controller instanceof \ProductController || $this->context->controller instanceof \CategoryController) && $current = ($this->context->controller instanceof \ProductController || $this->context->controller instanceof \CategoryController) &&
$node['id'] == $this->context->cookie->last_visited_category; ?> $node['id'] == $this->context->cookie->last_visited_category; ?>

295
themes/classic/assets/css/custom.css
View File

@@ -13,6 +13,15 @@ body .elementor-widget-text-editor {
body h3 { body h3 {
color: #232323; color: #232323;
} }
body#index footer#footer section.footer-box-newsletter {
display: none !important;
}
body#category section#wrapper section#main {
margin-bottom: 100px;
}
body#category section#wrapper section#main #product-list-header {
display: none;
}
#footer a { #footer a {
color: #c5c5c5; color: #c5c5c5;
@@ -118,49 +127,90 @@ a {
visibility: visible; visibility: visible;
transform: translateY(0); transform: translateY(0);
} }
.js-product.product article.product-miniature:hover .thumbnail-container ul.product-flags li.product-flag.new { .js-product.product article.product-miniature:hover .thumbnail-container ul.product-flags {
transform: translateX(0); transform: translateX(calc(-100% - 30px));
}
.js-product.product article.product-miniature:hover .thumbnail-container ul.product-flags li.product-flag.discount {
transform: translateX(-100%);
} }
.js-product.product article.product-miniature .thumbnail-container { .js-product.product article.product-miniature .thumbnail-container {
border-radius: 10px; border-radius: 10px;
border: 1px solid #eff6f7; border: 1px solid #eff6f7;
} }
.js-product.product article.product-miniature .thumbnail-container .thumbnail-top .product-add-to-basket .add-to-cart { .js-product.product article.product-miniature .thumbnail-container .thumbnail-top {
font-size: 14px; background: #ffffff;
font-weight: 300; }
padding: 6px 10px 4px; .js-product.product article.product-miniature .thumbnail-container .thumbnail-top .product-add-to-basket {
border-radius: 10px;
display: flex; display: flex;
align-items: center; align-items: center;
position: absolute; justify-content: center;
top: 0; }
left: 50%; .js-product.product article.product-miniature .thumbnail-container .thumbnail-top .product-add-to-basket .add-to-cart {
transform: translateX(-50%); font-family: "Inter", sans-serif;
font-size: 12px;
font-weight: 700;
padding: 8px 16px;
display: flex;
align-items: center;
background: #462d26;
border-radius: 1px;
} }
.js-product.product article.product-miniature .thumbnail-container .thumbnail-top .product-add-to-basket .add-to-cart i { .js-product.product article.product-miniature .thumbnail-container .thumbnail-top .product-add-to-basket .add-to-cart i {
font-size: 15px; font-size: 15px;
margin-bottom: 2px; margin-bottom: 2px;
} }
.js-product.product article.product-miniature .thumbnail-container .thumbnail-top .product-add-to-basket .add-to-cart span {
line-height: 1;
margin-bottom: 1px;
font-size: 14px;
font-weight: 700;
}
.js-product.product article.product-miniature .thumbnail-container .product-description {
margin-top: 14px;
}
.js-product.product article.product-miniature .thumbnail-container .product-description::after { .js-product.product article.product-miniature .thumbnail-container .product-description::after {
display: none !important; display: none !important;
} }
.js-product.product article.product-miniature .thumbnail-container .product-description .product-title {
margin-bottom: 14px;
line-height: 1;
}
.js-product.product article.product-miniature .thumbnail-container .product-description .product-title a { .js-product.product article.product-miniature .thumbnail-container .product-description .product-title a {
color: #111516; color: #462d26;
font-family: "Inter", sans-serif;
font-size: 14px;
font-weight: 400; font-weight: 400;
line-height: 1.2;
} }
.js-product.product article.product-miniature .thumbnail-container .product-description .product-price-and-shipping .regular-price { .js-product.product article.product-miniature .thumbnail-container .product-description .product-price-and-shipping .regular-price {
font-size: 13px; font-size: 14px;
color: #a9a8a8; font-family: "Inter", sans-serif;
font-weight: 400; color: rgba(70, 45, 38, 0.34);
margin-right: 5px; font-weight: 700;
} }
.js-product.product article.product-miniature .thumbnail-container .product-description .product-price-and-shipping .price { .js-product.product article.product-miniature .thumbnail-container .product-description .product-price-and-shipping .price {
color: #111516; color: #462d26;
font-size: 15px; font-family: "Inter", sans-serif;
font-weight: 600; font-size: 14px;
font-weight: 700;
}
.js-product.product article.product-miniature .thumbnail-container .product-description .product-price-and-shipping.product-price-discount {
display: flex;
flex-direction: row;
-moz-column-gap: 10px;
column-gap: 10px;
}
.js-product.product article.product-miniature .thumbnail-container .product-description .product-price-and-shipping.product-price-discount .price {
order: 1;
color: #c40000;
}
.js-product.product article.product-miniature .thumbnail-container .product-description .product-price-and-shipping.product-price-discount .regular-price {
order: 2;
}
.js-product.product article.product-miniature .thumbnail-container ul.product-flags {
position: absolute;
top: 24px;
left: 24px;
z-index: 2;
transition: all 250ms ease-in-out;
row-gap: 8px;
} }
.js-product.product article.product-miniature .thumbnail-container ul.product-flags li.product-flag { .js-product.product article.product-miniature .thumbnail-container ul.product-flags li.product-flag {
font-size: 11px; font-size: 11px;
@@ -169,36 +219,43 @@ a {
min-width: -moz-fit-content; min-width: -moz-fit-content;
min-width: fit-content; min-width: fit-content;
min-height: auto; min-height: auto;
transition: all 250ms ease-in-out;
margin-top: 0; margin-top: 0;
font-family: "Inter", sans-serif;
font-size: 12px;
font-weight: 700;
} }
.js-product.product article.product-miniature .thumbnail-container ul.product-flags li.product-flag.new { .js-product.product article.product-miniature .thumbnail-container ul.product-flags li.product-flag.new {
background: #e6cb6f; background: #462d26;
margin-top: 0; padding: 4px 8px;
position: absolute;
top: 0;
left: 0;
transform: translateX(-100%);
border-bottom-right-radius: 10px;
} }
.js-product.product article.product-miniature .thumbnail-container ul.product-flags li.product-flag.discount { .js-product.product article.product-miniature .thumbnail-container ul.product-flags li.product-flag.discount {
background: #e30613; display: flex;
border-bottom-right-radius: 10px; flex-direction: row;
-moz-column-gap: 8px;
column-gap: 8px;
background-color: transparent;
padding: 0;
}
.js-product.product article.product-miniature .thumbnail-container ul.product-flags li.product-flag.discount span {
font-family: "Inter", sans-serif;
font-size: 12px;
font-weight: 700;
padding: 4px 8px;
background: #c40000;
} }
.js-product.product article.product-miniature .thumbnail-container ul.product-flags li.product-flag.out_of_stock { .js-product.product article.product-miniature .thumbnail-container ul.product-flags li.product-flag.out_of_stock {
position: absolute; background: #462d26;
top: 0;
right: 0;
background: #111516;
border-bottom-left-radius: 10px;
} }
.js-product.product article.product-miniature .thumbnail-container .wishlist-button-add { .js-product.product article.product-miniature .thumbnail-container .wishlist-button-add {
opacity: 0; opacity: 0;
visibility: hidden; visibility: hidden;
box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.1); box-shadow: none;
transition: all 250ms ease-in-out; transition: all 250ms ease-in-out;
transform: translateY(calc(-100% - 1rem)); transform: translateY(calc(-100% - 1rem));
} }
.js-product.product article.product-miniature .thumbnail-container .wishlist-button-add i {
color: #462d26;
}
.product-images > li.thumb-container > .thumb.selected, .product-images > li.thumb-container > .thumb.selected,
.product-images > li.thumb-container > .thumb:hover { .product-images > li.thumb-container > .thumb:hover {
@@ -399,10 +456,6 @@ body#checkout #content-wrapper .delivery-options .delivery-option {
border: none; border: none;
} }
footer#footer {
background-color: #111516 !important;
}
.category-tiles-list { .category-tiles-list {
display: grid; display: grid;
grid-template-columns: repeat(6, 1fr); grid-template-columns: repeat(6, 1fr);
@@ -498,9 +551,6 @@ body#category #left-column > div {
body#category #content-wrapper section#main div { body#category #content-wrapper section#main div {
border-radius: 10px; border-radius: 10px;
} }
body#category #content-wrapper #subcategories .subcategories-list li .subcategory-image a {
border-radius: 10px;
}
.product-description { .product-description {
color: #000; color: #000;
@@ -545,11 +595,18 @@ body#category #content-wrapper #subcategories .subcategories-list li .subcategor
#header-menu .elementor-nav-menu > ul { #header-menu .elementor-nav-menu > ul {
justify-content: space-between; justify-content: space-between;
align-items: center;
width: 100%; width: 100%;
} }
#header-menu .elementor-nav-menu > ul::after { #header-menu .elementor-nav-menu > ul::after {
display: none; display: none;
} }
#header-menu .elementor-nav-menu .menu-item-separator {
display: block;
width: 1px;
height: 14px;
background: rgba(17, 14, 12, 0.1019607843);
}
@media (min-width: 1500px) { @media (min-width: 1500px) {
.home-slider { .home-slider {
@@ -702,10 +759,10 @@ body#category #content-wrapper #subcategories .subcategories-list li .subcategor
max-width: unset; max-width: unset;
} }
.home-box-services { .footer-box-services {
position: relative; position: relative;
} }
.home-box-services::before { .footer-box-services::before {
content: ""; content: "";
position: absolute; position: absolute;
bottom: 0; bottom: 0;
@@ -715,17 +772,17 @@ body#category #content-wrapper #subcategories .subcategories-list li .subcategor
transform: translateX(-50%); transform: translateX(-50%);
background: rgba(170, 138, 94, 0.25); background: rgba(170, 138, 94, 0.25);
} }
.home-box-services .elementor-widget-wrap { .footer-box-services .elementor-widget-wrap {
flex-direction: row; flex-direction: row;
flex-wrap: nowrap; flex-wrap: nowrap;
} }
.home-box-other-info > .elementor-container > .elementor-row { .footer-box-other-info > .elementor-container > .elementor-row {
-moz-column-gap: 80px; -moz-column-gap: 80px;
column-gap: 80px; column-gap: 80px;
position: relative; position: relative;
} }
.home-box-other-info > .elementor-container > .elementor-row::before { .footer-box-other-info > .elementor-container > .elementor-row::before {
content: ""; content: "";
position: absolute; position: absolute;
top: -60px; top: -60px;
@@ -734,4 +791,142 @@ body#category #content-wrapper #subcategories .subcategories-list li .subcategor
width: 1px; width: 1px;
transform: translateX(-50%); transform: translateX(-50%);
background: rgba(170, 138, 94, 0.25); background: rgba(170, 138, 94, 0.25);
}
nav.pagination .page-list {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
background: transparent;
}
nav.pagination .page-list .pagination-item.prev a {
background: transparent;
transition: all 250ms ease-in-out;
}
nav.pagination .page-list .pagination-item.prev a img {
transition: all 250ms ease-in-out;
}
nav.pagination .page-list .pagination-item.prev a:hover {
background: #ffa629;
}
nav.pagination .page-list .pagination-item.prev a:hover img {
filter: brightness(0) invert(1);
}
nav.pagination .page-list .pagination-item.next a {
background: transparent;
transition: all 250ms ease-in-out;
}
nav.pagination .page-list .pagination-item.next a img {
transition: all 250ms ease-in-out;
transform: scale(-1);
}
nav.pagination .page-list .pagination-item.next a:hover {
background: #ffa629;
}
nav.pagination .page-list .pagination-item.next a:hover img {
filter: brightness(0) invert(1);
}
nav.pagination .page-list .pagination-item.current a {
color: #ffffff;
background: #ffa629;
}
nav.pagination .page-list .pagination-item .spacer {
display: flex;
align-items: center;
justify-content: center;
padding: 5px 11px;
height: 33px;
width: 33px;
color: #9f928c;
font-size: 14px;
font-weight: 500;
font-family: "Inter", sans-serif;
}
nav.pagination .page-list .pagination-item a {
display: flex;
align-items: center;
justify-content: center;
color: #9f928c;
font-family: "Inter", sans-serif;
font-size: 14px;
font-weight: 500;
letter-spacing: -0.5px;
padding: 5px 11px;
height: 33px;
min-width: 33px;
background: #ece9e2;
border-radius: 1px;
transition: all 250ms ease-in-out;
}
nav.pagination .page-list .pagination-item a:hover {
color: #fff;
background: #ffa629;
}
body#category section#main #subcategories {
padding: 0;
margin: 0;
background: transparent;
}
body#category section#main #subcategories .subcategory-heading {
display: none;
}
body#category section#main #subcategories .subcategories-list {
display: flex;
flex-direction: row;
gap: 16px;
flex-wrap: wrap;
}
body#category section#main #subcategories .subcategories-list li .subcategory-item {
display: flex;
flex-direction: row;
-moz-column-gap: 16px;
column-gap: 16px;
align-items: center;
background: #ece9e2;
border-radius: 50px;
padding: 8px 24px 8px 10px;
}
body#category section#main #subcategories .subcategories-list li .subcategory-item .subcategory-image {
width: 43px;
height: 43px;
padding: 0;
background: #ffffff;
border-radius: 100%;
}
body#category section#main #subcategories .subcategories-list li .subcategory-item .subcategory-image img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
border-radius: 100%;
}
body#category section#main #subcategories .subcategories-list li .subcategory-item .subcategory-name {
color: #462d26;
font-size: 16px;
font-weight: 600;
font-family: "Inter", sans-serif;
margin: 0;
}
nav.breadcrumb {
margin-bottom: 1.563rem;
}
nav.breadcrumb ol {
display: flex;
flex-direction: row;
-moz-column-gap: 16px;
column-gap: 16px;
align-items: center;
}
nav.breadcrumb ol li span {
color: #462d26;
font-size: 14px;
font-weight: 500;
font-family: "Inter", sans-serif;
}
nav.breadcrumb ol li.separator img {
width: 5px;
height: 9px;
}/*# sourceMappingURL=custom.css.map */ }/*# sourceMappingURL=custom.css.map */

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

File diff suppressed because one or more lines are too long

392
themes/classic/assets/css/custom.scss
View File

@@ -5,6 +5,8 @@ $cGoldDark: #d3ba67;
$cBgAccent: #eff6f7; $cBgAccent: #eff6f7;
$cBone: #f6f6f6; $cBone: #f6f6f6;
$fInter: 'Inter', sans-serif;
body > main { body > main {
overflow-x: hidden; overflow-x: hidden;
} }
@@ -21,6 +23,25 @@ body {
h3 { h3 {
color: #232323; color: #232323;
} }
&#index {
footer#footer {
section.footer-box-newsletter {
display: none !important;
}
}
}
&#category {
section#wrapper {
section#main {
margin-bottom: 100px;
#product-list-header {
display: none;
}
}
}
}
} }
#footer { #footer {
@@ -151,15 +172,17 @@ a {
} }
ul.product-flags { ul.product-flags {
li.product-flag { transform: translateX(calc(-100% - 30px));
&.new {
transform: translateX(0);
}
&.discount { // li.product-flag {
transform: translateX(-100%); // &.new {
} // transform: translateX(0);
} // }
// &.discount {
// transform: translateX(-100%);
// }
// }
} }
} }
} }
@@ -169,99 +192,155 @@ a {
border: 1px solid #eff6f7; border: 1px solid #eff6f7;
.thumbnail-top { .thumbnail-top {
background: #ffffff;
a { a {
img { img {
} }
} }
.highlighted-informations {
}
.product-add-to-basket { .product-add-to-basket {
display: flex;
align-items: center;
justify-content: center;
.add-to-cart { .add-to-cart {
font-size: 14px; font-family: $fInter;
font-weight: 300; font-size: 12px;
padding: 6px 10px 4px; font-weight: 700;
border-radius: 10px;
padding: 8px 16px;
display: flex; display: flex;
align-items: center; align-items: center;
background: #462d26;
position: absolute; border-radius: 1px;
top: 0;
left: 50%;
transform: translateX(-50%);
i { i {
font-size: 15px; font-size: 15px;
margin-bottom: 2px; margin-bottom: 2px;
} }
span {
line-height: 1;
margin-bottom: 1px;
font-size: 14px;
font-weight: 700;
}
} }
} }
} }
.product-description { .product-description {
margin-top: 14px;
&::after { &::after {
display: none !important; display: none !important;
} }
.product-title { .product-title {
margin-bottom: 14px;
line-height: 1;
a { a {
color: $cBlack; color: #462d26;
font-family: $fInter;
font-size: 14px;
font-weight: 400; font-weight: 400;
line-height: 1.2;
} }
} }
.product-price-and-shipping { .product-price-and-shipping {
.regular-price { .regular-price {
font-size: 13px; font-size: 14px;
color: #a9a8a8; font-family: $fInter;
font-weight: 400; color: rgb(70, 45, 38, 0.34);
margin-right: 5px; font-weight: 700;
} }
.price { .price {
color: $cBlack; color: #462d26;
font-size: 15px; font-family: $fInter;
font-weight: 600; font-size: 14px;
font-weight: 700;
} }
.discount-product { .discount-product {
} }
&.product-price-discount {
display: flex;
flex-direction: row;
column-gap: 10px;
.price {
order: 1;
color: #c40000;
}
.regular-price {
order: 2;
}
}
} }
} }
ul.product-flags { ul.product-flags {
position: absolute;
top: 24px;
left: 24px;
z-index: 2;
transition: all 250ms ease-in-out;
row-gap: 8px;
li.product-flag { li.product-flag {
font-size: 11px; font-size: 11px;
font-weight: 400; font-weight: 400;
padding: 3px 8px; padding: 3px 8px;
min-width: fit-content; min-width: fit-content;
min-height: auto; min-height: auto;
transition: all 250ms ease-in-out;
margin-top: 0; margin-top: 0;
// &:first-child { // &:first-child {
// margin-top: 0; // margin-top: 0;
// } // }
font-family: $fInter;
font-size: 12px;
font-weight: 700;
&.new { &.new {
background: $cGold; background: #462d26;
margin-top: 0; padding: 4px 8px;
position: absolute;
top: 0;
left: 0;
transform: translateX(-100%);
border-bottom-right-radius: 10px;
} }
&.discount { &.discount {
background: #e30613; display: flex;
border-bottom-right-radius: 10px; flex-direction: row;
column-gap: 8px;
background-color: transparent;
padding: 0;
span {
font-family: $fInter;
font-size: 12px;
font-weight: 700;
padding: 4px 8px;
background: #c40000;
}
// background: #e30613;
// border-bottom-right-radius: 10px;
} }
&.out_of_stock { &.out_of_stock {
position: absolute; background: #462d26;
top: 0; // position: absolute;
right: 0; // top: 0;
background: #111516; // right: 0;
border-bottom-left-radius: 10px; // background: #111516;
// border-bottom-left-radius: 10px;
} }
} }
} }
@@ -269,9 +348,14 @@ a {
.wishlist-button-add { .wishlist-button-add {
opacity: 0; opacity: 0;
visibility: hidden; visibility: hidden;
box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.1); // box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.1);
box-shadow: none;
transition: all 250ms ease-in-out; transition: all 250ms ease-in-out;
transform: translateY(calc(-100% - 1rem)); transform: translateY(calc(-100% - 1rem));
i {
color: #462d26;
}
} }
} }
} }
@@ -619,9 +703,9 @@ body#checkout {
} }
} }
footer#footer { // footer#footer {
background-color: #111516 !important; // background-color: #111516 !important;
} // }
.category-tiles-list { .category-tiles-list {
display: grid; display: grid;
@@ -781,17 +865,17 @@ body#category {
} }
} }
#subcategories { // #subcategories {
.subcategories-list { // .subcategories-list {
li { // li {
.subcategory-image { // .subcategory-image {
a { // a {
border-radius: 10px; // border-radius: 10px;
} // }
} // }
} // }
} // }
} // }
} }
} }
@@ -847,12 +931,19 @@ body#category {
.elementor-nav-menu { .elementor-nav-menu {
> ul { > ul {
justify-content: space-between; justify-content: space-between;
align-items: center;
width: 100%; width: 100%;
&::after { &::after {
display: none; display: none;
} }
} }
.menu-item-separator {
display: block;
width: 1px;
height: 14px;
background: #110e0c1a;
}
} }
} }
@@ -877,7 +968,7 @@ body#category {
margin-bottom: 18px; margin-bottom: 18px;
line-height: 1.1; line-height: 1.1;
font-weight: 500; font-weight: 500;
font-family: 'Inter', sans-serif; font-family: $fInter;
span { span {
color: #e79332; color: #e79332;
@@ -1044,7 +1135,7 @@ body#category {
} }
} }
.home-box-services { .footer-box-services {
position: relative; position: relative;
&::before { &::before {
@@ -1063,7 +1154,7 @@ body#category {
} }
} }
.home-box-other-info { .footer-box-other-info {
> .elementor-container { > .elementor-container {
> .elementor-row { > .elementor-row {
column-gap: 80px; column-gap: 80px;
@@ -1082,3 +1173,188 @@ body#category {
} }
} }
} }
article {
&.product-miniature {
&.product-card {
.product-description {
.product-title {
a {
}
}
}
}
}
}
nav.pagination {
.page-list {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
background: transparent;
.pagination-item {
&.prev {
a {
background: transparent;
transition: all 250ms ease-in-out;
img {
transition: all 250ms ease-in-out;
}
&:hover {
background: #ffa629;
img {
filter: brightness(0) invert(1);
}
}
}
}
&.next {
a {
background: transparent;
transition: all 250ms ease-in-out;
img {
transition: all 250ms ease-in-out;
transform: scale(-1);
}
&:hover {
background: #ffa629;
img {
filter: brightness(0) invert(1);
}
}
}
}
&.current {
a {
color: #ffffff;
background: #ffa629;
}
}
.spacer {
display: flex;
align-items: center;
justify-content: center;
padding: 5px 11px;
height: 33px;
width: 33px;
color: #9f928c;
font-size: 14px;
font-weight: 500;
font-family: $fInter;
}
a {
display: flex;
align-items: center;
justify-content: center;
color: #9f928c;
font-family: $fInter;
font-size: 14px;
font-weight: 500;
letter-spacing: -0.5px;
padding: 5px 11px;
height: 33px;
min-width: 33px;
background: #ece9e2;
border-radius: 1px;
transition: all 250ms ease-in-out;
&:hover {
color: #fff;
background: #ffa629;
}
}
}
}
}
body#category {
section#main {
#subcategories {
padding: 0;
margin: 0;
background: transparent;
.subcategory-heading {
display: none;
}
.subcategories-list {
display: flex;
flex-direction: row;
gap: 16px;
flex-wrap: wrap;
li {
.subcategory-item {
display: flex;
flex-direction: row;
column-gap: 16px;
align-items: center;
background: #ece9e2;
border-radius: 50px;
padding: 8px 24px 8px 10px;
.subcategory-image {
width: 43px;
height: 43px;
padding: 0;
background: #ffffff;
border-radius: 100%;
img {
width: 100%;
height: 100%;
object-fit: contain;
border-radius: 100%;
}
}
.subcategory-name {
color: #462d26;
font-size: 16px;
font-weight: 600;
font-family: $fInter;
margin: 0;
}
}
}
}
}
}
}
nav.breadcrumb {
margin-bottom: 1.563rem;
ol {
display: flex;
flex-direction: row;
column-gap: 16px;
align-items: center;
li {
span {
color: #462d26;
font-size: 14px;
font-weight: 500;
font-family: $fInter;
}
&.separator {
img {
width: 5px;
height: 9px;
}
}
}
}
}

90
themes/classic/assets/css/theme.css
View File

@@ -9705,10 +9705,6 @@ body#checkout #hook-display-after-carrier > [class^=col].links .row > [class^=co
} }
.product-miniature .product-title a { .product-miniature .product-title a {
font-size: 0.875rem;
font-weight: 400;
color: #7a7a7a;
text-align: center;
text-decoration: none; text-decoration: none;
} }
@@ -9717,7 +9713,6 @@ body#checkout #hook-display-after-carrier > [class^=col].links .row > [class^=co
height: auto; height: auto;
margin-bottom: 1.563rem; margin-bottom: 1.563rem;
overflow: hidden; overflow: hidden;
background: #fff;
} }
.product-miniature .thumbnail-container:hover .highlighted-informations, .product-miniature .thumbnail-container:hover .highlighted-informations,
@@ -9766,17 +9761,9 @@ body#checkout #hook-display-after-carrier > [class^=col].links .row > [class^=co
} }
.product-miniature .product-title { .product-miniature .product-title {
margin-top: 0.7rem;
text-align: center;
text-transform: capitalize; text-transform: capitalize;
} }
.product-miniature .product-price-and-shipping {
font-weight: 700;
color: #232323;
text-align: center;
}
.product-miniature .product-price-and-shipping .discount-product { .product-miniature .product-price-and-shipping .discount-product {
display: none; display: none;
} }
@@ -9802,9 +9789,7 @@ body#checkout #hook-display-after-carrier > [class^=col].links .row > [class^=co
z-index: 2; z-index: 2;
width: 100%; width: 100%;
height: auto; height: auto;
padding: 0.625rem 0;
text-align: center; text-align: center;
background: #fff;
transition: 0.3s; transition: 0.3s;
} }
@@ -9826,9 +9811,6 @@ body#checkout #hook-display-after-carrier > [class^=col].links .row > [class^=co
position: relative; position: relative;
bottom: 0; bottom: 0;
height: auto; height: auto;
padding: 0.25rem;
padding-bottom: 0.7rem;
background: #fff;
} }
.product-miniature .product-flags li.product-flag { .product-miniature .product-flags li.product-flag {
@@ -10521,61 +10503,19 @@ body#checkout #hook-display-after-carrier > [class^=col].links .row > [class^=co
justify-content: center; justify-content: center;
} }
} }
#subcategories {
margin-bottom: 20px;
border-top: 1px solid #f6f6f6;
}
#subcategories .subcategory-heading { #subcategories .subcategory-heading {
margin-bottom: 20px; margin-bottom: 20px;
font-weight: 500; font-weight: 500;
} }
#subcategories ul {
display: flex;
flex-wrap: wrap;
margin: 0 0 0 -10px;
}
#subcategories ul li {
width: calc(25% - 20px);
min-width: 200px;
margin: 10px;
text-align: center;
}
#subcategories ul li .subcategory-image { #subcategories ul li .subcategory-image {
padding: 0 0 8px; padding: 0 0 8px;
} }
#subcategories ul li .subcategory-image a {
display: block;
padding: 9px;
border: 1px solid #f6f6f6;
}
#subcategories ul li .subcategory-image a img {
max-width: 100%;
vertical-align: top;
}
#subcategories ul li .subcategory-name {
text-transform: uppercase;
}
#subcategories ul li .subcategory-name:hover {
color: #24b9d7;
}
#subcategories ul li .cat_desc { #subcategories ul li .cat_desc {
display: none; display: none;
} }
#subcategories ul li:hover .subcategory-image a {
padding: 5px;
border: 5px solid #24b9d7;
}
@media (max-width: 767px) { @media (max-width: 767px) {
#subcategories ul { #subcategories ul {
justify-content: center; justify-content: center;
@@ -11257,10 +11197,6 @@ body#checkout #hook-display-after-carrier > [class^=col].links .row > [class^=co
} }
.product-flags { .product-flags {
position: absolute;
top: 0;
left: 0;
z-index: 2;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex-wrap: wrap; flex-wrap: wrap;
@@ -12027,10 +11963,6 @@ body#checkout #hook-display-after-carrier > [class^=col].links .row > [class^=co
padding: 0.75rem 0.75rem 0; padding: 0.75rem 0.75rem 0;
} }
} }
#footer {
padding-top: 2.5rem;
}
.block-contact { .block-contact {
font-size: 0.875rem; font-size: 0.875rem;
color: #7a7a7a; color: #7a7a7a;
@@ -12809,7 +12741,7 @@ body#checkout #hook-display-after-carrier > [class^=col].links .row > [class^=co
} }
#wrapper { #wrapper {
padding-top: 1.563rem; padding-top: 1.563rem;
background: #f6f6f6; background: #f9f7f2;
} }
#wrapper .banner { #wrapper .banner {
@@ -12835,26 +12767,6 @@ body#checkout #hook-display-after-carrier > [class^=col].links .row > [class^=co
display: inline; display: inline;
} }
#wrapper .breadcrumb li::after {
margin: 0.3125rem;
color: #7a7a7a;
content: "/";
}
#wrapper .breadcrumb li:last-child {
margin: 0;
color: #7a7a7a;
content: "/";
}
#wrapper .breadcrumb li:last-child::after {
content: "";
}
#wrapper .breadcrumb li a {
color: #232323;
}
#main .page-header { #main .page-header {
margin-bottom: 1.563rem; margin-bottom: 1.563rem;
} }

2
themes/classic/assets/css/theme.css.map
View File

File diff suppressed because one or more lines are too long

13777
themes/classic/assets/css/theme.scss
View File

File diff suppressed because it is too large Load Diff

7
themes/classic/templates/_partials/breadcrumb.tpl
View File

@@ -34,6 +34,13 @@
<span>{$path.title}</span> <span>{$path.title}</span>
{/if} {/if}
</li> </li>
{if not $smarty.foreach.breadcrumb.last}
<li class="separator">
<img src="/img/cms/icons/mini-arrow-right-brown.svg">
</li>
{/if}
{/block} {/block}
{/foreach} {/foreach}
{/block} {/block}

19
themes/classic/templates/_partials/pagination.tpl
View File

@@ -23,20 +23,21 @@
* @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0) * @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
*} *}
<nav class="pagination"> <nav class="pagination">
<div class="col-md-4"> {* <div class="col-md-4 123">
{block name='pagination_summary'} {block name='pagination_summary'}
{l s='Showing %from%-%to% of %total% item(s)' d='Shop.Theme.Catalog' sprintf=['%from%' => $pagination.items_shown_from ,'%to%' => $pagination.items_shown_to, '%total%' => $pagination.total_items]} {l s='Showing %from%-%to% of %total% item(s)' d='Shop.Theme.Catalog' sprintf=['%from%' => $pagination.items_shown_from ,'%to%' => $pagination.items_shown_to, '%total%' => $pagination.total_items]}
{/block} {/block}
</div> </div> *}
<div class="col-md-6 offset-md-2 pr-0"> {* <div class="col-md-6 offset-md-2 pr-0"> *}
<div class="col-xs-12">
{block name='pagination_page_list'} {block name='pagination_page_list'}
{if $pagination.should_be_displayed} {if $pagination.should_be_displayed}
<ul class="page-list clearfix text-sm-center"> <ul class="page-list clearfix text-sm-center">
{foreach from=$pagination.pages item="page"} {foreach from=$pagination.pages item="page"}
<li {if $page.current} class="current" {/if}> <li class="pagination-item {if $page.current}current{/if} {if $page.type === 'previous'}prev{elseif $page.type === 'next'}next{/if}">
{if $page.type === 'spacer'} {if $page.type === 'spacer'}
<span class="spacer">&hellip;</span> <span class="spacer">&hellip;</span>
{else} {else}
@@ -46,9 +47,15 @@
class="{if $page.type === 'previous'}previous {elseif $page.type === 'next'}next {/if}{['disabled' => !$page.clickable, 'js-search-link' => true]|classnames}" class="{if $page.type === 'previous'}previous {elseif $page.type === 'next'}next {/if}{['disabled' => !$page.clickable, 'js-search-link' => true]|classnames}"
> >
{if $page.type === 'previous'} {if $page.type === 'previous'}
<i class="material-icons">&#xE314;</i>{l s='Previous' d='Shop.Theme.Actions'} <span>
<img src="/img/cms/icons/mini-arrow-left.svg" alt="{l s='Previous' d='Shop.Theme.Actions'}">
</span>
{* <i class="material-icons">&#xE314;</i>{l s='Previous' d='Shop.Theme.Actions'} *}
{elseif $page.type === 'next'} {elseif $page.type === 'next'}
{l s='Next' d='Shop.Theme.Actions'}<i class="material-icons">&#xE315;</i> <span>
<img src="/img/cms/icons/mini-arrow-left.svg" alt="{l s='Next' d='Shop.Theme.Actions'}">
</span>
{* {l s='Next' d='Shop.Theme.Actions'}<i class="material-icons">&#xE315;</i> *}
{else} {else}
{$page.page} {$page.page}
{/if} {/if}

25
themes/classic/templates/catalog/_partials/miniatures/product.tpl
View File

@@ -24,7 +24,7 @@
*} *}
{block name='product_miniature_item'} {block name='product_miniature_item'}
<div class="js-product product{if !empty($productClasses)} {$productClasses}{/if}"> <div class="js-product product{if !empty($productClasses)} {$productClasses}{/if}">
<article class="product-miniature js-product-miniature" data-id-product="{$product.id_product}" data-id-product-attribute="{$product.id_product_attribute}"> <article class="product-miniature js-product-miniature product-card" data-id-product="{$product.id_product}" data-id-product-attribute="{$product.id_product_attribute}">
<div class="thumbnail-container"> <div class="thumbnail-container">
<div class="thumbnail-top"> <div class="thumbnail-top">
{block name='product_thumbnail'} {block name='product_thumbnail'}
@@ -71,7 +71,8 @@
<input type="hidden" name="token" value="{$static_token}"> <input type="hidden" name="token" value="{$static_token}">
<input type="hidden" name="id_product" value="{$product.id}" id="product_page_product_id"> <input type="hidden" name="id_product" value="{$product.id}" id="product_page_product_id">
<button class="btn btn-primary add-to-cart {if $product.quantity < 1}out-of-stock{/if}" data-button-action="add-to-cart" type="submit"> <button class="btn btn-primary add-to-cart {if $product.quantity < 1}out-of-stock{/if}" data-button-action="add-to-cart" type="submit">
<i class="material-icons shopping-cart"></i> {* <i class="material-icons shopping-cart"></i> *}
<span>+</span>
{l s='Add to cart' d='Shop.Theme.Actions'} {l s='Add to cart' d='Shop.Theme.Actions'}
</button> </button>
</form> </form>
@@ -83,24 +84,34 @@
{block name='product_name'} {block name='product_name'}
{if $page.page_name == 'index'} {if $page.page_name == 'index'}
<h3 class="h3 product-title"><a href="{$product.url}" content="{$product.url}">{$product.name|truncate:30:'...'}</a></h3> <h3 class="h3 product-title">
<a href="{$product.url}" content="{$product.url}">
{$product.name}
{* {$product.name|truncate:30:'...'} *}
</a>
</h3>
{else} {else}
<h2 class="h3 product-title"><a href="{$product.url}" content="{$product.url}">{$product.name|truncate:30:'...'}</a></h2> <h2 class="h3 product-title">
<a href="{$product.url}" content="{$product.url}">
{$product.name}
{* {$product.name|truncate:30:'...'} *}
</a>
</h2>
{/if} {/if}
{/block} {/block}
{block name='product_price_and_shipping'} {block name='product_price_and_shipping'}
{if $product.show_price} {if $product.show_price}
<div class="product-price-and-shipping"> <div class="product-price-and-shipping {if $product.has_discount}product-price-discount{/if}">
{if $product.has_discount} {if $product.has_discount}
{hook h='displayProductPriceBlock' product=$product type="old_price"} {hook h='displayProductPriceBlock' product=$product type="old_price"}
<span class="regular-price" aria-label="{l s='Regular price' d='Shop.Theme.Catalog'}">{$product.regular_price}</span> <span class="regular-price" aria-label="{l s='Regular price' d='Shop.Theme.Catalog'}">{$product.regular_price}</span>
{if $product.discount_type === 'percentage'} {* {if $product.discount_type === 'percentage'}
<span class="discount-percentage discount-product">{$product.discount_percentage}</span> <span class="discount-percentage discount-product">{$product.discount_percentage}</span>
{elseif $product.discount_type === 'amount'} {elseif $product.discount_type === 'amount'}
<span class="discount-amount discount-product">{$product.discount_amount_to_display}</span> <span class="discount-amount discount-product">{$product.discount_amount_to_display}</span>
{/if} {/if} *}
{/if} {/if}
{hook h='displayProductPriceBlock' product=$product type="before_price"} {hook h='displayProductPriceBlock' product=$product type="before_price"}

9
themes/classic/templates/catalog/_partials/product-flags.tpl
View File

@@ -25,7 +25,14 @@
{block name='product_flags'} {block name='product_flags'}
<ul class="product-flags js-product-flags"> <ul class="product-flags js-product-flags">
{foreach from=$product.flags item=flag} {foreach from=$product.flags item=flag}
<li class="product-flag {$flag.type}">{$flag.label}</li> {if $flag.type == 'discount'}
<li class="product-flag {$flag.type}">
<span>PROMOCJA</span>
<span>{$flag.label}</span>
</li>
{else}
<li class="product-flag {$flag.type}">{$flag.label}</li>
{/if}
{/foreach} {/foreach}
</ul> </ul>
{/block} {/block}

19
themes/classic/templates/catalog/_partials/subcategories.tpl
View File

@@ -30,18 +30,17 @@
<ul class="subcategories-list"> <ul class="subcategories-list">
{foreach from=$subcategories item=subcategory} {foreach from=$subcategories item=subcategory}
<li> <li>
<div class="subcategory-image"> <a class="subcategory-item" href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'html':'UTF-8'}">
<a href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'html':'UTF-8'}" title="{$subcategory.name|escape:'html':'UTF-8'}" class="img">
{if !empty($subcategory.image.large.url)}
<img class="replace-2x" src="{$subcategory.image.large.url}" alt="{$subcategory.name|escape:'html':'UTF-8'}" loading="lazy" width="141" height="180"/>
{/if}
</a>
</div>
<h5><a class="subcategory-name" href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'html':'UTF-8'}">{$subcategory.name|truncate:25:'...'|escape:'html':'UTF-8'}</a></h5> {if !empty($subcategory.image.large.url)}
{if $subcategory.description} <div class="subcategory-image">
<div class="cat_desc">{$subcategory.description|unescape:'html' nofilter}</div> <img class="replace-2x" src="{$subcategory.image.large.url}" alt="{$subcategory.name|escape:'html':'UTF-8'}" loading="lazy" width="141" height="180"/>
</div>
{/if} {/if}
<h5 class="subcategory-name">
{$subcategory.name|truncate:25:'...'|escape:'html':'UTF-8'}
</h5>
</a>
</li> </li>
{/foreach} {/foreach}
</ul> </ul>

44
themes/classic/templates/catalog/listing/product-list.tpl
View File

@@ -43,7 +43,11 @@
{hook h="displayHeaderCategory"} {hook h="displayHeaderCategory"}
<section id="products"> {* Start - Custom *}
{hook h="displayLeftColumn"}
{* End - Custom *}
<section id="products" class="t1">
{if $listing.products|count} {if $listing.products|count}
{block name='product_list_top'} {block name='product_list_top'}
@@ -57,7 +61,7 @@
{/block} {/block}
{block name='product_list'} {block name='product_list'}
{include file='catalog/_partials/products.tpl' listing=$listing productClass="col-xs-12 col-sm-6 col-xl-4"} {include file='catalog/_partials/products.tpl' listing=$listing productClass="col-xs-12 col-sm-6 col-lg-4 col-xl-3"}
{/block} {/block}
{block name='product_list_bottom'} {block name='product_list_bottom'}
@@ -80,23 +84,25 @@
{/if} {/if}
</section> </section>
<div id="js-product-list-header"> {if $category.description}
{if $listing.pagination.items_shown_from == 1} <div id="js-product-list-header">
<div class="block-category card card-block"> {if $listing.pagination.items_shown_from == 1}
<h1 class="h1">{$category.name}</h1> <div class="block-category card card-block">
<div class="block-category-inner"> <h1 class="h1">{$category.name}</h1>
{if $category.description} <div class="block-category-inner">
<div id="category-description" class="text-muted">{$category.description nofilter}</div> {if $category.description}
{/if} <div id="category-description" class="text-muted">{$category.description nofilter}</div>
{if !empty($category.image.large.url)} {/if}
<div class="category-cover"> {if !empty($category.image.large.url)}
<img src="{$category.image.large.url}" alt="{if !empty($category.image.legend)}{$category.image.legend}{else}{$category.name}{/if}" loading="lazy" width="141" height="180"> <div class="category-cover">
</div> <img src="{$category.image.large.url}" alt="{if !empty($category.image.legend)}{$category.image.legend}{else}{$category.name}{/if}" loading="lazy" width="141" height="180">
{/if} </div>
</div> {/if}
</div> </div>
{/if} </div>
</div> {/if}
</div>
{/if}
{hook h="displayFooterCategory"} {hook h="displayFooterCategory"}