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

Kuvaus

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:

Sivupohjan ominaisuudet

Sivupohjan sijainti
themes/shop/THEME/homepage.html
Sivupohjan URL
/
Asetettu näkyvyys
tuoteryhmä

Toteutus oletusteemassa

{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')}