Modifier le visuel du menu principal version 1.7.7.5 [Police et couleur de police, couleur de fond du menu]

[Leks]

Bonjour,

Après avoir écumé le net tout l'après-midi et avant d'abandonner face à mes trop faibles notions, je tente de trouver de l'aide ici, pour me renseigner sur le fichier à modifier dans le but de modifier la police, la couleur de celle-ci, ainsi que la couleur du font du menu principal, sur le thème proposé de base sur Prestashop 1.7.7.5

Je me désole de constater qu'il n'était plus aussi simple que dans le passé d'opérer les modifications directement sur le fichier theme.css.

Le soucis qui se présente, c'est que je doute sur le fichier à modifier pour personnaliser le menu principal.. J'ai trouvé un début de réponse sur un site, avec cette illustration, qui modifie le fichier head.tpl (via themes/Theme id/templates/_partials) pour changer la police, est-ce toujours d'actualité dans la dernière version de Prestashop ? :

=>Qu'en est-il de la couleur de la police et de la couleur de fond du menu ?

Le soucis, c'est qu'après avoir réalisé ça, ce même site mentionne qu'il faut également opérer le changement sur le fichier theme.css, mais désormais avec les 6 pauvres lignes qui le compose, je ne retrouve aucun code qui traite du menu, cf. illustration :

Voilà, j'espère que ma bouteille à la mer trouvera preneur..

Edited July 23, 2021 by Leks (see edit history)

[Mediacom87]

Salut,

encore un très bon site qui donne de bon conseilles.

Maintenant si on veut réellement faire des trucs convenablement on va arrêter de rire.

Si vous voulez personnaliser le css d'un template vous utilisez le fichier custom.css.

Theme.css est générer à l'aide des fichier scss https://devdocs.prestashop.com/1.7/development/compile-assets/

Concernant les fonts google il faut apprendre à faire cela proprement, ce qui doit être fait sur 1% des sites qui donnes des conseilles sur le sujet, c'ets assez dingue que pas un seul designer moderne ne sache faire la moindre optimisation de base.

Donc lorsque l'on veut appeler plusieurs polices Google on ne fait qu'un seul appel.

Pour le faire convenablement il suffit de vous rendre sur le site de google font qui permet de construire facilement ce genre de code et d'obtenir ce qui suit :

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Philosopher:wght@400;700&family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet"> 

En espérant que cela vous aidera.

Par contre je n'ai pas pas le temps de réécrire encore une fois le six centième tuto sur la méthode poiur identifier les règles css à modifier. Mais au pire dites le moi et je ferais l'effort.