Jump to content

Comment changer l'icone du panier en haut à gauche


benetophe

Recommended Posts

Bonsoir à tous.

Voilà plus de 3h que j'essais de changer l'icone du caddie en haut à gauche de prestashop.

L'icone en question se nomme CART.GIF et il se situe dans themes\mon_theme\img\icon.

En fait j'ai réussi à le changer (pas très comppliqué) mais je n'arrive pas à le faire apparaitre en entier.

La taille de mon image fait 80x87px alors que l'ancien fait 23x18px.

 

J'ai changé la hauteur dans le global.css :

 

#header_user #shopping_cart a, #header_user #your_account a {

background-repeat: no-repeat;

background-position: top left;

padding: 2px 0 4px 26px;

height: 100px;

text-decoration: none

}

 

et dans le blockuserinfo.css :

 

#header_user #shopping_cart a, #header_user #your_account a {

background-repeat: no-repeat;

background-position: top left;

padding: 2px 0 4px 26px;

height: 87px;

text-decoration: none

}

 

 

Mais rien n'y fait.

 

Merci à tous pour votre aide car je suis largué.

Merci

Link to comment
Share on other sites

Salut et un grand merci à toi... Ca fonctionne nickel....

C'est le seul paramètre que je n'avais pas changé.

 

Pour aider les autres, il faut changer cette valeur sur les fichiers :

- global.css (.../themes/votre_theme/css/global.css)

- blockuserinfo.css (.../themes/votre_theme/css/modules/blockuserinfo/blockuserinfo.css)

 

Merci encore.

 

Juste une autre petite question :

Comment fait-on pour enlever le mot PANIER qui se trouve à côté ?

 

Merci encore

A+

Link to comment
Share on other sites

  • 5 months later...

Bonsoir à tous

je relance car j'ai un pb similaire J'ai bien modifié ds le blockuserinfo.css de mon thème

en revanche je n'ai pas cette portion de code ds le global css de mon thème.

l'icone fait bien 100px x 100px mais elle se positionne trop bas et se superpose avec les liens

mon compte bienvenue etc en haut a droite

 

#shopping_cart a {
   background: url("../../../img/cart_icon.gif") no-repeat scroll left center transparent;
   color: #FFFFFF;
   display: inline-block;
   font-weight: bold;
   line-height: [b]100[/b]px;
   padding: 0 0 0 [b]100[/b]px;
}

Link to comment
Share on other sites

  • 4 years later...

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
×
×
  • Create New...