- Vous êtes ici :
-
Accueil
-
blog / tutoriels
-
Tutoriels Astroïd
-
Options du template
- Divers

Sous la section Général, vous avez les paramètres suivants
Cette option vous permet d'activer ou de désactiver le préchargeur pour le site. C’est un effet affiché pendant le chargement du contenu.
|
Option |
Par défaut |
Description |
|
Animation |
aucun |
Ici, vous pouvez sélectionner l'animation pour le préchargeur depuis la liste. |
|
Couleur |
héritage |
Ici, vous pouvez définir la couleur de l'élément animé d'un préchargeur. |
|
Arrière-plan |
héritage |
Ici, vous pouvez sélectionner la couleur d’arrière-plan à afficher comme arrière-plan pour le préchargeur. |
|
Taille |
héritage |
Cette option vous permet de définir la taille du préchargeur. |

Le préchargeur est rendu à partir du fichier suivant, en savoir plus sur Astroid Overrides : Ici.
RACINE/templates/astroid_template_zero/frontend/preloader.php
Le bouton "Retour au sommet" vous permet de faire défiler en douceur vers le haut de la page en un seul clic. Cette option vous permet d'afficher/masquer le bouton Retour au sommet. Ce bouton s'affichera dans le coin inférieur droit de la page dès que l'utilisateur aura fait défiler un peu.
|
Option |
Par défaut |
Description |
|---|---|---|
|
Icône |
top-arrow |
Ici, vous pouvez sélectionner le style de l'icône pour le bouton retour au sommet dans la liste déroulante. |
|
Taille de l'icône |
default |
Vous pouvez facilement définir la taille de l'icône en pixel vers sa valeur maximale en déplaçant l’indicateur horizontal. |
|
Couleur |
Héritage |
Ici, vous pouvez définir la couleur de l'icône pour le bouton Retour au sommet. |
|
Couleur de fond |
Héritage |
Vous pouvez définir la couleur d'arrière-plan pour le bouton Retour au sommet. |
|
Forme |
Cercle |
Vous pouvez sélectionner la forme de l'icône à savoir. |
Par défaut, le bouton Retour au sommet sera activé sur mobile, désactivez-le si vous ne souhaitez pas utiliser cette fonctionnalité dans la vue mobile.

Le bouton Retour en haut est rendu à partir du fichier suivant. Pour en savoir plus sur les surcharges d’astroïd. Ici.
RACINE/templates/astroid_template_zero/frontend/backtotop.php
Vous pouvez utiliser deux mises en page principales pour votre site, Étendue ou Encadrée. La disposition étendue est la disposition par défaut pour le template et cela affiche votre contenu centré tandis que dans la disposition Encadrée vous pouvez appliquer un fond à votre corps de page et tout votre contenu sera toujours centré avec un arrière-plan tout autour. (des options apparaissent alors)
|
Option |
Par défaut |
Description |
|---|---|---|
|
Image d'arrière-plan
|
Aucune |
Sélectionnez une image d'arrière-plan pour la mise en page encadrée |
|
Répétition d'arrière-plan
|
No-Repeat |
Vous permet de choisir la répétition pour l'image d'arrière-plan. Vous pouvez sélectionner Répéter tout, répétition horizontale, répétition verticale ou pas de répétition. |
|
Background Size |
inherit |
Ajustez l'affichage de l'image d'arrière-plan. Vous pouvez sélectionner l'une des valeurs suivantes: |
|
Position de l'arrière-plan
|
Centre Haut |
Choisissez la position de l'image d'arrière-plan dans la liste déroulante. |
|
Attachement de l'arrière-plan
|
Fixé |
Définir le style de pièce jointe de l'image d'arrière-plan: Faire défiler – l’image de fond défile avec le contenu, Fixé – l'image de fond est fixe et le contenu défile dessus (Sélectionnez fixe si vous voulez avoir un effet de défilement parallaxe) |

