Liste des codes DEV

Voici la liste des codes DEV à votre disposition.

Vous n'êtes absolument pas obligé d'utiliser tous ces codes DEV si vous ne désirez pas insérer les modules dynamiques correspondant sur votre ou vos gabarits html.

Conseils

1 - Les pages suivantes doivent contenir uniquement le code dev *catalogue* :

- index_travaux page de fermeture
- mot_de_passe_perdu gabarit "popup"
- pop_up_code_remise gabarit "popup"
- pop_up_compte gabarit "popup"
- alert gabarit "popup"
- commande_affilie gabarit "popup"
- infos_cgv_popup gabarit "popup"
- infos_livraison_popup gabarit "popup"
- infos_securite_popup gabarit "popup"
- infos_securite_tpev_popup gabarit "popup"
- sas_affilie gabarit "popup"

2 - Pour les pages facture gabarit "imprimable" et paiement_cheque gabarit "imprimable", un fond blanc est conseillé



Liste des codes DEV

Catalogue Navigations Espaces promotionnels
*catalogue*
*edito*   
*login*   
*mailing*   
*langue*   
*cartes*   
*acces_rapide*
*marques*
*promotion*
*recherche*
*recherche_2*
*votre_selection*
*votre_compte*
*retour_accueil*
*deja_vu*
*sas*
*nav_horizontale_1*

*nav_horizontale_2*

*nav_horizontale_3*

*nav_verticale_1*

*nav_verticale_2*

*nav_verticale_3*
*cms_1*

*cms_2*

*cms_3*

*cms_4*

*cms_5*

*cms_6*

*cms_7*

*cms_8*






Le catalogue

Le catalogue
Code DEV : *catalogue*

Taille mini : Page accueil : 410 - Autres : 630

Catalogue complet : listes d'éléments (rayons, gammes, articles), fiches articles, paniers, pages coordonnées, bons de commande, paiement sécurisé.


Notez bien : n'insérez pas de code *catalogue* sur la page d'intro. Il ne sera pas pris en compte et n'affichera donc pas le catalogue

Aperçu




L'Edito
Code DEV : *edito* 

Taille mini : 180

Bloc édito comprenant date, titre et texte. Lié à la fonction "Edito" de la rubrique "Animation" du tableau de bord. Vous pouvez insérer des liens, des animations flash, des images.


Aperçu




Identification client : Votre compte
Code DEV : *login*

Taille mini : 180x120

Bloc d'identification client comprenant champs e-mail , mot de passe, bouton d'envoi. Lié à l'enregistrement des coordonnées du client et à la fonction "Clients" de la rubrique "Activité" du tableau de bord. Enregistrez-vous est un lien pointant vers un formulaire d'enregistrement.

Aperçu




Lettre d'info
Code DEV : *mailing*

Taille mini :180x100

Bloc Liste de diffusion permettant l'abonnement ou le désabonnement à une liste de diffusion. Géré par la fonction "Export abonnés newsletter" de la rubrique "Import/Export" du tableau de bord.

Aperçu




Bloc langues
Code DEV : *langue*

Taille mini :

Liens vers les versions anglaise et française. Lié à la fonction "Version anglaise" de la rubrique "Paramétrages généraux" du tableau de bord.

Aperçu




Bloc cartes
Code DEV : *cartes*

Taille mini :

Informations de sécurité des paiements bancaires. Comprend les icônes de cartes bleues, le logo du système de paiement du catalogue ainsi qu'un petit texte. Apparaît lorsqu'un système de paiement électronique virtuel (TPEV) est activé.

Aperçu




Menu déroulant GAMMES
Code DEV : *acces_rapide*

Taille mini :180

Menu déroulant d'accès rapide aux gammes du catalogue.

Aperçu




Menu déroulant MARQUES
Code DEV : *marques*

Taille mini : 180

Menu déroulant d'accès rapide aux marques des articles du catalogue.

Aperçu




Le bloc PROMOTIONS
Code DEV : *promotion*

Taille mini : 180

