Discussion :

[Tatooine]

Bonjour à tous,

Ceci est mon premier post, soyez indulgents !

Je suis en train de développer un site e-commerce sur Wordpress, et j'aurais besoin d'un peu d'aide en Javascript, n'y connaissant rien du tout, mais alors rien du tout.

Dans mon panier, pour enlever un article, une fonction est disponible. A l'état actuel, c'est ce code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
case "remove":
outputValue = me.valueToLink( "Remove" , "javascript:;" , "onclick=\"simpleCart.items[\'" + item.id + "\'].remove();\"" );
break;

Cela affiche le mot "Remove" dans mon panier, à côté de l'article.

Je voudrais remplacer ce mot "Remove" par une image, une croix rouge.
Je n'y arrive pas.

J'ai essayé de rajouter une image via le CSS, en créant une class dans mon html, l'image s'affiche, mais le mot "Remove" est présent également au dessus.
Le lien qui fait en sorte que l'article se retire du panier est positionné sur ce "Remove", en texte uniquement.


N'y aurait-il pas un moyen simple de modifier le code Javascript pour appeler directement une image, au lieu de ce texte "Remove" ?

C'est peut être très simple, mais comme je l'ai dit plus haut, je n'y connais rien en Javascript...

Merci pour vos suggestions.

[SpaceFrog]

Sans savoir exactement comment fonctionne valueToLink, je ne puis que proposer à l'aveuglette quelque chose du genre

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

outputValue = me.valueToLink( '<img src="Remove.png" />" ,

en espérant qu'il ne créé pas un textNode mais du innerHTML

[Tatooine]

Ok, en fait c'était tout simple. J'en ai presque honte.

Merci beaucoup, ça fonctionne !

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
case "remove":
outputValue = me.valueToLink( '<img src="image.png" />' , "javascript:;" , "onclick=\"simpleCart.items[\'" + item.id + "\'].remove();\"" );
break;