A template used by product categories whose display type is Product list

Description

Template properties

Template location
themes/shop/THEME/product-list.html
Template URL
/category/ID/tuoteryhmän-nimi
Scope
tuoteryhmä

Useful tags

Default theme implementation

{Helper(file: 'helpers/header')}
{Helper(file: 'helpers/category-header')}
{Helper(file: 'helpers/path')}
<div class="SiteContent">
	<div class="Container">
		<div class="Grid">
			<div class="Col-9-12 Col-Tablet-12-12">
				{Notifications}
				<div class="ContentSection">
					<div class="Flex Flex-Collapse">
						<div class="FlexItem">
							<h1 class="ContentTitle">{PageTitle}</h1>
						</div>
						{Helper(
							file: 'helpers/pagination-form',
							before: '
								<div class="FlexSpacer"></div>
								<div class="FlexItem">',
							after: '</div>'
						)}
					</div>
					{CategoryImage(
						width: '1024',
						before: '<div class="Banner Banner-Body">',
						after: '</div>'
					)}
					{CategoryDescription}
					{Helper(file: 'helpers/product-list-filters')}
					{Products(
						subcategories: 'true',
						limit: '40|100',
						pagination: 'true',
						type: 'normal',
						before: '
							<div class="List ProductList">
								<div class="GridList">',
						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">',
					after: '
								</div>
							</div>
						</div>',
					helper: 'helpers/list-bundle'
				)}
			</div>
			<div class="Col-3-12 Col-Tablet-12-12">
				{Helper(file: 'helpers/sidebar')}
			</div>
		</div>
	</div>
</div>
{Helper(file: 'helpers/footer')}