modifier la couleur ou l'image du bouton ajouter au panier sur prestashop 1.5

[montana063]

Bonjour a tous,

 

Après de longue recherche sur internet et sur le forum je ne trouve pas mon bonheur.

Je recherche comment modifier le bouton ajouter au panier ou même d'autre bouton par la suite car la couleur ne me va pas du tout et l'aspect non plus.

 

Problème !! depuis la nouvelle version de prestashop les boutons ne se trouve plus dans le fichier img du thème utilisé et impossible de mettre la main dessus.

 

Merci d'avance de votre aide.

[Szed]

L'image se trouve bien dans le dossier image du thème.

Il s'agit du fichier bg_bt.gif (entre autre), pour les boutons jaune.

Elle comprend les 3 états du bouton (normal, hover, click), et se répète horizontalement.

[montana063]

L'image se trouve bien dans le dossier image du thème.

Il s'agit du fichier bg_bt.gif (entre autre), pour les boutons jaune.

Elle comprend les 3 états du bouton (normal, hover, click), et se répète horizontalement.

Bonjour et merci de ta réponse.

 

Malheureusement il n'y a pas de bouton dans le dossier img en revanche 

j'ai trouvé des lignes dans le css qui me permettent de modifier une partie des boutons en modifiant la class exclusive_large

le souci que j'ai maintenant c'est qu'il faut que je les retrouvent dans le global.css et le deuxième problème viens du survol du bouton qui deviens noir et là je sèche un peu.

 

Pour vous donner une idée du site 

http://itech-phone.com

[Szed]

Autant pour moi, je vous croyais sur le thème par défaut.

 

Tout vos boutons sont en CSS.

Par exemple :

background-color: #3a3a3a;
background-image: -moz-linear-gradient(top,#444444,#2b2b2b);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#444444),to(#2b2b2b));
background-image: -webkit-linear-gradient(top,#444444,#2b2b2b);
background-image: -o-linear-gradient(top,#444444,#2b2b2b);
background-image: linear-gradient(to bottom,#444444,#2b2b2b);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444',endColorstr='#ff2a2a2a',GradientType=0);
color: #ffffff;
text-shadow: 1px 1px 0 #2b2b2b;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-border-radius: 2px;
border-radius: 2px;
border: 1px solid #2b2b2b;
border-bottom-color: #111111;

pour les boutons noir avec la class exclusive.

Désactiver la compression CSS, et inspecter vos boutons avec firebug ou F12 sous Chrome

Vous aurez les propriété CSS et les lignes des fichiers CSS.

Vous pourrez également forcer un élément hover (clic droit sur le bouton html) et voir le CSS appliqué lors d'un hover (même si dans le CSS, l'état normal et l'état hover devrait se suivre!)

[montana063]

Autant pour moi, je vous croyais sur le thème par défaut.

 

Tout vos boutons sont en CSS.

Par exemple :

background-color: #3a3a3a;
background-image: -moz-linear-gradient(top,#444444,#2b2b2b);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#444444),to(#2b2b2b));
background-image: -webkit-linear-gradient(top,#444444,#2b2b2b);
background-image: -o-linear-gradient(top,#444444,#2b2b2b);
background-image: linear-gradient(to bottom,#444444,#2b2b2b);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444',endColorstr='#ff2a2a2a',GradientType=0);
color: #ffffff;
text-shadow: 1px 1px 0 #2b2b2b;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-border-radius: 2px;
border-radius: 2px;
border: 1px solid #2b2b2b;
border-bottom-color: #111111;

pour les boutons noir avec la class exclusive.

Désactiver la compression CSS, et inspecter vos boutons avec firebug ou F12 sous Chrome

Vous aurez les propriété CSS et les lignes des fichiers CSS.

Vous pourrez également forcer un élément hover (clic droit sur le bouton html) et voir le CSS appliqué lors d'un hover (même si dans le CSS, l'état normal et l'état hover devrait se suivre!)

 

Merci encore de t'as réponse,

Je tiens a te remercier cela à marché a merveille. ^^

[PEPITO49]

Bonjour

 

je suis dans le même cas, Prestashop 1.6

 

Je cherche à changer la couleur de mes boutons

 

Merci SVP de m'indiquer dans quels dossiers ou fichiers CSS agir

 

Merci !

Edited May 2, 2015 by PEPITO49 (see edit history)

[Mediacom87]

Bonjour,

 

déjà ouvrez votre topic pour votre problème qui concerne une version différente de Prestashop.

 

Mais dans tous les cas la réponse est toujours la même pour changer quelque chose dans le design de Prestashop, prenez firebug ou les outil développeurs de votre navigateur préféré et analysez le code. Pensez juste à désactiver la concaténation des fichier css dans l'onglet Performance de votre installation Prestashop.

 

 

De plus si vous aviez pris le temps de lire ce topic vous auriez compris qu'il était sympa de doner un lien vers votre site car sinon je peux vous répondre simplement pour adapter le design de votre site.

 

Tous les fichiers se trouve dans votre répertoire template !