Variables liste articles

De Centre Documentation PowerBoutique
Aller à : navigation, rechercher

Lorsque vous créez des modèles de listes articles, vous disposez de variables dynamiques vous permettant de positionner les éléments constituant chaque présentation d'article de la liste à l'emplacement souhaité : les codes DYN. La liste d'article présentera ensuite une boucle de ce modèle pour chaque article qui la composera. Vous pourrez aussi, sur cette fonction, paramétrer les espacement entre chaque article de la liste, le nombre de colonnes, d'articles sur la page, ...

Liste des codes DYN pour Liste Articles

Liste des codes DYN : Présentation

Codes DYN Correspondance
*Reference* Référence de l'article
*Nom* Nom de l'article
*Marque* Marque de l'article (peut être vide)
*Resume* Résumé de l'article
*RefFournisseur* Référence fournisseur de l'article
*RefConstructeur* Référence constructeur de l'article
*AvisProduitResume* Moyenne des avis clients sur l'article
*Stock* Nombre d'articles disponibles
*TexteDispo* Texte si article non disponible
*DelaiDispo* Délai de disponibilité de l'article en jours
*TexteDelaiDispo* Texte de la fourchette qui correspond au délai de disponibilité


Liste des codes DYN : Prix

Codes DYN Correspondance
*PrixDeBase* Prix de l'article hors remise
*PrixDeBaseFrc* Prix hors remise de l'article en francs
*PrixDeBaseUsd* Prix hors remise de l'article en dollars
*PrixDeBaseHorsRemise* Prix de l'article avant la promotion
*PrixDeBaseHorsRemiseFrc* Prix en francs de l'article avant la promotion
*PrixDeBaseHorsRemiseUsd* Prix en dollars de l'article avant la promotion
*RemisePourcentage* Remise en pourcentage sur l'article
*TextePrix* Lorsque le prix public de base est masqué ce texte est affiché à la place du prix

Liste des codes DYN : Vignette & liens

Codes DYN Correspondance
*Vignette* Vignette de l'article
*VignettePromo* Image promotion si une remise est appliquée sur l'article
*Infos* Le lien « plus d'infos » pour accéder à la fiche détaillée de l'article
*Selection* Lien pour ajouter l'article au panier
*Comparateur* Comparateur articles

Liste des codes DYN : Attributs

Codes DYN Correspondance
*AttributsSousRef* Attributs sous-références (déclinaisons d'articles)
*AttributsSimple* Attributs simples

Avancés

Codes DYN Correspondance
*classPairImpair* Nombre pair & impair pour un affichage alterné par exemple
*NomGammeBrut* Nom de la gamme dans laquelle se trouve l'article
*NomProduitBrut* Nom de l'article
*NomMarqueBrut* Marque de l'article
*PrixDeBaseBrut* Prix de l'article avec remise comprise si l'article est en promotion
*PrixDeBaseFrcBrut* Prix en francs de l'article avec remise comprise si l'article est en promotion
*PrixDeBaseUsdBrut* Prix en dollars de l'article avec remise comprise si l'article est en promotion
*PrixDeBaseHorsRemiseBrut* Prix de l'article avant la promotion si une remise est appliqué sur celui-ci
*PrixDeBaseHorsRemiseFrcBrut* Prix brut en francs de l'article avant la promotion si une remise est appliqué sur celui-ci
*PrixDeBaseHorsRemiseUsdBrut* Prix en dollars de l'article avant la promotion si une remise est appliqué sur celui-ci
*RemisePourcentageBrut* Remise en pourcentage sur l'article
*TauxTVA* Taux de TVA
*UrlArticle* Url de l'article
*UrlIllustration* Url de l'mage 1 de l'article
*UrlIllustration2* Url de l'mage 2 de l'article
*UrlIllustration3* Url de l'mage 3 de l'article
*UrlIllustration4* Url de l'mage 4 de l'article
*UrlIllustration5* Url de l'mage 5 de l'article
*UrlZoom* Url du zoom 1 de l'article
*UrlZoom2* Url du zoom 2 de l'article
*UrlZoom3* Url du zoom 3 de l'article
*UrlZoom4* Url du zoom 4 de l'article
*UrlZoom5* Url du zoom 5 de l'article
*MarqueurAffiche* Nombre (renseigné pour chaque fiche article) permettant, via un script personnel (js) de gérer l'affichage d'images contextuelles (coup de coeur, nouveauté)
*ArticleSolde* Valeur permettant d'identifier si un article est en soldes, et afficher via un script personnel (js) une image correspondante
*Garantie* Garantie de l'article
*LogoMarque* Logo de la marque de l'article

Exemple d'application

Je veux intégrer que sur mes listes d'article chaque article soit représenté par sa vignette, et au survol seulement apparaissent les informations de type nom, résumé, prix, ... comme l'exemple suivant : http://demo.powerboutique.com/modele-liste-articles-coussins,fr,3,36.cfm

Je vais créer un modèle de liste articles, qui contiendra les codes DYN que je veux faire apparaitre pour chaque article de la liste article.

De plus, je vais, dans les gammes concernées, insérer l'appel aux css dans les balises metas complémentaires (onglet référencement de la gamme) Il faudra donc télécharger les 3 fichiers css pour les poser dans un dossier survol dans l'espace de stockage correspondant au répertoire /site


Contenu des balises meta complémentaires des gammes concernées

<link rel="stylesheet" type="text/css" href="../site/survol/demo.css">
<link rel="stylesheet" type="text/css" href="../site/survol/style_common.css">
<link rel="stylesheet" type="text/css" href="../site/survol/style1.css">


Téléchargement des sources

Fichier:SurvolListe.zip

Contenu html de mon modèle de liste articles

<div class="main">
<div class="container">
<div class="view view-first">
*Vignette*
<div class="mask">
<h2>*Nom*</h2>
*Resume*
*PrixDeBaseBarre* *PrixDeBase*
<br>
<div style="margin-top: 5px;">*Selection* *Infos*</div>
</div>
</div>
</div>
</div>