Avec la solution e-commerce CyberShop, vous pouvez mettre en avant les promotions, les nouveautés et les meilleures ventes sur votre page d'accueil ainsi que sur les autres pages de votre site, dans des colonnes, sous le panier, ect...
Si vous éditez la page shoppage_trailer.htm vous constaterez que les promotions, nouveautés et meilleurs ventes sont appelées par les procédures :
<% Produits "PROMO","1","2" %>
<% Produits "NEW","1","2" %>
<% Produits "BESTSELL","1","2" %>
Les produits en page d'accueil (au centre) sont appelés par la procédure :
<% Produits "FRONTPAGE", getconfig("xfrontpagemaxcolumns") ,getconfig("xfrontpagemaxrecords") %>
Donc pour afficher les produits d'un évenement (promo, nouveauté, meilleures ventes ou en page d'accueil) on appelle la procédure :
<% Produits "VARIABLE_01","VARIABLE_02","VARIABLE_03" %>
La première variable (VARIABLE_01) est obligatoire, elle ne peut contenir que l'une des 4 valeurs suivantes:
- PROMO => Affiche les produits en promotion (selon la configuration de votre boutique)
- NEW => Affiche les nouveaux produits (selon la configuration de votre boutique)
- BESTSELL => Affiche les produits les plus vendus (selon la configuration de votre boutique)
- FRONTPAGE => Affiche des produits aléatoirement sur la page d'accueil (selon la configuration de votre boutique)
La deuxième variable (VARIABLE_02) est elle aussi obligatoire, elle doit contenir une valeur numérique (minimum 1).
Cette seconde variable représente le nombre de produit à afficher par ligne ou par rangée.
Exemple, la procédure <% Produits "PROMO","1","VARIABLE_03" %> affichera les produits en promotion dans votre boutique à raison d'un produit par ligne ou par rangée (une seule colonne)
La troisième variable (VARIABLE_03) est elle aussi obligatoire, elle doit contenir une valeur numérique (minimum 1).
Cette troisième variable représente le nombre TOTAL de produits à afficher.
Exemple, la procédure <% Produits "PROMO","1","4" %> affichera 4 produits en promotion dans votre boutique à raison d'un produit par ligne (1 colone avec 4 rangées contenant chacune un produit)
Pour personnaliser l'affichage des produits appelés par la procédure <% Produits "VARIABLE_01","VARIABLE_02","VARIABLE_03" %> vous devez vous rendre dans le répertoire \displaytemplates\enavant\
Ce répertoire contient les modèles ou templates suivantes :
- PROMO => modele_promotion_vignette.htm
- NEW => modele_new_vignette.htm
- BESTSELL => modele_bestseller_vignette.htm
- FRONTPAGE => modele_frontpage.htm
Vous pouvez éditer le fichier modele_frontpage.htm avec l'éditeur html de votre choix, il se compose du code suivant
<table cellpadding="0" cellspacing="0" class="BoxProdImgWidth">
<tr>
<td class="BoxProdTopLeft" nowrap><img src="images/spacer.gif" width="9" height="9" border="0" /></td>
<td class="BoxProdTopMiddle"><img src="images/spacer.gif" width="100%" height="9" border="0" /></td>
<td class="BoxProdTopRight" nowrap><img src="images/spacer.gif" width="9" height="9" border="0" /></td>
</tr>
<tr>
<td class="BoxProdLeft" nowrap><img src="images/spacer.gif" width="9" height="100%" border="0" /></td>
<td class="BoxProdMiddle">
<table cellpadding="2" cellspacing="0" border="0" align="center">
<tr>
<td colspan="2" align="center" class="NameProductVignette NameProductVignetteFront">
[NOMPRODUIT]
</td>
</tr>
<tr>
<td colspan="2" align="center">
[VIGNETTE]
</td>
</tr>
<tr>
<td align="center" class="RetailPriceVignette">
[FORMATCURRENCY retailprice]
</td>
<td align="center" class="PriceVignette">
[FORMATCURRENCY cprice]
</td>
</tr>
</table>
</td>
<td class="BoxProdRight" nowrap><img src="images/spacer.gif" width="9" height="100%" border="0" /></td>
</tr>
<tr>
<td class="BoxProdBottomLeft" nowrap><img src="images/spacer.gif" width="9" height="9" border="0" /></td>
<td class="BoxProdBottomMiddle" nowrap><img src="images/spacer.gif" width="100%" height="9" border="0" /></td>
<td class="BoxProdBottomRight" nowrap><img src="images/spacer.gif" width="9" height="9" border="0" /></td>
</tr>
</table>
Comme vous pouvez le constater, ce fichier est en HTML basique, vous pouver le personnaliser par des class ou des div selon vos préférences.
Ces modèles contiennent des raccourcis dynamiques que vous devez maintenir intact ([NOMPRODUIT],[VIGNETTE],...)
Reportez vous au document raccourcis dynamiques pour connaîtres celles que vous pouvez utiliser dans les modèles ou templates d'affichage des produits.
NOTE : Les raccourcis dynamiques doivent être toujours placés en début de ligne sans aucun HTML autour.
Article ID: 26, Created On: 5/11/2010, Modified: 5/11/2010