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

View File

@@ -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}

View File

@@ -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">&hellip;</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">&#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'}
{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}
{$page.page}
{/if}

View File

@@ -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"}

View File

@@ -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}

View File

@@ -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}

View File

@@ -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"}