Variables de site

De Centre Documentation PowerBoutique
Aller à : navigation, rechercher

Pour travailler l'apparence du site via votre propre gabarit html, nous vous avons mis à disposition des codes DEV permettant de faire appel aux blocs dynamiques de votre site.

Vous placez les codes dev à l'emplacement souhaité sur votre gabarit.

Lorsque celui-ci sera appliquée au site, les codes DEV seront interprétés et remplacés par les éléments dynamiques correspondant.

Vous n'êtes 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.

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é'

Référence Rapide

Catalogue Navigations Espaces promotionnels Diaporamas
*catalogue*
*edito*   
*login*   
*mailing*   
*langue*   
*cartes*   
*acces_rapide*
*marques*
*promotion*
*recherche*
*recherche_2*
*votre_selection*
*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*
*diaporama_1*
*diaporama_2*
*diaporama_3*
...

Références

Le catalogue

Code Dev: *catalogue*


Taille mini: Page accueil : 410 - Autres : 630

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

Note: 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

Catalogue2.png

Aperçu


Edito

Code Dev: *edito*


Taille mini: 180

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


Edito.png

Aperçu


Identification client : votre compte

Code Dev: *login*


Taille mini: 180x120

Description: Bloc d'identification client comprenant champs email , mot de passe, bouton d'envoi. Lié à l'enregistrement des coordonnées du client et à la fonction "Suivi des comptes clients" du tableau de bord. Enregistrez-vous est un lien pointant vers un formulaire d'enregistrement.


Votre-compte.png

Aperçu


Lettre d'info

Code Dev: *mailing*


Taille mini: 180x100

Description: Bloc Liste de diffusion permettant l'abonnement ou le désabonnement à une liste de diffusion. Géré par la fonction "Liste de diffusion" du tableau de bord.


Mailing.png

Aperçu


Bloc langues

Code Dev: *langue*


Taille mini:

Description: Liens vers les versions anglaise et française. Lié à la fonction "Version anglaise" du tableau de bord.


Langues.png

Aperçu


Bloc cartes

Code Dev: *cartes*


Taille mini:

Description: 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é.


Cartes.png

Aperçu


Menu déroulant gammes

Code Dev: *acces_rapide*


Taille mini: 180

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


Deroulant-articles.png

Aperçu


Menu déroulant Marques

Code Dev: *marques*


Taille mini: 180

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


Deroulant-marques.png

Aperçu


Bloc Promotions

Code Dev: *promotion*


Taille mini: 180

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


Promos.png

Aperçu


Moteur de recherche vertical

Code Dev: *recherche*


Taille mini: 180

Description: 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.


Recherche.png

Aperçu


Moteur de recherche horizontal

Code Dev: *recherche_2*


Taille mini: 180

Description: 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.


Recherche2.png

Aperçu


Récapitulatif du panier en cours : Votre sélection

Code Dev: *votre_selection*


Taille mini:

Description: 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.


Votre-selection.png

Aperçu



Retour à la page d'accueil

Code Dev: *retour_accueil*


Taille mini:

Description: Lien vers la page d'accueil du site


Accueil.png

Aperçu


Derniers articles visités : Déjà vu

Code Dev: *deja_vu*


Taille mini: Même taille que vos vignettes

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


Deja-vu.png

Aperçu


Sécurisation des pages : sas d'accès

Code Dev: *sas*


Taille mini:

Description: 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 "Sécurisation des pages", 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).


Sas.png

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 "Paramétrages" > "Menus de navigation". Disposez-les où vous le souhaitez sur votre gabarit, comme un code DEV, et paramétrez-les à la fonction "Menus de navigation".

Menu de navigation horizontal 1

Code Dev: *nav_horizontale_1*


Taille mini:

Description: Menu de navigation horizontal 1. Paramétrable à la fonction "Paramétrages" "Menus de navigation".


image non disponible


Menu de navigation horizontal 2

Code Dev: *nav_horizontale_2*


Taille mini:

Description: Menu de navigation horizontal 2. Paramétrable à la fonction "Paramétrages" "Menus de navigation".


image non disponible


Menu de navigation horizontal 3

Code Dev: *nav_horizontale_3*


Taille mini:

Description: Menu de navigation horizontal 3. Paramétrable à la fonction "Paramétrages" "Menus de navigation".


image non disponible


Menu de navigation verticale 1

Code Dev: *nav_verticale_1*


Taille mini:

Description: Menu de navigation verticale 1. Paramétrable à la fonction "Paramétrages" "Menus de navigation".


image non disponible


Menu de navigation verticale 2

Code Dev: *nav_verticale_2*


Taille mini:

Description: Menu de navigation verticale 2. Paramétrable à la fonction "Paramétrages" "Menus de navigation".


image non disponible


Menu de navigation verticale 3

Code Dev: *nav_verticale_3*


Taille mini:

Description: Menu de navigation verticale 3. Paramétrable à la fonction "Paramétrages" "Menus de navigation".


image non disponible



Espaces promotionnels

Un espace promotionnel est un espace rédactionnel libre que l'on renseigne à la fonction "Gestion de contenus > Espaces promotionnels". 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 à la fonction "Gestion de contenu" > "Espaces promotionnels". 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 "Import gabarits html").

Code Dev: *cms_1*


Taille mini:

Description: 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.


image non disponible


Espace promotionnel horizontal d'entête

Code Dev: *cms_2*


Taille mini:

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


image non disponible


Premier espace sur la colonne principale

Code Dev: *cms_3*


Taille mini:

Description: 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).


image non disponible


Second espace sur la colonne principale

Code Dev: *cms_4*


Taille mini:

Description: Nouveautés, Affaires du mois, Coups de coeur, 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).


image non disponible


Premier espace promotionnel vertical

Code Dev: *cms_5*


Taille mini:

Description: 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...).


image non disponible


Second espace promotionnel vertical

Code Dev: *cms_6*


Taille mini:

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


image non disponible


Espace bas de page

Code Dev: *cms_7*


Taille mini:

Description: 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.


image non disponible


Espace pour site informatif

Code Dev: *cms_8*


Taille mini:

Description: 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.


image non disponible


Les diaporamas

Les diaporamas

Code Dev: *diaporama_1*, *diaporama_2*, *diaporama_3*, ...


Taille mini:

Description: Vous pouvez créer et gérer les diaporamas à la fonction "Gestion des contenus" > "Diaporamas"


image non disponible