191 lines
11 KiB
HTML
191 lines
11 KiB
HTML
{extends file='layout.tpl'}
|
|
|
|
{block name="breadcrumb"}
|
|
<nav class="nav-breadcrumb" role="navigation" aria-labelledby="breadcrumb-label">
|
|
<strong id="breadcrumb-label">You are here: </strong>
|
|
<ul class="breadcrumb" itemprop="breadcrumb">
|
|
<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a href="{navigate to="index"}" itemprop="url"><span itemprop="title">{intl l="Home"}</span></a></li>
|
|
{loop name="category_path" type="category-path" category="{category attr="id"}"}
|
|
{if $ID == {category attr="id"}}
|
|
<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb" class="active">
|
|
<span itemprop="title">{$TITLE}</span>
|
|
</li>
|
|
{else}
|
|
<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a href="{$URL}" itemprop="url"><span itemprop="title">{$TITLE}</span></a></li>
|
|
{/if}
|
|
{/loop}
|
|
</ul>
|
|
</nav><!-- /.nav-breadcrumb -->
|
|
{/block}
|
|
|
|
{block name="main-content"}
|
|
<div class="main layout-col-2-left">
|
|
|
|
<article class="col-main {$smarty.get.mode|default:"grid"}" role="main">
|
|
{include file="includes/category-toolbar.html" toolbar="top"}
|
|
<div id="category-products">
|
|
<div class="products-content">
|
|
<ul class="product-col-4">
|
|
{loop type="product" name="product_list" category={category attr="id"}}
|
|
|
|
<li class="item">
|
|
<article itemscope itemtype="http://schema.org/Product">
|
|
<!-- Use the meta tag to specify content that is not visible on the page in any way -->
|
|
{$product_id=$ID}
|
|
{loop name="brand.feature" type="feature" product=$ID title="brand"}
|
|
{loop name="brand.value" type="feature_value" feature=$ID product=$product_id}
|
|
<meta itemprop="brand" content="{$TITLE}">
|
|
{/loop}
|
|
{/loop}
|
|
{loop name="brand.feature" type="feature" product=$ID title="isbn"}
|
|
{loop name="brand.value" type="feature_value" feature=$ID product=$product_id}
|
|
<meta itemprop="productID" content="isbn:{$TITLE}">
|
|
{/loop}
|
|
{/loop}
|
|
|
|
<a href="{$URL}" itemprop="url" tabindex="-1" class="product-image">
|
|
{loop name="product_thumbnail" type="image" product=$ID width="218" height="146" resize_mode="borders" limit="1"}
|
|
<img itemprop="image" src="{$IMAGE_URL}" alt="Product #{$LOOP_COUNT}">
|
|
{/loop}
|
|
{elseloop rel="product_thumbnail"}
|
|
{images file='assets/img/218x146.png'}<img itemprop="image" src="{$asset_url}" alt="Product #{$LOOP_COUNT}">{/images}
|
|
{/elseloop}
|
|
<span class="mask"></span>
|
|
</a>
|
|
|
|
<div class="product-info">
|
|
<h3 class="name"><a href="{$URL}"><span itemprop="name">{$TITLE}</span></a></h3>
|
|
|
|
<div class="description" itemprop="description">
|
|
<p>{$DESCRIPTION}</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="product-price">
|
|
<div class="price-container" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
|
|
<meta itemprop="category" content="{category attr="title"}">
|
|
<meta itemprop="itemCondition" itemscope itemtype="http://schema.org/NewCondition"> <!-- List of condition : NewCondition, DamagedCondition, UsedCondition, RefurbishedCondition -->
|
|
<meta itemprop="priceCurrency" content="{currency attr="symbol"}"> <!-- List of currency : The currency used to describe the product price, in three-letter ISO format. -->
|
|
<link itemprop="availability" href="http://schema.org/InStock" content="in_stock" />
|
|
<!-- List of availibility :
|
|
out_of_stock : http://schema.org/OutOfStock
|
|
in_stock : http://schema.org/InStock
|
|
instore_only : http://schema.org/InStoreOnly
|
|
preorder : http://schema.org/PreOrder
|
|
online_only : http://schema.org/OnlineOnly
|
|
-->
|
|
{if $IS_PROMO }
|
|
{loop name="productSaleElements_promo" type="product_sale_elements" product=$ID limit="1" order="min_price"}
|
|
{assign var="default_product_sale_elements" value=$ID}
|
|
<span class="special-price"><span itemprop="price" class="price-label">{intl l="Special Price:"} </span><span class="price">{format_number number=$TAXED_PROMO_PRICE} {currency attr="symbol"}</span></span>
|
|
<span class="old-price"><span class="price-label">{intl l="Regular Price:"} </span><span class="price">{format_number number=$TAXED_PRICE} {currency attr="symbol"}</span></span>
|
|
{/loop}
|
|
{else}
|
|
<span class="regular-price"><span itemprop="price" class="price">{format_number number=$BEST_TAXED_PRICE} {currency attr="symbol"}</span></span>
|
|
{/if}
|
|
|
|
</div>
|
|
<div class="product-btn">
|
|
<button class="btn btn-cart">Add to cart</button>
|
|
</div>
|
|
</div>
|
|
</article><!-- /product -->
|
|
</li>
|
|
{/loop}
|
|
</ul>
|
|
</div>
|
|
</div><!-- /#category-products -->
|
|
{include file="includes/category-toolbar.html" toolbar="bottom"}
|
|
</article>
|
|
|
|
<aside class="col-left" role="complementary" itemscope itemtype="http://schema.org/WPSideBar">
|
|
|
|
<section id="categories" class="block block-nav" role="navigation" aria-labelledby="categories-label">
|
|
<div class="block-heading"><h3 class="block-title" id="categories-label">{intl l="Categories"}</h3></div>
|
|
<div class="block-content">
|
|
<nav class="nav-categories">
|
|
<ul id="category" class="accordion">
|
|
{assign "previousLevel" 0}
|
|
{loop name="cat-parent" type="category-tree" category="0"}
|
|
|
|
{for $foo=1 to $previousLevel-$LEVEL}
|
|
</ul>
|
|
</li>
|
|
{/for}
|
|
|
|
{if $CHILD_COUNT > 0 }
|
|
<li><a class="accordion-toggle" data-toggle="collapse" data-parent="#category" href="#collapse{$ID}">{$TITLE}<span class="amount">({$CHILD_COUNT})</span></a>
|
|
|
|
<ul id="collapse{$ID}" class="collapse">
|
|
{else}
|
|
|
|
<li><a href="#">{$TITLE}<span class="amount">(0)</span></a></li>
|
|
{/if}
|
|
{assign "previousLevel" $LEVEL}
|
|
{/loop}
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="filters">
|
|
<h3>Find <span>a product</span></h3>
|
|
<form id="form-filters" action="" method="get" role="form">
|
|
<div class="filter filter-type">
|
|
<fieldset>
|
|
<legend class="filter-heading">Type</legend>
|
|
<div class="filter-content">
|
|
<?php for ($count = 1; $count <= $type; $count++) { ?>
|
|
<div class="checkbox">
|
|
<label for="type<?php echo $count; ?>">
|
|
<input type="checkbox" name="type<?php echo $count; ?>" id="type<?php echo $count; ?>"<?php if(isset($_GET['type'. $count])) { echo ' checked'; }?> value="<?php echo $count; ?>"> Type <?php echo $count; ?>
|
|
</label>
|
|
</div>
|
|
<?php } ?>
|
|
</div>
|
|
</fieldset>
|
|
</div><!-- /Filter Type -->
|
|
|
|
<div class="filter filter-price">
|
|
<fieldset>
|
|
<legend class="filter-heading">Price</legend>
|
|
<div class="filter-content">
|
|
<?php foreach ($price as $key => $value) { ?>
|
|
<div class="checkbox">
|
|
<label for="price<?php echo $key; ?>">
|
|
<input type="checkbox" name="price<?php echo $key; ?>" id="price<?php echo $key; ?>"<?php if(isset($_GET['price'. $key])) { echo ' checked'; }?> value="<?php echo $value; ?>"> <?php echo $value; ?>
|
|
</label>
|
|
</div>
|
|
<?php } ?>
|
|
</div>
|
|
</fieldset>
|
|
</div><!-- /Filter Price -->
|
|
|
|
<div class="filter filter-size">
|
|
<fieldset>
|
|
<legend class="filter-heading">Size</legend>
|
|
<div class="filter-content">
|
|
<?php foreach ($size as $key => $value) { ?>
|
|
<div class="checkbox">
|
|
<label for="size<?php echo $key; ?>">
|
|
<input type="checkbox" name="size<?php echo $key; ?>" id="size<?php echo $key; ?>"<?php if(isset($_GET['size'. $key])) { echo ' checked'; }?> value="<?php echo $key; ?>"> <?php echo $value; ?>
|
|
</label>
|
|
</div>
|
|
<?php } ?>
|
|
</div>
|
|
</fieldset>
|
|
</div><!-- /Filter Size -->
|
|
|
|
<div class="group-btn">
|
|
<button type="submit" class="btn btn-filter">Submit</button>
|
|
</div>
|
|
</form>
|
|
</section><!-- /.filters -->
|
|
|
|
</aside>
|
|
|
|
</div>
|
|
|
|
</div><!-- /.container -->
|
|
{/block}
|