Parfois on peut souhaiter avoir des onglets d’une couleur différente des autres, par exemple pour le mettre en relief.

Dans notre exemple je voudrai que la catégorie robe soit de couleur rouge sur fond orange.

onglet

Pour cela j’ai besoin de cibler spécifiquement cet onglet, mais malheureusement ca n’est pas prévu par prestashop, donc on va devoir utiliser une petite astuce en utilisant l’id de catégorie.

1 Cherche l’id de la catégorie que l’on souhaite cibler

Rendez-vous dans la back-office et choisissez l’onglet catégorie, sélectionnez votre catégorie et notez l’id de la catéogorie que vous souhaitez changer, pour moi c’est les robes donc c’est l’id 8.

catalogue

2 Modifier le superfish-modified.css

Dans le dossier de votre thème :

css –> module –> blocktopmenu–> superfish-modified.css

Allez à la fin du fichier et écrivez :

.sf-menu a[href*="8"]{
background: orange;
color: red;
}

8 représente l’ID de ma catégorie, vous pouvez le remplacer par votre id catégorie ou par des mots contenus dans votre lien, par exemple contact.

Et voila vous savez maintenant comment cibler un lien du menu et lui donner une couleur de texte ou une couleur de fond particulière.

Inscrivez-vous à notre newsletter

Des astuces, du référencement, des techniques pour les E-commerçants