Change filters, product lists, ...
This commit is contained in:
Roman Pyrih
@@ -23,7 +23,8 @@
|
||||
* @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
|
||||
*}
|
||||
|
||||
{capture assign="productClasses"}{if !empty($productClass)}{$productClass}{else}col-xs-12 col-sm-6 col-xl-4{/if}{/capture}
|
||||
{* {capture assign="productClasses"}{if !empty($productClass)}{$productClass}{else}col-xs-12 col-sm-6 col-xl-4{/if}{/capture} *}
|
||||
{capture assign="productClasses"}col-xs-12 col-sm-6 col-lg-4 col-xl-3{/capture}
|
||||
|
||||
<div class="products{if !empty($cssClass)} {$cssClass}{/if}">
|
||||
{foreach from=$products item="product" key="position"}
|
||||
|
||||
@@ -23,14 +23,16 @@
|
||||
* @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
|
||||
*}
|
||||
<div id="js-product-list-top" class="row products-selection">
|
||||
<div class="col-md-6 hidden-sm-down total-products">
|
||||
<div class="col-md-4 hidden-sm-down total-products">
|
||||
{if $listing.pagination.total_items > 1}
|
||||
<p>{l s='There are %product_count% products.' d='Shop.Theme.Catalog' sprintf=['%product_count%' => $listing.pagination.total_items]}</p>
|
||||
<p>
|
||||
{l s='There are %product_count% products.' d='Shop.Theme.Catalog' sprintf=['%product_count%' => $listing.pagination.total_items]}
|
||||
</p>
|
||||
{elseif $listing.pagination.total_items > 0}
|
||||
<p>{l s='There is 1 product.' d='Shop.Theme.Catalog'}</p>
|
||||
{/if}
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="col-md-8">
|
||||
<div class="row sort-by-row">
|
||||
|
||||
{block name='sort_by'}
|
||||
@@ -53,4 +55,4 @@
|
||||
'%total%' => $listing.pagination.total_items
|
||||
]}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -35,4 +35,4 @@
|
||||
<i class="material-icons"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -25,25 +25,31 @@
|
||||
|
||||
<span class="hidden-sm-down sort-by">{l s='Sort by:' d='Shop.Theme.Global'}</span>
|
||||
<div class="products-sort-order dropdown">
|
||||
<button
|
||||
class="btn-unstyle select-title"
|
||||
rel="nofollow"
|
||||
data-toggle="dropdown"
|
||||
aria-label="{l s='Sort by selection' d='Shop.Theme.Global'}"
|
||||
aria-haspopup="true"
|
||||
aria-expanded="false">
|
||||
<button class="btn-unstyle select-title" rel="nofollow" data-toggle="dropdown"
|
||||
aria-label="{l s='Sort by selection' d='Shop.Theme.Global'}" aria-haspopup="true" aria-expanded="false">
|
||||
{if $listing.sort_selected}{$listing.sort_selected}{else}{l s='Select' d='Shop.Theme.Actions'}{/if}
|
||||
<i class="material-icons float-xs-right"></i>
|
||||
</button>
|
||||
<div class="dropdown-menu">
|
||||
{foreach from=$listing.sort_orders item=sort_order}
|
||||
<a
|
||||
rel="nofollow"
|
||||
href="{$sort_order.url}"
|
||||
class="select-list {['current' => $sort_order.current, 'js-search-link' => true]|classnames}"
|
||||
>
|
||||
{$sort_order.label}
|
||||
</a>
|
||||
|
||||
{if $sort_order.label == "Reference, A to Z"
|
||||
|| $sort_order.label == "Reference, Z to A"
|
||||
|| $sort_order.label == "Nazwa, A do Z"
|
||||
|| $sort_order.label == "Nazwa, Z do A"}
|
||||
{continue}
|
||||
{/if}
|
||||
|
||||
{assign var="label" value=$sort_order.label}
|
||||
{if $label == "Sprzedaż, od najwyższej do najniższej"}
|
||||
{assign var="label" value="Popularność"}
|
||||
{/if}
|
||||
|
||||
<a rel="nofollow" href="{$sort_order.url}"
|
||||
class="select-list {['current' => $sort_order.current, 'js-search-link' => true]|classnames}">
|
||||
{$label}
|
||||
</a>
|
||||
|
||||
{/foreach}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -40,66 +40,73 @@
|
||||
{include file='catalog/_partials/subcategories.tpl' subcategories=$subcategories}
|
||||
{/if}
|
||||
{/block}
|
||||
|
||||
|
||||
{hook h="displayHeaderCategory"}
|
||||
|
||||
{* Start - Custom *}
|
||||
{hook h="displayLeftColumn"}
|
||||
{* End - Custom *}
|
||||
<div class="row">
|
||||
<div id="left-column" class="sidebar col-xs-12 col-sm-12 col-md-4 col-lg-3">
|
||||
{* Start - Custom *}
|
||||
{hook h="displayLeftColumn"}
|
||||
{* End - Custom *}
|
||||
</div>
|
||||
<div id="content-wrapper" class="left-column col-xs-12 col-sm-12 col-md-8 col-lg-9">
|
||||
<section id="products" class="t1">
|
||||
{if $listing.products|count}
|
||||
|
||||
<section id="products" class="t1">
|
||||
{if $listing.products|count}
|
||||
{block name='product_list_top'}
|
||||
{include file='catalog/_partials/products-top.tpl' listing=$listing}
|
||||
{/block}
|
||||
|
||||
{block name='product_list_top'}
|
||||
{include file='catalog/_partials/products-top.tpl' listing=$listing}
|
||||
{/block}
|
||||
{block name='product_list_active_filters'}
|
||||
<div class="hidden-sm-down">
|
||||
{$listing.rendered_active_filters nofilter}
|
||||
</div>
|
||||
{/block}
|
||||
|
||||
{block name='product_list_active_filters'}
|
||||
<div class="hidden-sm-down">
|
||||
{$listing.rendered_active_filters nofilter}
|
||||
</div>
|
||||
{/block}
|
||||
{block name='product_list'}
|
||||
{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'}
|
||||
{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'}
|
||||
{include file='catalog/_partials/products-bottom.tpl' listing=$listing}
|
||||
{/block}
|
||||
|
||||
{block name='product_list_bottom'}
|
||||
{include file='catalog/_partials/products-bottom.tpl' listing=$listing}
|
||||
{/block}
|
||||
{else}
|
||||
<div id="js-product-list-top"></div>
|
||||
|
||||
{else}
|
||||
<div id="js-product-list-top"></div>
|
||||
<div id="js-product-list">
|
||||
{capture assign="errorContent"}
|
||||
<h4>{l s='No products available yet' d='Shop.Theme.Catalog'}</h4>
|
||||
<p>{l s='Stay tuned! More products will be shown here as they are added.' d='Shop.Theme.Catalog'}</p>
|
||||
{/capture}
|
||||
|
||||
<div id="js-product-list">
|
||||
{capture assign="errorContent"}
|
||||
<h4>{l s='No products available yet' d='Shop.Theme.Catalog'}</h4>
|
||||
<p>{l s='Stay tuned! More products will be shown here as they are added.' d='Shop.Theme.Catalog'}</p>
|
||||
{/capture}
|
||||
{include file='errors/not-found.tpl' errorContent=$errorContent}
|
||||
</div>
|
||||
|
||||
{include file='errors/not-found.tpl' errorContent=$errorContent}
|
||||
</div>
|
||||
|
||||
<div id="js-product-list-bottom"></div>
|
||||
{/if}
|
||||
</section>
|
||||
<div id="js-product-list-bottom"></div>
|
||||
{/if}
|
||||
</section>
|
||||
</div>
|
||||
</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 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}
|
||||
@@ -108,4 +115,4 @@
|
||||
{hook h="displayFooterCategory"}
|
||||
|
||||
</section>
|
||||
{/block}
|
||||
{/block}
|
||||
Reference in New Issue
Block a user