category-front.html

{Helper(file: 'helpers/header')}
{Helper(file: 'helpers/path')}
<div class="SiteContent">
	<div class="Container">
		{Helper(file: 'helpers/category-header')}
		<div class="Grid">
			<div class="Col-12-12">
				<div class="ContentSection">
					<h1 class="ContentTitle">{PageTitle}</h1>
					{CategoryImage(
						width: '1140',
						before: '<div class="Banner Banner-Body">',
						after: '</div>'
					)}
					{CategoryDescription}
				</div>
				{Helper(file: 'helpers/subcategories')}
				<div class="ContentSection">
					<div class="FiltersPagination">
						<div class="PaginationBar">
							<div class="Container">
								{ProductListFilters(
									before: '
									<p class="Hide-Desktop">
										<a href="#" class="Button Button-Primary FilterButton" data-drawer-toggle="product-filters"><span class="fa fa-sort-amount-asc"></span>   {Text(code: 'ProductFiltersLabel', or: 'Suodata tuotteita')}</a>
									</p>
									<div class="ProductListFilters Hide-Tablet"><label for="filters">{%SearchFiltersLabel}</label>
										<div class="Filters">',
									after: '
										</div>
									</div>',
									helper: '{{
										{FilterOptions(
											before: '
											<div class="FilterGroup">
												<a class="FilterGroupName" href="#FilterList-{FilterClass}" tabindex="0">{FilterName}</a>
												<div id="FilterList-{FilterClass}" class="FilterList" tabindex="-1">',
													after: '
												</div>
											</div>'
										)}
									}}'
								)}
								{Helper(file: 'helpers/pagination-form')}
							</div>
						</div>
					</div>
					{ProductListFilters(
						before: '
							<label>{%ProductFiltersSelected}: </label>
							<ul class="FilterTags">',
						after: '
								<li class="ClearAllFilters"><a href="{CategoryUrl}" class="RemoveFilter">{%ProductFiltersRemove}</a></li>
							</ul>',
						helper: 'helpers/filter-tag'
					)}
					{Products(
						pagination: 'true',
						type: 'normal',
						before: '
							<div class="List ProductList">
								<div class="GridList GridList-Wide">',
									after: '
								</div>
							</div>
							{Helper(file: 'helpers/pagination')}',
						helper: 'helpers/list-product',
						or: '<div class="Notification">0 {%Products}</div>'
					)}
				</div>
				{Bundles(
					category: '{CategoryId}',
					type: 'normal',
					before: '
					<div class="ContentSection">
						<h2 class="ContentTitle">{%ProductBundles}</h2>
						<div class="List ProductList">
							<div class="GridList GridList-Wide">',
								after: '
							</div>
						</div>
					</div>',
					helper: 'helpers/list-bundle'
				)}
				{CategoryHotPicks(
					subcategories: 'true',
					limit: '14',
					type: 'normal',
					classes: 'ListProduct-Compact',
					before: '
						<div class="ContentSection">
							<h2 class="ContentTitle ContentTitle-Fancy">{%RecommendedProducts}</h2>
							<div class="List ProductList">
								<div class="GridList GridList-Small" data-slider="list">',
					after: '
								</div>
							</div>
						</div>',
					helper: 'helpers/list-product'
				)}
				{CategoryNewProducts(
					subcategories: 'true',
					limit: '14',
					type: 'normal',
					classes: 'ListProduct-Compact',
					before: '
						<div class="ContentSection">
							<h2 class="ContentTitle ContentTitle-Fancy">{%NewProducts}</h2>
							<div class="List ProductList">
								<div class="GridList GridList-Small" data-slider="list">',
					after: '
								</div>
							</div>
						</div>',
					helper: 'helpers/list-product'
				)}
			</div>
		</div>
	</div>
</div>
{Helper(file: 'helpers/footer')}