Jump to content

changer l'icone panier et connexion


Recommended Posts

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

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

Link to comment
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 !

Link to comment
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...