La section en-tête contient votre logo, un méga-menu, un module de menu et un menu de canevas.
Désactiver l'en-tête désactiverait tous ces éléments.
Ici, vous pouvez sélectionner une position de module appropriée dans laquelle vous souhaitez afficher l'en-tête. La position du module doit exister dans le gestionnaire de mise en page. En savoir plus sur la création de positions de modules dans le gestionnaire de layouts ici.
Vous pouvez choisir parmi 6 types d'en-tête différents. Les mises en page d'en-tête fournissent une représentation visuelle de ce à quoi votre en-tête devrait ressembler.
Mise en page horizontale propose 3 mises en page différentes avec le logo sur la gauche et le méga menu à Droite, Centré ou Gauche. Vous avez également la possibilité d'ajouter un bloc à droite qui peut être une position de module ou un code HTML personnalisé.
Disposition d'en-tête empilée offre 3 options de mise en page différentes:
Empilé Centré : Cette mise en page vous fournit le logo et le menu au centre de la page avec une option pour ajouter un bloc sous le menu.
Empilé Séparé : Cette disposition vous permet d’avoir le logo entre les menus. La moitié des éléments de menu apparaîtra à gauche et l’autre moitié à droite, avec une option permettant d’ajouter des blocs au-dessus et au-dessous de la position du menu / logo.
En cas de nombre IMPAIR d'éléments de menu, vous pouvez sélectionner la position à droite ou à gauche pour un élément de menu supplémentaire.
Empilé Divisé : Cette mise en page vous propose le logo et le menu à gauche (superposés) avec la possibilité d’ajouter 2 blocs à droite, à côté du menu et / ou le logo.
Les blocs d'en-tête sont des positions qui vous permettent d'ajouter du contenu à l'intérieur de l'en-tête. Selon la disposition choisie, vous pouvez de voir 1 ou 2 blocs. Vous pouvez soit saisir directement du code HTML personnalisé dans chaque bloc, soit sélectionner une position de module de votre choix et publier des modules dans la position sélectionnée.
Vous pouvez sélectionner dans la liste déroulante quel menu Joomla! vous souhaitez publier en tant que menu principal.
Vous pouvez sélectionner dans la liste déroulante quel menu Joomla! vous souhaitez publier en tant que menu mobile.

Vous pouvez choisir un logo pour la vue de bureau, la vue mobile et l'en-tête fixe.
Le type de logo donne une option pour placer l'image pour le logo ou le texte de logo.
Paramètres de logo texte - Vous pouvez entrer le texte pour le logo et également un slogan optionnel.
Paramètres de logo image - Vous pouvez télécharger un logo pour la vue de bureau aussi bien qu’un pour la vue mobile.
Un sticky header est un menu ou une barre de navigation qui reste en haut de la page, quel que soit l'endroit où vous faites défiler. En d'autres termes, un en-tête "fixe". Vous pouvez activer ou désactiver l'option d'en-tête sticky. En activant l'option, l'en-tête restera en haut lorsque vous atteindrez sa position de défilement.
Vous pouvez afficher l'en-tête fixe de 2 manières différentes.
Fixe: Un en-tête sticky ou fixe apparaît lors du défilement d'une page.
Fixé lors du défilement vers le haut: L'en-tête fixe apparaît uniquement lorsque vous faites défiler vers le haut de la page.
|
Option |
Par défaut |
Description |
|---|---|---|
|
Logo en-tête fixe |
aucun |
Sélectionnez une image pour votre logo d'en-tête fixe (Le logo d'en-tête fixe est seulement pour le bureau et ne sera pas visible sur l'en-tête fixe mobile). |
|
En-tête fixe sur le Bureau |
Fixe |
Vous pouvez choisir si l'en-tête doit être fixe à tout moment ou fixe au défilement vers le haut. |
|
En-tête fixe sur les tablettes |
Fixe |
Vous pouvez choisir si l'en-tête doit être fixe à tout moment, fixe pour le défilement vers le haut ou statique (et non visible pour le défilement) en mode Tablette. |
|
En-tête fixe sur mobile |
Fixe |
Vous pouvez choisir si l'en-tête doit être fixe à tout moment, fixe pour le défilement vers le haut ou statique (non visible sur le défilement) dans la vue mobile. |

Ici vous pouvez personnaliser le style Off-Canevas pour votre site. Voici comment fonctionne un menu off-canvas: L'utilisateur clique sur une icône ou effectue une sorte d'action. (par exemple. glisser sur le dessus, révéler, pousser ) il en résulte un menu de navigation verticale glissant dans l’écran hors du canevas.
|
Option |
Par défaut |
Description |
|---|---|---|
|
Afficher/masquer la... |