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
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:
- A presentation of the online store from the product category description (extracted from the product category's field)
- A category image e.g. as a large banner
- A list of latest news
- Promoted products, such as recommended, new and most popular products
- The store's main product categories (use the
{Categories}
tag and thehelper
attribute to modify the contents according to your preferences)
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')}