Jump to content

Prestashop 1.7 comment modifier la couleur de fond background du menu ?

Christophe Lacaze
 Share

Recommended Posts

  • Christophe Lacaze changed the title to Prestashop 1.7 comment modifier la couleur de fond background du menu ?
  • 3 weeks later...
Christophe Lacaze Rookie

Christophe Lacaze

Posted
  • Author
Posted

Bonjour,

merci pour la réponse, je ne peux pas trop mettre le site en production visible aux clients,

il est en mode maintenance et pointe vers l'ancien site.

https://enclumeetbarbotine.fr

Je cherche à modifier le background surligné dans la photo jointe qui se trouve dans index.php : 162

Je n'arrive pas à trouver le fichier principal index.php sur PrestaShop 1.7.8

Merci bonne journée.

Christophe

Link to comment
Share on other sites
Christophe Lacaze Rookie

Christophe Lacaze

Posted
  • Author
Posted

Merci pour la réponse, justement non, je ne le trouve pas dans le CSS du thème, tout le reste des couleurs

du menu se gère depuis l'admin du Module mégamenu ou depuis le CSS, mais là ce n'est pas dans le CSS

j'ai 2 parties blanches à chaque bout du menu (voir photo) que je n'arrive pas à modifier.

Link to comment
Share on other sites
Christophe Lacaze Rookie

Christophe Lacaze

Posted
  • Author
Posted (edited)

Bonjour et merci, dans PrestaShop 1.7 le fichier custom.css dont vous parlez a été remplacé par "theme.css" mais c'est pareil, 99% des modifications graphiques s'y trouve sauf quelques-unes qui ne sont pas dans le css mais dans index.php et ce fichier que je ne trouve pas. d'ailleur on vois bien sur ma copie d'écran jointe le layout_layout1 se trouve dans index.php et pas dans le css

Edited by Christophe Lacaze
précision (see edit history)
Link to comment
Share on other sites
thepackersmovers Newbie

thepackersmovers

Posted
Posted

I’m planning to relocate within Mumbai and looking for suggestions for good Packers and Movers in Mumbai. I want a service that’s professional, affordable, and handles packing and transportation safely. If anyone has recently shifted their home or office in Mumbai, please share your experience or recommend some trusted moving companies.

Link to comment
Share on other sites
wrongh Newbie

wrongh

Posted
Posted (edited)
On 10/2/2025 at 8:46 AM, Christophe Lacaze said:

Bonjour,

je cherche à modifier une couleur de fond dans background: -webkit-linear-gradient (voir photo)

Je suis sur PrestaShop 1.7.8

Comment accéder à ce fichier s'il vous plait ?

Merci d'avance

Chriss

menu_1.png

 

layout_layout1.png J'ai trouvé quelque chose de similaire  sur brunocasino-france.net, mais pour être sûr, j'ai décidé de poser la question ici.

Essayez de rechercher le bloc layout_layout1 dans ces fichiers, par exemple dans layout.tpl ou page.tpl.

Edited by wrongh (see edit history)
Link to comment
Share on other sites
Mediacom87 Grand Master

Mediacom87

Posted
Posted
Il y a 3 heures, Christophe Lacaze a dit :

Bonjour et merci, dans PrestaShop 1.7 le fichier custom.css dont vous parlez a été remplacé par "theme.css" mais c'est pareil, 99% des modifications graphiques s'y trouve sauf quelques-unes qui ne sont pas dans le css mais dans index.php et ce fichier que je ne trouve pas. d'ailleur on vois bien sur ma copie d'écran jointe le layout_layout1 se trouve dans index.php et pas dans le css

Tout faux.

theme.css est le fichier à ne jamais toucher sous aucun prétexte.

D'où l'explication limpide vous informant de respecter la structure de PrestaShop et de mettre toutes vos personnalisations dans le fichier custom.css.

Ce fichier est là pour cela et de base il est absent pour une chose toute simple, éviter de l'écraser lors d'une mise à jour du thème.

Quant à cette histoire de index.php, encore tout faut, rien n'est jamais présent dans index.php c'est juste un fichier qui va afficher tout le reste qui sera construit sur la base d'une structure CMV et objet.
Si votre navigateur vous affiche cela, c'est que le CSS abordé dans la page est directement intégré au code de la page et non pas chargé à partir d'un fichier CSS externe.

