Modèles fiches articles




Mise en situation des différentes mises en page


Liste des codes DYN








> Choisissez et appliquez un modèle de fiche article parmi ceux proposés.
> Modifiez un modèle existant, ou définissez votre propre mise en page pour les fiches articles de votre catalogue, en paramétrant la disposition et le contenu des différents éléments sur la page.

L’application du modèle peut se faire de façon individuelle dans la fonction "Articles" de la rubrique "Catalogue", ou massivement : soit sur tous les articles de votre site, ou ceux d’un rayon en particulier, ou encore ceux d’une gamme.



Créer ou modifier un modèle de fiche article :




Appliquer un modèle de fiche article :




Comment appliquer un modèle de fiches articles massivement ?

1.    Choisissez les articles sur lesquels vous souhaitez intervenir : ceux de tout le site, ou ceux d’un rayon, ou encore ceux d’une gamme. (Si vous souhaitez l’appliquer sur un article en particulier, alors vous devez plutôt intervenir dans la fonction "Articles" de la rubrique "Catalogue", modifiez l’article puis cliquez sur l’onglet « mise en page »)
2.    Choisissez dans la liste le modèle de mise en page articles que vous souhaitez appliquer. Une visualisation de ce modèle (emplacement des éléments) vous est alors proposée sur la droite.
3.    Appliquez le modèle en cliquant sur le bouton « enregistrer »



Comment modifier un modèle de fiches articles ?

Allez dans l’onglet « Création/Modification des modèles de mise en page articles »

Sélectionnez un modèle de mise en page articles dans la liste et cliquez sur le bouton "modifier"




Vous pouvez alors :

- Modifier le nom du modèle
- Intervenir sur l’emplacement des éléments à présenter pour chaque article
- ajouter de nouveaux éléments sur chaque fiche article





Pour ajouter des éléments, vous disposez du bouton

En cliquant sur ce bouton, une liste de tous les éléments dynamiques pour chaque article vous est proposée. Il vous suffit de placer votre souris à l'emplacement souhaité, de cliquer sur le bouton DYN, de choisir l'élément dans la liste et de valider. Le code dynamique correspondant à l'élément sélectionné s'insèrera dans votre modèle mise en page articles.

Liste des Codes DYN à disposition

Vous pouvez aussi ajouter des diaporamas et / ou des espaces promotionnels sur votre modèle de mise en page articles en cochant les boutons radios correspondants.
Il faut qu’ils aient été créés au préalable dans les fonctions correspondantes.





L’ajout d’un espace promotionnel permet par exemple de rajouter sur toutes vos fiches articles des éléments de ré-assurance tel que des icônes concernant la livraison, le paiement, … et de pouvoir le mettre à jour facilement via l’espace promotionnel, sans avoir à modifier toutes vos fiches articles.

Une fois vos modifications effectuées, enregistrez en bas de page.


Haut de page


Comment créer un modèle de fiches articles ?

Allez dans l’onglet « Création/Modification des modèles de mise en page articles »

Cliquez sur le bouton "nouveau modèle"




Vous pouvez alors :

- Donner un nom au modèle
- Créer le modèle




Pour ajouter des éléments, vous disposez du bouton DYN


En cliquant sur ce bouton, une liste de tous les éléments dynamiques pour chaque article vous est proposée. Il vous suffit de placer votre souris à l'emplacement souhaité, de cliquer sur le bouton DYN, de choisir l'élément dans la liste et de valider. Le code dynamique correspondant à l'élément sélectionné s'insèrera dans votre modèle mise en page articles.

Liste des Codes DYN à disposition

Vous pouvez aussi ajouter des diaporamas et / ou des espaces promotionnels sur votre modèle de mise en page articles en cochant les boutons radios correspondants.
Il faut qu’ils aient été créés au préalable dans les fonctions correspondantes.






L’ajout d’un espace promotionnel permet par exemple de rajouter sur toutes vos fiches articles des éléments de ré-assurance tel que des icônes concernant la livraison, le paiement, … et de pouvoir le mettre à jour facilement via l’espace promotionnel, sans avoir à modifier toutes vos fiches articles.



Mise en situation des différentes mise en page


Mise en page
Mise en situation
Mise en page 1
Visualisation plein écran
Mise en page 2
Visualisation plein écran
Mise en page 3
Visualisation plein écran
Mise en page 4
Visualisation plein écran
Mise en page 5
Visualisation plein écran
Mise en page 6
Visualisation plein écran
Mise en page 7
Visualisation plein écran
Mise en page 8
Visualisation plein écran
Mise en page 9
Visualisation plein écran
Mise en page 10
Visualisation plein écran
Mise en page 11
Visualisation plein écran
Mise en page 12
Visualisation plein écran
 Mise en page 13
Visualisation plein écran


Haut de page


Liste des codes DYN


Liste des codes DYN : Présentation article


Codes DYN
Correspondance
*chemin_navigation*
Chemin de navigation (ex : Accueil - Rayon - Gamme - Article)
*titre*
Titre de l'article (ex : Gamme Produit Marque)
*resume*
Résumé de l'article
*description*
Description de l'article
*prix*
Bloc prix de l'article
*ecotaxe*
Ecotaxe de l'article
*remise_quantitative*
Remise quantitative
*texte_dispo*
Texte de disponibilité de l'article
*delai_dispo*
Délai de disponibilité de l'article



Liste des codes DYN : Options et sous-références


