Comment personnaliser les styles et l’ouverture des sous-menus ?
Partir des réglages généraux
Dans Réglages généraux, les sections correspondent aux différents niveaux du menu, du conteneur aux éléments. Réglez les couleurs, la typographie et les espacements à ce niveau pour obtenir un ensemble cohérent.
Dans les formulaires qui proposent des réglages de style propres à un objet, une valeur spécifique remplace le réglage global correspondant. Laissez le champ vide pour conserver le style global. Commencez par modifier un seul réglage, puis vérifiez son effet avant de poursuivre.
Choisir comment et où s’ouvre le sous-menu
Dans la section consacrée aux sous-menus, Méthode d’ouverture permet de choisir le survol ou le clic. Contrôlez le résultat sur la boutique, notamment si le thème gère déjà des interactions de menu.
Le réglage Position peut aligner le bord gauche du sous-menu sur l’onglet courant ou sur le menu global. Avec l’alignement sur l’onglet, le sous-menu commence au niveau de l’entrée qui l’ouvre ; avec l’alignement sur le menu global, il prend le bord gauche de la barre comme repère. Le rendu final dépend aussi de la largeur du sous-menu et du thème.
Pour centrer les onglets dans la barre, consultez la FAQ sur le centrage du menu.
Corriger une superposition
Si un autre bloc de la page recouvre le sous-menu, contrôlez sa valeur de z-index. Augmentez-la si nécessaire, puis vérifiez les pages où se produit le chevauchement. Si cela ne suffit pas, faites contrôler les règles de superposition du thème par votre intégrateur.
Utiliser les styles avancés
Dans Styles avancés, les champs de classes s’appliquent à des zones distinctes :
.adtm_menu_container: le conteneur du menu ;#adtm_menu: le menu ;#adtm_menu_inner: le sous-conteneur du menu.
Renseignez dans ces champs les classes utiles à votre thème. Le champ CSS personnalisé sert à ajouter des règles CSS ; faites intervenir votre intégrateur si une adaptation est nécessaire. Vérifiez les règles d’un ancien thème avant de les réutiliser.
Conservez une copie de ce CSS avant toute modification ou migration : il est stocké séparément et n’est pas inclus dans l’export JSON. La procédure de migration du menu détaille les éléments à transférer.