Jump to content

Recommended Posts

Hello,

J'aimerai changé l'icone de mon panier et ajouter un bonhomme à la place de "connexion".

Ca fait des jours que je cherche sur Google, et impossible de trouver.

Savez vous quels sont les fichiers à modifier?

Share this post


Link to post
Share on other sites

bonjour

Quelle version de Prestashop ?

Share this post


Link to post
Share on other sites

ok. D'abord, utilisez l'inspecteur pour visualiser votre code (un clic droit sur le panier, Inspecter). Vous verrez si c'est une image ou une icône. En fonction des thèmes, cela peut être géré par un sélecteur :before ou :after. Vous verrez ainsi quelle est la class à retrouver et dans quel fichier css et à quelle ligne.

Ensuite, dans le fichier indiqué, il suffit de remplacer par ce que vous voulez.

Si c'est une image réglée directement dans le code et non dans le css :

-  pour le panier, ce devrait être dans themes > votre_theme > modules > ps-shoppingcart : ouvrir le fichier tpl

- pour le bloc de connexion themes > modules > ps_customersignin : ouvrir le tpl

Share this post


Link to post
Share on other sites

Tout d'abord, merci pour votre réactivité et votre aide.

- Pour le panier,  ça pointe vers une bibliothèque appelé "material-icons"

==>> <i class="material-icons shopping-cart">shopping_cart</i>

Je l'ai trouvé sur ce site (https://material.io/resources/icons/?search=shopping&icon=shopping_basket&style=baseline ), et via l'inspecteur en modifiant "shopping_cart" par "shopping_basket" l'icone change

- Pour le bloc connexion je n'ai pas d'image juste "connexion".

Merci d'avance

Share this post


Link to post
Share on other sites

pour le panier, vous voudriez mettre quoi ? un petit picto réalisé par vos soins ? ou une autre icône ?

si c'est par exemple un petit fichier image, il suffit de supprimer le <i... /> et remplacer par un <span> <img url="chemin_image" /></span> et puis peut-être faire quelques petits aménagements au niveau du css

Pour la connexion, idem juste avant la balise contenant connexion. Et un display:none sur celle-ci (en css)

Difficile d'être plus précise en aveugle !

Share this post


Link to post
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

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More