Home page
La personnalisation de la home est très simple : vous pouvez utiliser l'un des trois ThemablePanelControl
:
HomePageBeforeContent
pour un sous header dans la home pageHomePagePanel
pour le contenu principalHomePageAfterContent
pour le footer spécifique de la home
En règle générale, seul le HomePagePanel
est à personnaliser.
Contenu de la page
<asp:Content ContentPlaceHolderID="head" runat="server" ID="head1">
<ecom:GoogleValidator runat="server" />
</asp:Content>
<asp:Content ContentPlaceHolderID="BeforeContent" runat="server" ID="BeforeContent1">
<ecom:ThemablePanelControl ID="ThemablePanelControl1" runat="server" SkinID="HomePageBeforeContent"></ecom:ThemablePanelControl>
</asp:Content>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<asp:ScriptManagerProxy ID="ScriptManagerProxy1" runat="server">
</asp:ScriptManagerProxy>
<ecom:ThemablePanelControl runat="server" SkinID="HomePagePanel" ID="HomePagePanel">
<Content>
<!--Placez le contenu de votre home ici-->
</Content>
</ecom:ThemablePanelControl>
</asp:Content>
<asp:Content ContentPlaceHolderID="AfterContent" runat="server" ID="Content2">
<ecom:ThemablePanelControl ID="ThemablePanelControl2" runat="server" SkinID="HomePageAfterContent"></ecom:ThemablePanelControl>
</asp:Content>
Exemple de personnalisation
<ecom:ThemablePanelControl runat="server" SkinID="HomePagePanel" >
<Content>
<div class="content">
<ecom:CampagnePublicite runat="server" TypeOperation="CARROUS" />
<section class="main">
<div class="produit-home ">
<div class="container">
<h1><strong><ecom:SiteNom runat="server" /></strong> : <ecom:SiteSlogan runat="server" /></h1>
<div class="huile">
<h2 class="row px-2" id="vitrineHuileOlive"><ecom:VitrineLibelle runat="server" CodeVitrine="HOMEHUILES" /></h2>
<div class="row">
<ecom:VitrinesListeProduits ID="huiles" runat="server" CodeVitrine="HOMEHUILES"
ProductTemplateSkinID="ProduitSurLaHome"
NombreArticles="10" TypeAffichage="Flux" />
</div>
</div>
<div class="huile">
<h2 class="row px-2" id="vitrineTuron"><ecom:VitrineLibelle runat="server" CodeVitrine="HOMETURON" /></h2>
<div class="row">
<ecom:VitrinesListeProduits ID="touron" runat="server" CodeVitrine="HOMETURON"
ProductTemplateSkinID="ProduitSurLaHome"
NombreArticles="10" TypeAffichage="Flux" />
</div>
</div>
<div class="huile">
<h2 class="row px-2" id="vitrinePaprika"><ecom:VitrineLibelle runat="server" CodeVitrine="HOMEPAPRIKA" /></h2>
<div class="row">
<ecom:VitrinesListeProduits ID="paprika" runat="server" CodeVitrine="HOMEPAPRIKA"
ProductTemplateSkinID="ProduitSurLaHome"
NombreArticles="10" TypeAffichage="Flux" />
</div>
</div>
<div class="safran">
<h2 class="row px-2" id="vitrineSafran"><ecom:VitrineLibelle runat="server" CodeVitrine="HOMESAFRAN" /></h2>
<div class="row">
<ecom:VitrinesListeProduits ID="safran" runat="server" CodeVitrine="HOMESAFRAN"
ProductTemplateSkinID="ProduitSurLaHome"
NombreArticles="10" TypeAffichage="Flux" />
</div>
</div>
</div>
</div>
</section>
<section class="footer-seo">
<div class="container">
<div class="row seo">
<div class="col-md-6 seo-box px-0">
<div class="seo1">
<img class="seo-logo img-fluid" src="/App_themes/LaPlaza/img/LaPlaza_logo-blanc.png" alt="La Plaza" />
<ecom:SeoContent runat="server" CodeEmplacement="DESCPLAZA" />
</div>
</div>
<div class="col-md-6 seo-box px-0">
<div class="seo2">
<ecom:SeoContent runat="server" CodeEmplacement="DESCPLAZACOMPL" />
</div>
</div>
</div>
<div class="row footer-1">
<div class="col-md-4 news footer-1-seo">
<h4 class="titre">
<ecom:SeoContentTitle runat="server" CodeEmplacement="DESCPLAZANWL" DefaultContent="Newsletter" />
</h4>
<p>
<ecom:SeoContent runat="server" CodeEmplacement="DESCPLAZANWL" />
</p>
<div class="form-60 bt">
<input type="text" id='txtInscriptionNL' placeholder="votre e-mail">
<a href="#" id="lnkInscriptionNL" class="bt-rond">GO</a>
</div>
</div>
<div class="col-md-4 reseaux footer-1-seo">
<h4 class="titre">
Suivez-nous
</h4>
<div class="lien-reseaux">
<a href="https://www.facebook.com/LaPlaza.fr/" target="_blank"><i class="fab fa-facebook-f"></i></a>
<a href="https://www.instagram.com/laplaza.fr" target="_blank"><i class="fab fa-instagram"></i></a>
</div>
</div>
<div class="col-md-4 footer-1-seo huile">
<h4 class="titre">
<ecom:SeoContentTitle runat="server" CodeEmplacement="DESCPLAZAOLIVE" DefaultContent="Huile d’olive d’Espagne" />
</h4>
<p><ecom:SeoContent runat="server" CodeEmplacement="DESCPLAZAOLIVE" /><br /></p>
</div>
</div>
</div>
</section>
</div>
<script async>
$("#txtInscriptionNL").keypress(function(e) {
if(e.which==13) {
$("#lnkInscriptionNL").click();
e.preventDefault();
return false;
}
});
$("#lnkInscriptionNL").click(function(e) {
$("#lnkInscriptionNL").attr("disabled","disabled");
var txt = $("#txtInscriptionNL").val();
document.location = "/newsletter.htm?action=abonner&email=" + encodeURIComponent(txt);
e.preventDefault();
return false;
});
</script>
</Content>
</ecom:ThemablePanelControl>