Verkkokaupan juurituoteryhmän (etusivu) sivupohja, kun tuoteryhmän näkymäksi on valittu Etusivu
Kuvaus
Tuoteryhmän näkymätyyppi valitaan tuoteryhmän asetuslomakkeella kohdassa
.Tämä sivupohja toimii kaikilta osin täysin identtisesti tuotelistasivupohjan kanssa, mutta se käyttää /homepage.html sivupohjatiedostoa. Tuotelistasivun esittelyssä käydään läpi tuotelistojen komentoja laajemmin.
Yleistä sisältöä etusivulla ovat esimerkiksi:
- Verkkokaupan esittely tuoteryhmän kuvauksessa (poimitaan tuoteryhmän -kentästä)
- Tuoteryhmäkuva esimerkiksi suurena bannerina
- Viimeisimpien uutisten lista
- Tuotenostoja, kuten suositellut, uusimmat ja suosituimmat tuotteet
- Verkkokaupan päätuoteryhmät (käytä tähän
{Categories}
-tagia ja muotoile sisältö haluamaksesihelper
-attribuutin avulla).
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')}