Näyteikkunasivua käytetään pohjana tuoteryhmille, joiden asetuksissa on valittu näkymän tyypiksi Näyteikkuna.

Kuvaus

Tuoteryhmän näkymätyyppi valitaan tuoteryhmän asetuslomakkeella kohdassa Tuoteryhmän näkymä.




Näyteikkunaa on hyvä käyttää vedenjakajana silloin, kun tuoteryhmällä on useita aliryhmiä. Sivulla voidaan näyttää esimerkiksi tuoteryhmien kuvat, nimet ja kuvaukset sekä listata alituoteryhmien tuotteita.

Sivupohjan ominaisuudet

Sivupohjan sijainti
themes/shop/THEME/category-front.html
Sivupohjan URL
/category/ID/tuoteryhmän-nimi
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')}