Changer les couleurs de vos boutons d'achat
Par Olivier Martineau le samedi 5 janvier 2008, 18:06 - 42stores - Lien permanent
Peu d'entre vous on changé la couleur des boutons d'achat, vous devez probablement beaucoup aimer le orange (comme moi). Mais si en fait, vous ne saviez pas comment faire, voici la piste :
Il faut modifier le CSS dans la feuille de style.
Pour la couleur du blog et des bordures :
Et pour le bouton :
Et voilà, plus qu'à mettre les codes hexa de vos jolies couleurs.
Il faut modifier le CSS dans la feuille de style.
Pour la couleur du blog et des bordures :
.productDetail table.blocprice {background-color:#FFFFCC; // fond
border: 1px solid #FFFF66; // bordure de droite et de gauche}
.productDetail .blocprice td {
border-bottom: 1px solid #FFCC66; // bordure du bas
border-top: 1px solid #FFCC66; // bordure du haut
}
Et pour le bouton :
Pour les boutons d'achat de la page d'accueil :.productDetail .blocprice td.buynow a{
color: #FF3300; // couleur du texte
background-color: #FFCC66; // couleur du fond
}
.productDetail .blocprice td.buynow a:hover{
color: #FFCC66; // idem mais quand la souris est dessus
background-color: #FF3300;
}
.productInList .buynow a {background-color:#FFCC66;color:#FF3300;}
.productInList .buynow a:hover { // idem mais quand la souris est dessusbackground-color:#FF3300;color:#FFCC66;}
Et voilà, plus qu'à mettre les codes hexa de vos jolies couleurs.

Commentaires
Super merci, jy vais de ce pas (changer la couleur des boutons)
@+
merci beaucoup, j'ai changé...
temps qu'on y est c'est quoi le code pour changer les fond de la boutique ...je dis "les" parce que moi j'ai 4 couleurs différentes.
merci par avance
En fait, c'est pas simpe sur ce thème. Il faudrait que je fasse une documentation complet. Vous êtes nombreux à l'utiliser, et je trouve qu'il marche bien pour une boutique.
Quand j'ai un peu de temps je fais une doc complete de personnalisation (remplacement des différentes images, couleur de fond, etc.)
Et en page d'accueil, auriez-vous le code CSS pour la couleur des boutons s'il vous plait ?
Claire, je viens d'ajouter ça à la fin du billet, c'est vrai que ca va de pair !
Merci beaucoup !
Désolé pour la polution de ces commentaires mais je t'ai transmis le virus du 5 * 3 * 2007 un petit cadeau empoisonné non je rigole http://blog.passion-tarn-et-garonne... je sais pas d'où cela provient mais finalement je l'ai fait car cela permet de sortir un poil du fil habituel de nos blogs.
Bonjour !
J'ai u petit souci : lorsque que je vais sur la page concernée pour modifier le css, je ne vois rien dans la feuille de style, c'est blanc... Y'a-t-il une manip à effectuer pour faire apparaitre les codes ? Dans le même registre, je n'arrive même pas à mettre une bannière... :( Je suis désolée, je suis particulièrement nulle en informatique ! :))
Val, pour les problèmes particuliers, le mieux est de passer par l'interface "support" dans l'admin. Mais je vous répond quand même : La feuille de style est vierge, il faut "surcharger" les styles existants.
Pour la baniere, il y a un petit bug, l'image ne doit pas avoir d'espace dans le nom (corrigé dans la version qui arrive !)
Merci beaucoup pour votre réponse ! Bon dimanche ! :)
Je poste cela ici, je ne sais pas trop où mettre ma question. Peux-t-on changer couleurs...des titres h2, de la colonne droite ?
Je ne trouve pas comment programmer cela. J'ai testé pas mal de choses, sans résultat.
Merci d'avance