A (homepage) template of the online store's root product category if Homepage has been selected as the display type of the product category

Description

The display type of the product category is selected in the product category setting form in the Display type item.



This template works in exactly the same way as the product list template except for the fact that it uses the /homepage.html template file. In the introduction to the product list page, the product list commands are covered in more detail.

A typical homepage contains:

Template properties

Template location
themes/shop/THEME/homepage.html
Template URL
/
Scope
tuoteryhmä

Useful tags

Default theme implementation

{Helper(file:'helpers/header')}
<div id="SidebarBg">
	<div id="Main" class="clearfix">
		{Helper(file:'helpers/sidebar-left')}
		<div id="Primary" class="Column">
			<div id="BannerScroller">
				<div id="ScrollableBanners">
					{CategoryImage(
						width: 576,
						before: '
							<div class="FrontBanner" id="FrontpageCategoryImage">
						',
						after: '
							<div class="BannerInfo">
								<h3>{PageTitle}</h3>
							</div>
						</div>'
					)}
					{Banners(name:'frontpage',helper:'helpers/homepage-banners')}
				</div>
			</div>
			<div id="LandingPageWrapper" class="clearfix">
				<div id="PrimaryFeatures">
					<div id="PageHeader">
						<h1>{PageTitle}</h1>
						{CategoryDescription}
					</div>
					<div id="ShopLikes" class="fb-like" data-send="true" data-width="354" data-show-faces="true" data-font="arial" data-href="{FacebookPageURL(or: '{ShopUrl}{CanonicalUrl}')}"></div>
					{Products(
						classes:'first|',
						helper: 'helpers/listproduct'
					)}
					{NewProducts(
						limit:6,
						classes:'first|',
						type:'normal',
						timelimit:'-4 months',
						before:'<h2 class="BoxHeader">{%NewProducts}</h2>',
						helper: 'helpers/listproduct'
					)}
				</div>
				<div id="SecondaryFeatures">
					{TopSellers(
						limit:10,
						type:'normal',
						helper:'helpers/listproduct-small',
						before:'<h2 class="BoxHeader">{%BestsellingProducts}</h2><ol class="ProductList">',
						after:'</ol>'
					)}
					{HotPicks(
						limit:10,
						type:'normal',
						helper:'helpers/listproduct-small',
						before:'<h2 class="BoxHeader">{%RecommendedProducts}</h2><ul class="ProductList">',
						after:'</ul>'
					)}
					{SearchPopularTerms(
						limit: '10',
						before: '<h2 class="BoxHeader">{%SearchPopularTerms}</h2><ul class="NavigationList">',
						after: '</ul>',
						helper: '{{ <li><a href="{SearchUrl}">{SearchKeyword}</a></li> }}'
					)}
					{SubCategories(before:'<h2 class="BoxHeader">{%BrowseCategories}</h2>')}
				</div>
			</div>
		</div>
		{Helper(file:'helpers/sidebar-right')}
	</div>
</div>
{Helper(file:'helpers/footer')}