- Vous êtes ici :
-
Accueil
-
blog / tutoriels
-
Tutoriels Astroïd
-
Options du template
- Divers
Une bannière est soit une image graphique qui annonce le nom ou l'identité d'un site et est souvent répartie sur la largeur de la page Web, soit une image publicitaire.
Dans cette section, vous pouvez configurer les options de la bannière.
Par défaut, la bannière est désactivée. Une fois que vous avez activé la bannière, vous pouvez personnaliser ses paramètres, définir le titre, les sous-titres, la couleur d'arrière-plan ou l'image de la bannière, etc.

|
Option |
Description |
|---|---|
|
Activer la bannière |
Cette option permet d’activer / afficher ou désactiver / masquer la bannière. |
|
Titre de la bannière |
Définissez un titre pour la bannière. S'il n'est pas défini, le titre du menu de l'élément de menu s'affiche en tant que titre de la bannière. |
|
Couleur d'arrière-plan |
Ici, vous pouvez définir une couleur de fond pour la bannière. |
|
Image d'arrière-plan |
Ici, vous pouvez définir une image de fond pour la bannière. |
|
Balise de titre de bannière |
Sélectionnez la balise de titre dans la liste déroulante de la bannière.(H1, H2, etc) |
|
Classe de bannière |
Vous pouvez spécifier un nom de classe pour certaines tâches de la bannière. |
|
Mise en page de la bannière |
Vous pouvez définir la disposition de la bannière en tant que conteneur ou conteneur fluide. Conteneur propose un conteneur de largeur fixe responsive. Le Conteneur fluide propose un conteneur de pleine largeur, couvrant toute la largeur de la fenêtre. |
REMARQUE: pour que cette fonctionnalité
fonctionne, vous devez publier l'élément Banner à l'aide du
gestionnaire de mise en page dans le
template. Dans le Gestionnaire de mises en page, ajoutez une section dans laquelle vous souhaitez afficher votre bannière et choisissez un élément bannière.
Un méga-menu est défini comme une interface déroulante déclenchée par le survol de l'utilisateur sur un lien ou une zone définie. Ce menu déroulant affiche généralement toutes les options dans un seul méga-panneau et regroupe souvent des rubriques connexes dans des catégories. Dans cette section, vous pouvez configurer les options de menu.
Par défaut, l'option Mega Menu est désactivée. Dans tous les liens de menu, y compris dans les menus autre que votre megamenu, vous pouvez définir l'icône, le sous-titre, la classe personnalisée de votre menu déroulant.

Dans le menu sélectionné pour être votre Megamenu, vous allez voir apparaître d’autres options, tel que l’alignement des sous éléments, le sous titre, la largeur des sous éléments.

|
Option |
Description |
|---|---|
|
Alignement déroulant |
vous permet de choisir la position de l’alignement de la liste déroulante (gauche / droite / centre / conteneur / complet). |
|
Sous-titre |
vous permet de définir les sous-titres de votre élément de menu. |
|
Icône seulement |
Lorsque vous souhaitez afficher uniquement l'icône de votre lien de menu à la place du titre complet, vous pouvez activer cette option. |
|
Icône |
Vous pouvez définir une icône pour vos liens de menu. |
|
Largeur |
Vous pouvez définir la largeur totale en pixels pour la zone de sous-menu. |
|
Classe CSS personnalisée |
vous permet d'ajouter des classes CSS personnalisées au lien de menu. |
En activant Mega Menu, vous pouvez facilement créer et personnaliser le Mega Menu avec des éléments de sous-menu et des modules, qui vous propose différentes dispositions avec le système de construction de menus glisser-déposer. Chaque lien de menu contient des options de menu Astroid qui permettent d’ajouter des rangées, des colonnes, des liens et plus encore à un méga menu.

Vous pouvez ajouter des lignes en cliquant sur le bouton Ajouter une ligne qui apparaît en bas au centre. Lorsque vous cliquez sur le bouton Ajouter une ligne, une fenêtre contextuelle apparaît affichant les mises an page de 12 colonnes prédéfinies. Vous pouvez sélectionner ici la disposition du menu.

Après avoir sélectionné la disposition du menu, un bouton icône PLUS apparaîtra au centre, vous devriez pouvoir voir les éléments de sous-menu et les modules en cliquant sur cette icône. Vous pouvez sélectionner des modules et sous-menus existants pour insérer dans votre colonne.

En utilisant la fonction glisser-déposer, vous pouvez facilement arranger des colonnes, déplacer des éléments ou des modules dans une autre position, d’une colonne à l’autre.