Donc, toute modification CSS apportée à un  thème doit se faire dans les surcharges des fichiers CSS des modules ou dans le fichier custom.css du thème que vous devez créer si il n'existe pas.

D'autre part, votre site étant en maintenance, nous ne pouvons y accéder pour une analyse plus profonde de ce problème CSS et peut-être vous communiquer les lignes de code à mettre dans custom.css pour corriger votre souci.

Link to comment
Share on other sites
Mediacom87 Grand Master

Mediacom87

Posted
Posted
il y a 45 minutes, Christophe Lacaze a dit :

Je comprends, merci de vos éclaircissements, voici le fichier en pièce jointe de custom.css du thème et celui du mégamenu.css en question.

merci pour votre retour, je reste a votre écoute.

custom.css 7.36 Ko · 0 downloads megamenu.css 78.49 Ko · 0 downloads

 

il y a 41 minutes, Christophe Lacaze a dit :

Il y a bien ce code dans le megamenu.css, mais pas de background :

layout_layout1 .ets_mm_megamenu_content {
    border-bottom: 1px solid #f5f5dc;
    border-top: 1px solid #f5f5dc;

Si on ne peut pas accéder en live au problème CSS on ne peut pas proposer de solution.

Link to comment
Share on other sites
Christophe Lacaze Rookie

Christophe Lacaze

Posted
  • Author
Posted (edited)

Merci, dans le live j'ai le code ci-dessous et la ligne en question est la suivante : 

background : -webkit-linear-gradient(#FFFFFF, #F2F2F2) répéter le défilement 0 0 rgba(0, 0, 0, 0);

------------------------------------------------------------------------------------------------

@media (largeur min : 768 px) {

.layout_layout1 .ets_mm_megamenu_content {

background : gradient linéaire (#FFFFFF, #F2F2F2) répéter le défilement 0 0 rgba (0, 0, 0, 0) ;

background : -webkit-linear-gradient(#FFFFFF, #F2F2F2) répéter le défilement 0 0 rgba(0, 0, 0, 0);

background : -o-linear-gradient(#FFFFFF, #F2F2F2) répéter le défilement 0 0 rgba(0, 0, 0, 0);

}

Après je peux désactiver la maintenance 30 mn mais pas guerre plus si vous êtes disponible.

Edited by Christophe Lacaze
précision (see edit history)
Link to comment
Share on other sites
Mediacom87 Grand Master

Mediacom87

Posted
Posted
il y a 49 minutes, Christophe Lacaze a dit :

Merci, dans le live j'ai le code ci-dessous et la ligne en question est la suivante : 

background : -webkit-linear-gradient(#FFFFFF, #F2F2F2) répéter le défilement 0 0 rgba(0, 0, 0, 0);

------------------------------------------------------------------------------------------------

@media (largeur min : 768 px) {

.layout_layout1 .ets_mm_megamenu_content {

background : gradient linéaire (#FFFFFF, #F2F2F2) répéter le défilement 0 0 rgba (0, 0, 0, 0) ;

background : -webkit-linear-gradient(#FFFFFF, #F2F2F2) répéter le défilement 0 0 rgba(0, 0, 0, 0);

background : -o-linear-gradient(#FFFFFF, #F2F2F2) répéter le défilement 0 0 rgba(0, 0, 0, 0);

}

Après je peux désactiver la maintenance 30 mn mais pas guerre plus si vous êtes disponible.

Votre code n'est pas ainsi écrit en français, c'est juste une traduction automatique sur le forum ou un truc dans le genre ?

Link to comment
Share on other sites
Christophe Lacaze Rookie

Christophe Lacaze

Posted
  • Author
Posted

Merci pour la réponse, vous me l'avez déjà dit, j'ai besoin juste du chemin pour accéder au bon dossier, la modif, je sais la faire et je pensais que c'était tout simple et qu'il y aurait ici des personnes qui connaissent PrestaShop pour m'aiguiller sur le dossier en question. Merci quand même, je vais continuer à chercher

Link to comment
Share on other sites
Mediacom87 Grand Master

Mediacom87

Posted
Posted

Alors super simple, vous mettez toutes vos personnalisations CSS dans le fichier custom.css de votre thème.

Et ce n'est pas parce qu'on n'est pas devin qu'on n'est pas spécialiste de PrestaShop, c'est juste que comme un dentiste, je n'arrive pas à réparer une carie à distance même si je sais exactement à quoi ressemble votre bouche.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing
×
×
  • Create New...