Bloc promotions comprenant un titre, une image, un texte et un lien. Lié à la fonction "Promotions et prix dégressifs" de la rubrique "Animation" du tableau de bord. Un article au moins doit être en promotion (gestion des articles) pour que le code dev fonctionne

Aperçu




Moteur de recherche vertical
Code DEV :*recherche*

Taille mini : 180

Bloc recherche optimisé pour une mise en page verticale. Ce bloc ne fonctionne que si, sur le gabarit où il est présent, figure également le bloc *catalogue* : c'est dans la partie *catalogue* que s'afficheront les résultats de la recherche lancée par l'internaute.

Aperçu




Moteur de recherche horizontal
Code DEV : *recherche_2*

Taille mini :180

Bloc recherche optimisé pour une mise en page horizontale. Ce bloc ne fonctionne que si, sur le gabarit où il est présent, figure également le bloc *catalogue* : c'est dans la partie *catalogue* que s'afficheront les résultats de la recherche lancée par l'internaute.

Aperçu




Récapitulatif du panier en cours : Votre sélection
Code DEV : *votre_selection*

Taille mini :

Lien vers le panier. Possibilité de faire apparaitre le nombre d'articles présent dans le panier du client. Possibilité de mettre une icône devant le lien.

Aperçu




Lien vers le compte client
Code DEV : *votre_compte*

Taille mini :

Lien vers le compte du client. Possibilité de mettre une icône devant le lien.

Aperçu




Retour à la page d'accueil
Code DEV : *retour_accueil*

Taille mini :

Lien vers la page d'accueil du site.

Aperçu




Derniers articles visités : déjà vu
Code DEV : *deja_vu*

Taille mini : même taille que vos vignettes

Liens vers les 5 derniers articles visités par l'internaute. La vignette du dernier article vu apparait.

Aperçu




Accès restreint au site : sas d'accès
Code DEV : *sas*

Taille mini :

Sécurisation des pages de votre site.

Permet de restreindre l'accès des pages de votre site aux clients enregistrés. Si vous activez la fonction "Accès restreint au site" de la rubrique "Paramétrages généraux", la page où ce code est posé sera sécurisée, c'est-à-dire qu'elle ne sera accessible qu'aux clients en compte.
Posez ce code  sur toutes les pages que vous souhaitez sécuriser (sauf les pages sas_securise et demande_enregistrement qui ne doivent pas contenir ce code).

Voir aussi l'aide à la fonction "Accès restreint au site"

 


Aperçu



Menus de navigation

Vous disposez de 6 menus de navigation (3 horizontaux et 3 verticaux) dont l'apparence et les contenus (nombre, intitulé et pointage des liens) sont paramétrables à la fonction "Intégration gabarit HTML" de la rubrique "Apparence générale". Selon le modèle de site standard choisi, ces menus sont disposés à des endroits différents du gabarit. Il n'est en revanche pas possible de créer de nouveaux menus de navigation. Si vous utilisez votre propre gabarit HTML, disposez-les où vous le souhaitez, comme un code DEV, et paramétrez-les à la fonction "Menus de navigation".
 


Menu de navigation horizontale 1
Code DEV : *nav_horizontale_1*

Taille mini :

Menu de navigation horizontale 1.
Paramétrable en vous rendant à la fonction "Intégration gabarits HTML" de la rubrique "Apparence générale" et en cliquant sur "Menu de navigation" en haut à droite de votre écran.





Menu de navigation horizontale 2
Code DEV : *nav_horizontale_2*

Taille mini :

Menu de navigation horizontale 2.
Paramétrable en vous rendant à la fonction "Intégration gabarits HTML" de la rubrique "Apparence générale" et en cliquant sur "Menu de navigation" en haut à droite de votre écran.





Menu de navigation horizontale 3
Code DEV : *nav_horizontale_3*

Taille mini :

Menu de navigation horizontale 3.
Paramétrable en vous rendant à la fonction "Intégration gabarits HTML" de la rubrique "Apparence générale" et en cliquant sur "Menu de navigation" en haut à droite de votre écran.





