Home Page Colour Filter Section

1.md

Home Page Colour Filter Section

B@SE

E.g: http://www.poshpartyware.com.au/

2.html

<div class="wrapper-home-filter">
	<div class="container">
		<div class="row">
			<div class="col-xs-12">
				<ul id="filters" class="list-group">
					[%PRODUCT_FILTER type:'variations' autohide:'0'%]
						[%PARAM *header%]
							[%if [@filter_name@] like 'Colour'%]
							[%DATA id:'activecount' if:'>' value:'0'%]
								[%PARAM *if_true%]
									<a href="[@remove_url@]" class="pull-right"> clear</a>
								[%END PARAM%]
							[%END DATA%]
							<li class="list-group-item"><h4>Find Products By [@filter_name@]</h4></li>
							[%end if%]
						[%END PARAM%]
						[%PARAM *body%]
							[%if [@filter_name@] like 'Colour'%]	
							[%DATA id:'selected' if:'==' value:'1'%]
								[%PARAM *if_true%]
									<li class="col-xs-4 col-sm-2 filter-remove filter"><a href="[@remove_single_url@]" class="list-group-item" rel="nofollow">
										<div class="filterColour filterColour-[@id@]" id="[@name@]"></div> <span class="text-muted"></span></a>
										[%SITE_VALUE id:'filterthing'%]a[%END SITE_VALUE%]
									</li>
								[%END PARAM%]
								[%PARAM *if_false%]
									<li class="col-xs-4 col-sm-2 filter">
										<a class="list-group-item" href="[@url@]"> <div class="filterColour filterColour-[@id@]" id="[@name@]"></div> <span class="text-muted"></span></a>
									</li>
								[%END PARAM%]
							[%END DATA%]
							[%end if%]
						[%END PARAM%]
					[%END PRODUCT_FILTER%]
				</ul>
			</div>
		</div>
	</div>
</div>