[RESOLU] Besoin de votre aide sur page produit

[BoutikShop69]

Bonsoir,

 

J'ai besoin d'aide pour finaliser l'agrandissement du nouveau bouton : Ajouter au panier. L'image du bouton ne reste pas fixe, comme le montre les Etats 2 et 3 dans les images jointes. Normalement il devrait rester comme sur l'image : Etat 1 - Mais dès qu'on clique pour ajouter un produit on prend le décalage sur l'image : Etat 2. Le 3 c'est quand on passe la souris sur le bouton, juste après qu'on ai ajouté un produit dans le panier. J'ai essayé les positions : absolute, fixed ... background-attachement, rien n'y fait. J'avais un vilain bloc avec un cadre derrière l'image du bouton, que j'ai réussi à régler.

 

Qu'ai-je oublié dans mon code, svp ? A la fin de mon product.css, j'ai ajouté :

 

#primary_block p.buttons_bottom_block input.addcartpanier, input.addcartpanier_disabled, a.addcartpanier, span.addcartpanier {

background-image: url("../img/addcartpanier.png");

float: center;

background-color: transparent;

border: none;

margin-left: 11px;

margin-top: 0;

margin-bottom: -1px;

color: #FFFFFF;

font-size: 13px!important;

text-align: center!important;

padding-top: 15px!important;

font-weight: bold;

text-transform: uppercase;

width: 180px;

height: 74px;

min-height: 74px!important

}

 

D'avance, merci pour votre aide.

 

Je suis prestashop 1.4.4.0

Edited June 15, 2013 by shooping (see edit history)

[BoutikShop69]

Il suffisait d'ajouter : background-position: center center;

 

Ca fixe l'image du bouton.