Codes DYN
Correspondance
*sous_reference*
Ce code *dyn* contient les 2 menus de sous références de l'article
*sous_reference_texte*
Description complémentaires des sous références de l'article
*options*
Ce code *dyn* contient tous les menus d'options gratuites et celui d'options payantes de l'article
 *sous_reference_menu_1*Ce code *dyn* contient uniquement le 1er menu de sous référence
 *sous_reference_menu_2*Ce code *dyn* contient uniquement le 2nd menu de sous référence
 *option_choix_1*Ce code *dyn* contient uniquement le 1er menu d'options gratuites
 *option_choix_2*Ce code *dyn* contient uniquement le 2nd menu d'options gratuites
 *option_choix_3*Ce code *dyn* contient uniquement le 3ème menu d'options gratuites
 *options_payantes*Ce code *dyn* contient uniquement le menu d'options payantes

Pour représenter vos sous-références et options vous avez 2 choix :

- Soit vous utilisez les codes DYN *sous_reference* et *options* qui reprennent l'intégralité des menus de sous-références et d'options (par exemple, *options* comprend les 3 menus d'options gratuites et le menu d'options payantes).
- Soit vous utilisez les codes DYN de chaque menu (exemple : *sous_reference_menu_1*, *sous_reference_menu_2*, *option_choix_1*, ...) pour avoir plus de liberté d'emplacement de chaque menu.

Attention : si vous utilisez les codes DYN de chaque menu, pensez à positionner tous les codes DYN. En effet, si vous ne placez pas par exemple le code DYN *option_choix_3*, le 3ème menu d'option gratuite n'apparaitra sur aucune de vos fiches articles de votre site, même si celui-ci est renseigné sur la fiche article dans le tableau de bord de gestion.


Liste des codes DYN : Images


Codes DYN
Correspondance
*image*
Image de l'article
*fichier_attache*
Fichier attaché de l'article
*image_promo*
Image promotion si une remise est appliquée sur l'article



Liste des codes DYN : Ajout panier


Codes DYN
Correspondance
*ajout_panier*
Bouton de sélection
*quantite*
Quantité



Liste des codes DYN : Liens


Codes DYN
Correspondance
*lien_image_zoom*
Lien image zoom de l'article
*lien_mail*
Lien "Envoyer par email"
*lien_retour*
Lien "Retour"
*lien_favori*
Lien "Ajouter aux favoris"
*lien_reseaux_sociaux*
Lien "Réseaux sociaux"



Liste des codes DYN : Références


Codes DYN
Correspondance
*reference_catalogue*
Référence catalogue
*reference_constructeur*
Référence constructeur
*reference_fournisseur*
Référence fournisseur
*reference_codeEAN*
Code EAN
*reference_codeISBN*
Code ISBN



Liste des codes DYN : Caractéristiques


Codes DYN
Correspondance
*champs_libres_hr*
Séparateur affiché si les caractéristiques sont remplies
*champs_libres*
Caractéristiques de l'article


Haut de page


Liste des codes DYN : Ventes croisées


Codes DYN
Correspondance
*ventes_croisees_1*
Ventes croisées 1 (bloc)
*ventes_croisees_2*
Ventes croisées 2 (bloc)
*ventes_croisees_3*
Ventes croisées 3 (bloc)



Liste des codes DYN : Avancés


Codes DYN
Correspondance
*article_personnalisable*
Formulaire à renseigner par l'internaute pour la personnalisation de l'article. S'affiche uniquement en cas d'article personnalisable
*nom_famille*
Nom de la gamme dans laquelle se trouve l'article
*nom_produit*
Nom de l'article
*nom_marque*
Marque de l'article
*sous_reference_sans_javascript*
Sous références de l'article sans le code javascript pour afficher les champs selon la sous-référence sélectionnée. Des variables en javascript sont définies sous forme de tableau
*prix_brut*
Prix brut de l'article
*prix_brut_frc*
Prix brut en francs de l'article
*prix_brut_usd*
Prix brut en dollars de l'article
*prix_brut_avant_promo*
Prix brut de l'article avant la promotion si une remise est appliqué sur celui-ci
*prix_brut_avant_promo_frc*
Prix brut en francs de l'article avant la promotion si une remise est appliqué sur celui-ci
*prix_brut_avant_promo_usd*
Prix brut en dollars de l'article avant la promotion si une remise est appliqué sur celui-ci
*remise*
Affiche la valeur de la remise
*remise_pourcentage*
Affiche la valeur de la remise en pourcentage
*illustration*
Image 1 de l'article
*illustration2*
Image 2 de l'article
*illustration3*
Image 3 de l'article
*illustration4*
Image 4 de l'article
*illustration5*
Image 5 de l'article
*zoom*
Zoom 1 de l'article
*zoom2*
Zoom 2 de l'article
*zoom3*
Zoom 3 de l'article
*zoom4*
Zoom 4 de l'article
*zoom5*
Zoom 5 de l'article
*vignette*
Vignette de l'article
*url_illustration*
Url de l'illustration 1 de l'article
*url_illustration2*
Url de l'illustration 2 de l'article
*url_illustration3*
Url de l'illustration 3 de l'article
*url_illustration4*
Url de l'illustration 4 de l'article
*url_illustration5*
Url de l'illustration 5 de l'article
*url_zoom*
Url du zoom 1 de l'article
*url_zoom2*
Url du zoom 2 de l'article
*url_zoom3*
Url du zoom 3 de l'article
*url_zoom4*
Url du zoom 4 de l'article
*url_zoom5*
Url du zoom 5 de l'article
*url_vignette*
Url de la vignette de l'article



Liste des codes DYN : Blocs spécifiques


Codes DYN
Correspondance
*cinq_blocs_5_onglets*
5 blocs sous forme d'onglet : description, caracteristiques, ventes croisees 1, ventes croisees 2, ventes croisees 3
*un_bloc_5_onglets*
Bloc sous forme d'onglet description, caracteristiques, ventes croisees 1, ventes croisees 2, ventes croisees 3

Ce guide utilisateur a été réalisé avec PowerBoutique Présentation