Un générateur de thème est mis à la disposition des administrateurs du marchand et des gestionnaires de catalogue, et permet de modifier la présentation des catalogues.
Pour modifier la présentation des catalogues :
Dans les outils de gestion, ouvrez un de vos catalogues, cliquez sur l'icône "Panier d'achats" en haut à gauche de la page, et sélectionnez "Ouvrir le catalogue public".
Une fois dans le catalogue public, cliquez sur le menu Personnaliser en haut à gauche de la page, et ajustez les paramètres de la présentation du catalogue :
Voici les options de personnalisation possible:
Générateur de thème (Theme Generator)
Le générateur de thème vous permet de créer un thème pour votre catalogue sélectionnant une couleur. Tous les éléments de l'interface de votre catalogue seront automatiquement ajustés en conséquence.
Couleur (Color)
C'est le choix de couleur qui sert à créer le thème pour votre catalogue. Vous pouvez entrer un code de couleur (code de couleur HTML hexadécimal) dans la case prévue à cette fin, ou utiliser le sélecteur de couleur. Si vous n'êtes pas certain de votre choix, vous pouvez cliquer sur le bouton Retour aux couleurs par défaut pour annuler les changements.
Général (General)
Ce menu vous permet d'accéder aux paramètres de la police de caractères utilisée dans votre catalogue, et l'apparence des liens.
Famille de polices (Font Family)
Cette liste déroulante vous permet de choisir la police de caractères à utiliser dans votre catalogue.
Taille de la police
Permets de modifier la taille de la police de caractères utilisée dans votre catalogue.
Liens (Link)
C'est le choix de couleur à appliquer aux liens. Vous pouvez entrer un code de couleur (code de couleur HTML hexadécimal) dans la case prévue à cette fin, ou utiliser le sélecteur de couleur.
Liens survolés (Link Hover)
C'est le choix de couleur à appliquer aux liens survolés. Vous pouvez entrer un code de couleur (code de couleur HTML hexadécimal) dans la case prévue à cette fin, ou utiliser le sélecteur de couleur.
Couleur des titres (Title Color)
Les paramètres accessibles par ce manu vous permettent de modifier la couleur des titres HTML (h1, h2, h3, ...) en entrant un code de couleur (code de couleur HTML hexadécimal) dans la case prévue à cette fin, ou en utilisant le sélecteur de couleur.
Couleur Titre 1 (Title 1 color)
C'est le choix de couleur à appliquer aux titres h1.
Couleur Titre 2 (Title 2 color)
C'est le choix de couleur à appliquer aux titres h2.
Couleur Titre 3 (Title 3 color)
C'est le choix de couleur à appliquer aux titres h3.
Couleur Titre 4 (Title 4 color)
C'est le choix de couleur à appliquer aux titres h4.
Couleur Titre 5 (Title 5 color)
C'est le choix de couleur à appliquer aux titres h5.
Police des titres (Title Font)
Ce menu vous permet d'accéder aux paramètres de la police de caractères à utiliser pour les titres HTML (h1, h2, h3, ...).
Famille de polices Titre 1 (Title 1 Font Family)
Choix de la famille de polices à appliquer aux titres h1.
Famille de polices Titre 2 (Title 2 Font Family)
Choix de la famille de polices à appliquer aux titres h2.
Famille de polices Titre 3 (Title 3 Font Family)
Choix de la famille de polices à appliquer aux titres h3.
Famille de polices Titre 4 (Title 4 Font Family)
Choix de la famille de polices à appliquer aux titres h4.
Famille de polices Titre 5 (Title 5 Font Family)
Choix de la famille de polices à appliquer aux titres h5.
Boutons (Buttons)
Les paramètres accessibles par ce menu vous permettent de modifier l'apparence des boutons en entrant un code de couleur (code de couleur HTML hexadécimal) dans la case prévue à cette fin, ou en utilisant le sélecteur de couleur.
Arrière-plan (Back Ground)
Permet de modifier la couleur d'arrière-plan des boutons.
Étiquette (Label)
Permet de modifier la couleur de l'étiquette sur les boutons.
En-tête (Header)
Ce menu vous permet d'accéder aux paramètres de configuration de l'en-tête de votre catalogue
Arrière-plan (Back ground)
Permets de modifier la couleur de l'arrière-plan de l'en-tête du catalogue en entrant un code de couleur (code de couleur HTML hexadécimal) dans la case prévue à cette fin, ou en utilisant le sélecteur de couleur.
Couleur montant panier (Cart amount color)
Permets de modifier la couleur du montant du panier d'achats.
Menu (Menu)
Ce menu vous permet de modifier les paramètres d'affichage du menu principal (où sont affichés les menus Catalogue, Événements, etc.).
Arrière-plan (Background)
Permets de modifier la couleur de l'arrière-plan de l'en-tête du menu principal en entrant un code de couleur (code de couleur HTML hexadécimal) dans la case prévue à cette fin, ou en utilisant le sélecteur de couleur.
Liens (Link)
C'est le choix de couleur à appliquer aux éléments du menu. Vous pouvez entrer un code de couleur (code de couleur HTML hexadécimal) dans la case prévue à cette fin, ou utiliser le sélecteur de couleur.
Liens survolés (Link Hover)
C'est le choix de couleur à appliquer aux éléments du menu survolés. Vous pouvez entrer un code de couleur (code de couleur HTML hexadécimal) dans la case prévue à cette fin, ou utiliser le sélecteur de couleur.
Contenu (Content)
Les paramètres accessibles par ce menu vous permettent de modifier l'apparence des zones de contenu en entrant un code de couleur (code de couleur HTML hexadécimal) dans la case prévue à cette fin, ou en utilisant le sélecteur de couleur.
Arrière-plan du contenu (Content Background)
C'est le choix de couleur pour l'arrière-plan des zones de contenu.
Arrière-plan du fil d'Ariane (Breadcrumb Background)
C'est le choix de couleur pour l'arrière-plan du fil d'Ariane.
Arrière-plan de la boîte de recherche (Search Background)
C'est le choix de couleur pour l'arrière-plan de la boîte de recherche.
Arrière-plan de la boîte des filtres (Filters Background)
C'est le choix de couleur pour l'arrière-plan de la boîte des catégories.
Arrière-plan de la boîte de tri des produits (Sort Background)
C'est le choix de couleur pour l'arrière-plan de la boîte de tri des produits.
Produit (Products)
Les paramètres accessibles par ce menu vous permettent de modifier l'apparence des produits en entrant un code de couleur (code de couleur HTML hexadécimal) dans la case prévue à cette fin, ou en utilisant le sélecteur de couleur.
Arrière-plan des vignettes de produits (Thumbnail Background)
C'est le choix de couleur pour l'arrière-plan des vignettes de produits.
Arrière-plan de la page de détail (Detail Background)
C'est le choix de couleur pour la page de détail des produits.
Arrière-plan de la boîte ajouter au panier (Purchase Background)
C'est le choix de couleur pour l'arrière-plan de la boîte ajouter au panier.
Couleur des promotions (Promotion Color)
C'est le choix de couleur pour le texte des promotions.
Taille de l'image dans la liste (Image size in the list)
C'est la taille des images de produits dans la liste.
Pied de page (Footer)
Ce menu vous permet d'accéder aux paramètres de configuration du pied de page de votre catalogue
Arrière-plan (Background)
Permets de modifier la couleur de l'arrière-plan du pied de page du catalogue en entrant un code de couleur (code de couleur HTML hexadécimal) dans la case prévue à cette fin, ou en utilisant le sélecteur de couleur.