<div class=
"content"> <div class=
"catalogue wk_catalogue"> <style>.findify-component-spinner,
.findify-component-spinner:
after{
border-radius:
50%;
width:
60px;
height:
60px}
.findify-component-spinner{
margin:
60px auto 0!important;
position:
relative;
-webkit-transform:
translateZ(
0);
-ms-transform:
translateZ(
0);
transform:
translateZ(
0);
-webkit-animation:
findify-component-spinner-animation .7s infinite cubic-bezier(
.67,
.35,
.7,
.8);
animation:
findify-component-spinner-animation .7s infinite cubic-bezier(
.67,
.35,
.7,
.8);
-ms-transform-origin:
50% 50%;
-webkit-transform-origin:
50% 50%;
transform-origin:
50% 50%;
border-top:
3px solid #eaeaea;
border-right:
3px solid #eaeaea;
border-bottom:
3px solid #eaeaea;
border-left:
3px solid #c6c6c6}
@-webkit-keyframes findify-component-spinner-animation{
0%{
-webkit-transform:
rotate(
90deg);
transform:
rotate(
90deg)}
100%{
-webkit-transform:
rotate(
450deg);
transform:
rotate(
450deg)}}
@keyframes findify-component-spinner-animation{
0%{
-webkit-transform:
rotate(
90deg);
transform:
rotate(
90deg)}
100%{
-webkit-transform:
rotate(
450deg);
transform:
rotate(
450deg)}}
</style> <div data-findify=
"search" id=
"findify-collection-container" style=
"min-height: 400px;"> <div class=
"findify-component-spinner"></div> <div class=
'findify-fallback' style=
"display:none;"> [%SET [
@page_type@]=';category'/%] [%load_template file:'cms/includes/sidebar.template.html'/%] [%breadcrumb%] [%PARAM *header%]
<ul class=
"breadcrumb" itemscope itemtype=
"http://schema.org/BreadcrumbList"> <li itemprop=
"itemListElement" itemscope itemtype=
"http://schema.org/ListItem"> <a href=
"[@config:home_url@]" itemprop=
"item"><span itemprop=
"name">Home
</span></a> </li> [%/PARAM%] [%PARAM *body%]
<li itemprop=
"itemListElement" itemscope itemtype=
"http://schema.org/ListItem"> <a href=
"[@url@]" itemprop=
"item"><span itemprop=
"name">[
@name@]</span></a> </li> [%/PARAM%] [%PARAM *footer%]
</ul> [%/PARAM%] [%/breadcrumb%]
<h1 class=
"page-header"> [%url_info name:'page_heading' if:'eq' value:''%] [%PARAM if_true%] [
@content_name@] [%/PARAM%] [%PARAM if_false%] [%url_info name:'page_heading'%][%end url_info%] [%/PARAM%] [%end url_info%] [%IF [
@keywords@] == ''%] [%FILTER ID:'keywords' if:'ne' value:''%][%NOHTML%][%FILTER ID:'keywords'%][%/FILTER%][%/NOHTML%][%/FILTER%] [%/IF%]
</h1> [%if ![
@form:pgnum@] OR [
@form:pgnum@] eq '1'%] [%advert type:'text' template:'carousel' inherit:'n' limit:'10' ad_group:''%] [%param *header%]
<div id=
"homepageCarousel" class=
"carousel slide"> [%if [
@total_showing@] > 1%]
<ol class=
"carousel-indicators"> [%site_value id:'counter' type:'load'/%]
</ol> [%/if%]
<div class=
"carousel-inner"> [%/param%] [%param *footer%]
</div> [%if [
@total_showing@] > 1%]
<a class=
"left carousel-control" href=
"#homepageCarousel" data-slide=
"prev"> <span class=
"fa fa-chevron-left"></span> </a> <a class=
"right carousel-control" href=
"#homepageCarousel" data-slide=
"next"> <span class=
"fa fa-chevron-right"></span> </a> [%/if%]
</div> <hr> [%/param%] [%param *ifempty%] [%/param%] [%/advert%] [%advert type:'product' limit:'8' template:'' inherit:'n' ad_group:''%] [%param *header%]
<div class=
"row"> [%/param%] [%param footer%]
</div> <hr> [%/param%] [%/advert%] [%if [
@content_short_description1@] or [
@content_short_description2@] or [
@content_short_description3@] or [
@content_description1@] or [
@content_description2@] or [
@content_description3@]%] <div class=
"n-responsive-content"> [
@content_short_description1@] [
@content_short_description2@] [
@content_short_description3@] </div> <div class=
"n-responsive-content"> [
@content_description1@] [
@content_description2@] [
@content_description3@] </div> <hr> [%/if%] [%/if%] [%THUMB_LIST type:'products' limit:'[
@config:THUMB_LIMIT@]'%] [%PARAM template%][%VIEWBY type:'products' default:'[
@templatethumb@]';%][%/VIEWBY%][%/PARAM%] [%PARAM *header%]
<div class=
"row sort_container wk_sort_container"> <div class=
"col-xs-4 col-sm-7 col-md-4 wk_viewby"> <script language=
"javascript" type=
"text/javascript"> function viewtype(
view) {
var f=document.
viewForm;
f[
'viewby'].
value=view;
f.
submit(); }
</script> <form method=
"get" name=
"viewForm" action=
"[@config:CURRENT_URL@]" class=
"hidden"> <input name=
"rf" type=
"hidden" value=
"[%FILTER_CODE%][%/FILTER_CODE%]"> <input name=
"viewby" type=
"hidden" value=
""/> </form> <div class=
"viewby btn-group"> <a href=
"javascript:viewtype('');" class=
"btn btn-default [%VIEWBY type:'products' if:'ne' value:'list' if_true:'active' if_false:''%][%/VIEWBY%]" rel=
"nofollow"> <i class=
"fa fa-th"></i> </a> <span class="cm-tag cm-bracket" style="box-sizing: border-box;color: #9c33
