Save
This commit is contained in:
Roman Pyrih
@@ -573,7 +573,7 @@ class WidgetNavMenu extends WidgetCategoryBase
|
||||
'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
|
||||
}
|
||||
// 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 . '"'; ?>>
|
||||
<?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' : ''); ?>">
|
||||
<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']; ?>
|
||||
@@ -604,15 +606,19 @@ class WidgetNavMenu extends WidgetCategoryBase
|
||||
</a>
|
||||
<?php empty($node['children']) or $this->psMainMenu($node['children'], $node['depth']); ?>
|
||||
</li>
|
||||
<?php } ?>
|
||||
<?php
|
||||
if ($depth === 0 && $index < $count - 1) {
|
||||
echo '<li class="menu-item-separator"></li>';
|
||||
}
|
||||
} ?>
|
||||
</ul>
|
||||
<?php
|
||||
}
|
||||
<?php
|
||||
}
|
||||
|
||||
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) {
|
||||
$current = ($this->context->controller instanceof \ProductController || $this->context->controller instanceof \CategoryController) &&
|
||||
$node['id'] == $this->context->cookie->last_visited_category; ?>
|
||||
|
||||
@@ -13,6 +13,15 @@ body .elementor-widget-text-editor {
|
||||
body h3 {
|
||||
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 {
|
||||
color: #c5c5c5;
|
||||
@@ -118,49 +127,90 @@ a {
|
||||
visibility: visible;
|
||||
transform: translateY(0);
|
||||
}
|
||||
.js-product.product article.product-miniature:hover .thumbnail-container ul.product-flags li.product-flag.new {
|
||||
transform: translateX(0);
|
||||
}
|
||||
.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:hover .thumbnail-container ul.product-flags {
|
||||
transform: translateX(calc(-100% - 30px));
|
||||
}
|
||||
.js-product.product article.product-miniature .thumbnail-container {
|
||||
border-radius: 10px;
|
||||
border: 1px solid #eff6f7;
|
||||
}
|
||||
.js-product.product article.product-miniature .thumbnail-container .thumbnail-top .product-add-to-basket .add-to-cart {
|
||||
font-size: 14px;
|
||||
font-weight: 300;
|
||||
padding: 6px 10px 4px;
|
||||
border-radius: 10px;
|
||||
.js-product.product article.product-miniature .thumbnail-container .thumbnail-top {
|
||||
background: #ffffff;
|
||||
}
|
||||
.js-product.product article.product-miniature .thumbnail-container .thumbnail-top .product-add-to-basket {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
justify-content: center;
|
||||
}
|
||||
.js-product.product article.product-miniature .thumbnail-container .thumbnail-top .product-add-to-basket .add-to-cart {
|
||||
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 {
|
||||
font-size: 15px;
|
||||
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 {
|
||||
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 {
|
||||
color: #111516;
|
||||
color: #462d26;
|
||||
font-family: "Inter", sans-serif;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
line-height: 1.2;
|
||||
}
|
||||
.js-product.product article.product-miniature .thumbnail-container .product-description .product-price-and-shipping .regular-price {
|
||||
font-size: 13px;
|
||||
color: #a9a8a8;
|
||||
font-weight: 400;
|
||||
margin-right: 5px;
|
||||
font-size: 14px;
|
||||
font-family: "Inter", sans-serif;
|
||||
color: rgba(70, 45, 38, 0.34);
|
||||
font-weight: 700;
|
||||
}
|
||||
.js-product.product article.product-miniature .thumbnail-container .product-description .product-price-and-shipping .price {
|
||||
color: #111516;
|
||||
font-size: 15px;
|
||||
font-weight: 600;
|
||||
color: #462d26;
|
||||
font-family: "Inter", sans-serif;
|
||||
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 {
|
||||
font-size: 11px;
|
||||
@@ -169,36 +219,43 @@ a {
|
||||
min-width: -moz-fit-content;
|
||||
min-width: fit-content;
|
||||
min-height: auto;
|
||||
transition: all 250ms ease-in-out;
|
||||
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 {
|
||||
background: #e6cb6f;
|
||||
margin-top: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
transform: translateX(-100%);
|
||||
border-bottom-right-radius: 10px;
|
||||
background: #462d26;
|
||||
padding: 4px 8px;
|
||||
}
|
||||
.js-product.product article.product-miniature .thumbnail-container ul.product-flags li.product-flag.discount {
|
||||
background: #e30613;
|
||||
border-bottom-right-radius: 10px;
|
||||
display: flex;
|
||||
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 {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
background: #111516;
|
||||
border-bottom-left-radius: 10px;
|
||||
background: #462d26;
|
||||
}
|
||||
.js-product.product article.product-miniature .thumbnail-container .wishlist-button-add {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.1);
|
||||
box-shadow: none;
|
||||
transition: all 250ms ease-in-out;
|
||||
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:hover {
|
||||
@@ -399,10 +456,6 @@ body#checkout #content-wrapper .delivery-options .delivery-option {
|
||||
border: none;
|
||||
}
|
||||
|
||||
footer#footer {
|
||||
background-color: #111516 !important;
|
||||
}
|
||||
|
||||
.category-tiles-list {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(6, 1fr);
|
||||
@@ -498,9 +551,6 @@ body#category #left-column > div {
|
||||
body#category #content-wrapper section#main div {
|
||||
border-radius: 10px;
|
||||
}
|
||||
body#category #content-wrapper #subcategories .subcategories-list li .subcategory-image a {
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.product-description {
|
||||
color: #000;
|
||||
@@ -545,11 +595,18 @@ body#category #content-wrapper #subcategories .subcategories-list li .subcategor
|
||||
|
||||
#header-menu .elementor-nav-menu > ul {
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
}
|
||||
#header-menu .elementor-nav-menu > ul::after {
|
||||
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) {
|
||||
.home-slider {
|
||||
@@ -702,10 +759,10 @@ body#category #content-wrapper #subcategories .subcategories-list li .subcategor
|
||||
max-width: unset;
|
||||
}
|
||||
|
||||
.home-box-services {
|
||||
.footer-box-services {
|
||||
position: relative;
|
||||
}
|
||||
.home-box-services::before {
|
||||
.footer-box-services::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
@@ -715,17 +772,17 @@ body#category #content-wrapper #subcategories .subcategories-list li .subcategor
|
||||
transform: translateX(-50%);
|
||||
background: rgba(170, 138, 94, 0.25);
|
||||
}
|
||||
.home-box-services .elementor-widget-wrap {
|
||||
.footer-box-services .elementor-widget-wrap {
|
||||
flex-direction: row;
|
||||
flex-wrap: nowrap;
|
||||
}
|
||||
|
||||
.home-box-other-info > .elementor-container > .elementor-row {
|
||||
.footer-box-other-info > .elementor-container > .elementor-row {
|
||||
-moz-column-gap: 80px;
|
||||
column-gap: 80px;
|
||||
position: relative;
|
||||
}
|
||||
.home-box-other-info > .elementor-container > .elementor-row::before {
|
||||
.footer-box-other-info > .elementor-container > .elementor-row::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: -60px;
|
||||
@@ -734,4 +791,142 @@ body#category #content-wrapper #subcategories .subcategories-list li .subcategor
|
||||
width: 1px;
|
||||
transform: translateX(-50%);
|
||||
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 */
|
||||
File diff suppressed because one or more lines are too long
@@ -5,6 +5,8 @@ $cGoldDark: #d3ba67;
|
||||
$cBgAccent: #eff6f7;
|
||||
$cBone: #f6f6f6;
|
||||
|
||||
$fInter: 'Inter', sans-serif;
|
||||
|
||||
body > main {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
@@ -21,6 +23,25 @@ body {
|
||||
h3 {
|
||||
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 {
|
||||
@@ -151,15 +172,17 @@ a {
|
||||
}
|
||||
|
||||
ul.product-flags {
|
||||
li.product-flag {
|
||||
&.new {
|
||||
transform: translateX(0);
|
||||
}
|
||||
transform: translateX(calc(-100% - 30px));
|
||||
|
||||
&.discount {
|
||||
transform: translateX(-100%);
|
||||
}
|
||||
}
|
||||
// li.product-flag {
|
||||
// &.new {
|
||||
// transform: translateX(0);
|
||||
// }
|
||||
|
||||
// &.discount {
|
||||
// transform: translateX(-100%);
|
||||
// }
|
||||
// }
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -169,99 +192,155 @@ a {
|
||||
border: 1px solid #eff6f7;
|
||||
|
||||
.thumbnail-top {
|
||||
background: #ffffff;
|
||||
|
||||
a {
|
||||
img {
|
||||
}
|
||||
}
|
||||
|
||||
.highlighted-informations {
|
||||
}
|
||||
|
||||
.product-add-to-basket {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
.add-to-cart {
|
||||
font-size: 14px;
|
||||
font-weight: 300;
|
||||
padding: 6px 10px 4px;
|
||||
border-radius: 10px;
|
||||
font-family: $fInter;
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
|
||||
padding: 8px 16px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
background: #462d26;
|
||||
border-radius: 1px;
|
||||
|
||||
i {
|
||||
font-size: 15px;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
|
||||
span {
|
||||
line-height: 1;
|
||||
margin-bottom: 1px;
|
||||
font-size: 14px;
|
||||
font-weight: 700;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.product-description {
|
||||
margin-top: 14px;
|
||||
|
||||
&::after {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.product-title {
|
||||
margin-bottom: 14px;
|
||||
line-height: 1;
|
||||
|
||||
a {
|
||||
color: $cBlack;
|
||||
color: #462d26;
|
||||
font-family: $fInter;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
line-height: 1.2;
|
||||
}
|
||||
}
|
||||
|
||||
.product-price-and-shipping {
|
||||
.regular-price {
|
||||
font-size: 13px;
|
||||
color: #a9a8a8;
|
||||
font-weight: 400;
|
||||
margin-right: 5px;
|
||||
font-size: 14px;
|
||||
font-family: $fInter;
|
||||
color: rgb(70, 45, 38, 0.34);
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.price {
|
||||
color: $cBlack;
|
||||
font-size: 15px;
|
||||
font-weight: 600;
|
||||
color: #462d26;
|
||||
font-family: $fInter;
|
||||
font-size: 14px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.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 {
|
||||
position: absolute;
|
||||
top: 24px;
|
||||
left: 24px;
|
||||
z-index: 2;
|
||||
transition: all 250ms ease-in-out;
|
||||
row-gap: 8px;
|
||||
|
||||
li.product-flag {
|
||||
font-size: 11px;
|
||||
font-weight: 400;
|
||||
padding: 3px 8px;
|
||||
min-width: fit-content;
|
||||
min-height: auto;
|
||||
transition: all 250ms ease-in-out;
|
||||
margin-top: 0;
|
||||
|
||||
// &:first-child {
|
||||
// margin-top: 0;
|
||||
// }
|
||||
|
||||
font-family: $fInter;
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
|
||||
&.new {
|
||||
background: $cGold;
|
||||
margin-top: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
transform: translateX(-100%);
|
||||
border-bottom-right-radius: 10px;
|
||||
background: #462d26;
|
||||
padding: 4px 8px;
|
||||
}
|
||||
|
||||
&.discount {
|
||||
background: #e30613;
|
||||
border-bottom-right-radius: 10px;
|
||||
display: flex;
|
||||
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 {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
background: #111516;
|
||||
border-bottom-left-radius: 10px;
|
||||
background: #462d26;
|
||||
// position: absolute;
|
||||
// top: 0;
|
||||
// right: 0;
|
||||
// background: #111516;
|
||||
// border-bottom-left-radius: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -269,9 +348,14 @@ a {
|
||||
.wishlist-button-add {
|
||||
opacity: 0;
|
||||
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;
|
||||
transform: translateY(calc(-100% - 1rem));
|
||||
|
||||
i {
|
||||
color: #462d26;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -619,9 +703,9 @@ body#checkout {
|
||||
}
|
||||
}
|
||||
|
||||
footer#footer {
|
||||
background-color: #111516 !important;
|
||||
}
|
||||
// footer#footer {
|
||||
// background-color: #111516 !important;
|
||||
// }
|
||||
|
||||
.category-tiles-list {
|
||||
display: grid;
|
||||
@@ -781,17 +865,17 @@ body#category {
|
||||
}
|
||||
}
|
||||
|
||||
#subcategories {
|
||||
.subcategories-list {
|
||||
li {
|
||||
.subcategory-image {
|
||||
a {
|
||||
border-radius: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// #subcategories {
|
||||
// .subcategories-list {
|
||||
// li {
|
||||
// .subcategory-image {
|
||||
// a {
|
||||
// border-radius: 10px;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
}
|
||||
}
|
||||
|
||||
@@ -847,12 +931,19 @@ body#category {
|
||||
.elementor-nav-menu {
|
||||
> ul {
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
|
||||
&::after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.menu-item-separator {
|
||||
display: block;
|
||||
width: 1px;
|
||||
height: 14px;
|
||||
background: #110e0c1a;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -877,7 +968,7 @@ body#category {
|
||||
margin-bottom: 18px;
|
||||
line-height: 1.1;
|
||||
font-weight: 500;
|
||||
font-family: 'Inter', sans-serif;
|
||||
font-family: $fInter;
|
||||
|
||||
span {
|
||||
color: #e79332;
|
||||
@@ -1044,7 +1135,7 @@ body#category {
|
||||
}
|
||||
}
|
||||
|
||||
.home-box-services {
|
||||
.footer-box-services {
|
||||
position: relative;
|
||||
|
||||
&::before {
|
||||
@@ -1063,7 +1154,7 @@ body#category {
|
||||
}
|
||||
}
|
||||
|
||||
.home-box-other-info {
|
||||
.footer-box-other-info {
|
||||
> .elementor-container {
|
||||
> .elementor-row {
|
||||
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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -9705,10 +9705,6 @@ body#checkout #hook-display-after-carrier > [class^=col].links .row > [class^=co
|
||||
}
|
||||
|
||||
.product-miniature .product-title a {
|
||||
font-size: 0.875rem;
|
||||
font-weight: 400;
|
||||
color: #7a7a7a;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
@@ -9717,7 +9713,6 @@ body#checkout #hook-display-after-carrier > [class^=col].links .row > [class^=co
|
||||
height: auto;
|
||||
margin-bottom: 1.563rem;
|
||||
overflow: hidden;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.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 {
|
||||
margin-top: 0.7rem;
|
||||
text-align: center;
|
||||
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 {
|
||||
display: none;
|
||||
}
|
||||
@@ -9802,9 +9789,7 @@ body#checkout #hook-display-after-carrier > [class^=col].links .row > [class^=co
|
||||
z-index: 2;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
padding: 0.625rem 0;
|
||||
text-align: center;
|
||||
background: #fff;
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
@@ -9826,9 +9811,6 @@ body#checkout #hook-display-after-carrier > [class^=col].links .row > [class^=co
|
||||
position: relative;
|
||||
bottom: 0;
|
||||
height: auto;
|
||||
padding: 0.25rem;
|
||||
padding-bottom: 0.7rem;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
}
|
||||
#subcategories {
|
||||
margin-bottom: 20px;
|
||||
border-top: 1px solid #f6f6f6;
|
||||
}
|
||||
|
||||
#subcategories .subcategory-heading {
|
||||
margin-bottom: 20px;
|
||||
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 {
|
||||
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 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#subcategories ul li:hover .subcategory-image a {
|
||||
padding: 5px;
|
||||
border: 5px solid #24b9d7;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
#subcategories ul {
|
||||
justify-content: center;
|
||||
@@ -11257,10 +11197,6 @@ body#checkout #hook-display-after-carrier > [class^=col].links .row > [class^=co
|
||||
}
|
||||
|
||||
.product-flags {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 2;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
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;
|
||||
}
|
||||
}
|
||||
#footer {
|
||||
padding-top: 2.5rem;
|
||||
}
|
||||
|
||||
.block-contact {
|
||||
font-size: 0.875rem;
|
||||
color: #7a7a7a;
|
||||
@@ -12809,7 +12741,7 @@ body#checkout #hook-display-after-carrier > [class^=col].links .row > [class^=co
|
||||
}
|
||||
#wrapper {
|
||||
padding-top: 1.563rem;
|
||||
background: #f6f6f6;
|
||||
background: #f9f7f2;
|
||||
}
|
||||
|
||||
#wrapper .banner {
|
||||
@@ -12835,26 +12767,6 @@ body#checkout #hook-display-after-carrier > [class^=col].links .row > [class^=co
|
||||
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 {
|
||||
margin-bottom: 1.563rem;
|
||||
}
|
||||
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
@@ -34,6 +34,13 @@
|
||||
<span>{$path.title}</span>
|
||||
{/if}
|
||||
</li>
|
||||
|
||||
{if not $smarty.foreach.breadcrumb.last}
|
||||
<li class="separator">
|
||||
<img src="/img/cms/icons/mini-arrow-right-brown.svg">
|
||||
</li>
|
||||
{/if}
|
||||
|
||||
{/block}
|
||||
{/foreach}
|
||||
{/block}
|
||||
|
||||
@@ -23,20 +23,21 @@
|
||||
* @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
|
||||
*}
|
||||
<nav class="pagination">
|
||||
<div class="col-md-4">
|
||||
{* <div class="col-md-4 123">
|
||||
{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]}
|
||||
{/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'}
|
||||
{if $pagination.should_be_displayed}
|
||||
<ul class="page-list clearfix text-sm-center">
|
||||
{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'}
|
||||
<span class="spacer">…</span>
|
||||
{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}"
|
||||
>
|
||||
{if $page.type === 'previous'}
|
||||
<i class="material-icons"></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"></i>{l s='Previous' d='Shop.Theme.Actions'} *}
|
||||
{elseif $page.type === 'next'}
|
||||
{l s='Next' d='Shop.Theme.Actions'}<i class="material-icons"></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"></i> *}
|
||||
{else}
|
||||
{$page.page}
|
||||
{/if}
|
||||
|
||||
@@ -24,7 +24,7 @@
|
||||
*}
|
||||
{block name='product_miniature_item'}
|
||||
<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-top">
|
||||
{block name='product_thumbnail'}
|
||||
@@ -71,7 +71,8 @@
|
||||
<input type="hidden" name="token" value="{$static_token}">
|
||||
<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">
|
||||
<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'}
|
||||
</button>
|
||||
</form>
|
||||
@@ -83,24 +84,34 @@
|
||||
|
||||
{block name='product_name'}
|
||||
{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}
|
||||
<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}
|
||||
{/block}
|
||||
|
||||
{block name='product_price_and_shipping'}
|
||||
{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}
|
||||
{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>
|
||||
{if $product.discount_type === 'percentage'}
|
||||
{* {if $product.discount_type === 'percentage'}
|
||||
<span class="discount-percentage discount-product">{$product.discount_percentage}</span>
|
||||
{elseif $product.discount_type === 'amount'}
|
||||
<span class="discount-amount discount-product">{$product.discount_amount_to_display}</span>
|
||||
{/if}
|
||||
{/if} *}
|
||||
{/if}
|
||||
|
||||
{hook h='displayProductPriceBlock' product=$product type="before_price"}
|
||||
|
||||
@@ -25,7 +25,14 @@
|
||||
{block name='product_flags'}
|
||||
<ul class="product-flags js-product-flags">
|
||||
{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}
|
||||
</ul>
|
||||
{/block}
|
||||
|
||||
@@ -30,21 +30,20 @@
|
||||
<ul class="subcategories-list">
|
||||
{foreach from=$subcategories item=subcategory}
|
||||
<li>
|
||||
<div class="subcategory-image">
|
||||
<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)}
|
||||
<a class="subcategory-item" href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'html':'UTF-8'}">
|
||||
|
||||
{if !empty($subcategory.image.large.url)}
|
||||
<div class="subcategory-image">
|
||||
<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 $subcategory.description}
|
||||
<div class="cat_desc">{$subcategory.description|unescape:'html' nofilter}</div>
|
||||
</div>
|
||||
{/if}
|
||||
<h5 class="subcategory-name">
|
||||
{$subcategory.name|truncate:25:'...'|escape:'html':'UTF-8'}
|
||||
</h5>
|
||||
</a>
|
||||
</li>
|
||||
{/foreach}
|
||||
</ul>
|
||||
</div>
|
||||
{/if}
|
||||
{/if}
|
||||
{/if}
|
||||
@@ -43,7 +43,11 @@
|
||||
|
||||
{hook h="displayHeaderCategory"}
|
||||
|
||||
<section id="products">
|
||||
{* Start - Custom *}
|
||||
{hook h="displayLeftColumn"}
|
||||
{* End - Custom *}
|
||||
|
||||
<section id="products" class="t1">
|
||||
{if $listing.products|count}
|
||||
|
||||
{block name='product_list_top'}
|
||||
@@ -57,7 +61,7 @@
|
||||
{/block}
|
||||
|
||||
{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 name='product_list_bottom'}
|
||||
@@ -80,23 +84,25 @@
|
||||
{/if}
|
||||
</section>
|
||||
|
||||
<div id="js-product-list-header">
|
||||
{if $listing.pagination.items_shown_from == 1}
|
||||
<div class="block-category card card-block">
|
||||
<h1 class="h1">{$category.name}</h1>
|
||||
<div class="block-category-inner">
|
||||
{if $category.description}
|
||||
<div id="category-description" class="text-muted">{$category.description nofilter}</div>
|
||||
{/if}
|
||||
{if !empty($category.image.large.url)}
|
||||
<div class="category-cover">
|
||||
<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>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
{if $category.description}
|
||||
<div id="js-product-list-header">
|
||||
{if $listing.pagination.items_shown_from == 1}
|
||||
<div class="block-category card card-block">
|
||||
<h1 class="h1">{$category.name}</h1>
|
||||
<div class="block-category-inner">
|
||||
{if $category.description}
|
||||
<div id="category-description" class="text-muted">{$category.description nofilter}</div>
|
||||
{/if}
|
||||
{if !empty($category.image.large.url)}
|
||||
<div class="category-cover">
|
||||
<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>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
|
||||
{hook h="displayFooterCategory"}
|
||||
|
||||
Reference in New Issue
Block a user