Variables liste articles

De Centre Documentation PowerBoutique
Révision datée du 4 novembre 2013 à 16:12 par Corinne (discussion | contributions) (Avancés)
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

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

Vignette

Codes DYN Correspondance
*Vignette* Vignette de l'article
*VignettePromo* Image promotion si une remise est appliquée sur l'article


Liens

Codes DYN Correspondance
*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


Infos Prix

Codes DYN Correspondance
*Stock* Nombre d'articles disponibles
*TexteDispo* Texte de disponibilité de l'article
*DelaiDispo* Délai de disponibilité de l'article
*TextePrix* Lorsque le prix public de base est masqué ce texte est affiché a la place du prix


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
*PrixDeBaseBarre* Prix barré de l'article remisé
*PrixDeBaseRemiseFrc* Prix remisé de l'article en francs
*PrixDeBaseRemiseUsd* Prix remisé de l'article en dollars
*RemisePourcentage* Remise en pourcentage sur l'article


Options gratuites

Codes DYN Correspondance
*titreOptions1* Titre de l'option 1 de l'article
*titreOptions2* Titre de l'option 2 de l'article
*titreOptions3* Titre de l'option 3 de l'article
*valueOptions1* Valeurs de l'option 1 de l'article, sous forme d'une liste, séparées par des virgules
*valueOptions2* Valeurs de l'option 2 de l'article, sous forme d'une liste, séparées par des virgules
*valueOptions3* Valeurs de l'option 3 de l'article, sous forme d'une liste, séparées par des virgules


Options payantes

Codes DYN Correspondance
*titreOptionsPayantes* Titre des options payantes de l'article
*valueOptionsPayantes* Valeurs de l'option payante de l'article, sous forme d'une liste, séparées par des virgules


Sous références

Codes DYN Correspondance
*titreSousRefMenu1* Titre du 1er menu de sous-références
*titreSousRefMenu2* Titre du 2ème menu de sous-références
*valueSousRefMenu1* Liste des valeurs du 1er menu de sous-références, sous forme d'une liste, séparées par des virgules
*valueSousRefMenu2* Liste des valeurs du 2ème menu de sous-références, sous forme d'une liste, séparées par des virgules


Avancés

Codes DYN Correspondance
*classPairImpair* Nombre pair & impair pour un affichage alterné par exemple
*PrixDeBaseBrut* Prix de l'article hors remise
*PrixDeBaseFrcBrut* Prix hors remise de l'article en francs
*PrixDeBaseBarre* Prix barré de l'article remisé
*PrixDeBaseRemiseFrc* Prix remisé de l'article en francs
*PrixDeBaseUsdBrut* Prix hors remise de l'article en dollars
*PrixDeBaseBarreBrut* Prix barré de l'article hors remise
*PrixDeBaseRemiseFrcBrut* Prix remisé de l'article en francs
*PrixDeBaseRemiseUsdBrut* Prix remisé de l'article en dollars
*RemisePourcentageBrut* Remise en pourcentage sur 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
*AvisProduitResume* Affiche le résumé des avis produits (disponible à partir de la version v4.7 de PowerBoutique)

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>