Menu de navigation verticale 1
Code DEV : *nav_verticale_1*

Taille mini :

Menu de navigation verticale 3.
Paramétrable en vous rendant à la fonction "Intégration gabarits HTML" de la rubrique "Apparence générale" et en cliquant sur "Menu de navigation", en haut à droite de votre écran.





Menu de navigation verticale 2
Code DEV : *nav_verticale_2*

Taille mini :

Menu de navigation verticale 2.
Paramétrable en vous rendant à la fonction "Intégration gabarits HTML" de la rubrique "Apparence générale" et en cliquant sur "Menu de navigation" en haut à droite de votre écran.





Menu de navigation verticale 3
Code DEV : *nav_verticale_3*

Taille mini :

Menu de navigation verticale 3.
Paramétrable en vous rendant à la fonction "Intégration gabarits HTML" de la rubrique "Apparence générale" et en cliquant sur "Menu de navigation" en haut à droite de votre écran.




Espaces promotionnels

Un espace promotionnel est un
espace rédactionnel  libre que l'on renseigne à la fonction "Espaces promotionnels" de la rubrique "Animation". En fonction du modèle de site choisi standard, vous disposerez de plus ou moins de place. Reportez-vous à l'aperçu de votre modèle pour déterminer les dimensions optimales de contenu de cette zone sur le modèle choisi. Par défaut votre licence est livrée avec 8 espaces promotionnels déjà paramétrés, mais vous pouvez en créer de nouveaux et modifier les paramétrages (codes DEV, noms, résumés) de chacun en vous rendant à la fonction "Intégration gabarits HTML" de la rubrique "Apparence générale". Notez cependant que si vous créez de nouveaux espaces promotionnels, il faudra intégrer leur code DEV correspondant sur votre ou vos gabarits (appliqués à votre site via la fonction "Intégration gabarits html" de la rubrique "Apparence générale").   

1 - Logo
Code DEV : *cms_1*

Taille mini :

Posez ici une image de votre logo ou entrez un texte. En fonction du style choisi, vous disposerez de plus ou moins de place. Reportez-vous à l'aperçu de votre style pour déterminer les dimensions optimales de contenu de cette zone sur le style choisi.





2 - Espace promotionnel horizontal d'entête
Code DEV : *cms_2*

Taille mini :

Espace idéal pour un bandeau promotionnel ou des boutons images personnalisés de navigation, etc...





3 - Premier espace sur la colonne principale
Code DEV : *cms_3*

Taille mini :

Article mis en avant, espace éditorial ou message d'actualité, tête de gondole. Faites des liens vers vos fiches articles et modifiez le tableau pour y disposer plus ou moins d'articles (onglet tableau).





4 - Second espace sur la colonne principale
Code DEV : *cms_4*

Taille mini :

Nouveautés, Affaires du mois, Coups de cœur, Articles en promotion, tête de gondole. Faites des liens vers vos fiches articles et modifiez le tableau pour y disposer plus ou moins d'articles (onglet tableau).





5 - Premier espace promotionnel vertical
Code DEV : *cms_5*

Taille mini :

L'espace 5 est idéal pour un bandeau promotionnel (mise en avant d'un article, bandeau partenaire, image annonçant promotions, informations sur les conditions de livraison, etc...)





6 - Second espace promotionnel vertical
Code DEV : *cms_6*

Taille mini :

Adapté à un bandeau promotionnel (mise en avant d'un article, bandeau partenaire, image annonçant promotions, informations sur les conditions de livraison, etc...) .





7 - Espace bas de page
Code DEV : *cms_7*

Taille mini :

L'espace 7 se situe généralement tout en bas de page. Elle vous permet de rajouter un contenu personnalisé du type Mentions légales, informations CNIL ou de droits.





8 - Espace pour site informatif
Code DEV : *cms_8*

Taille mini :

L'espace 8 permet de mettre en avant des contenus informatifs personnalisés. Intéressant si vous souhaitez par exemple désactiver l'accès à votre catalogue sur votre page d'accueil.





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