Comment remplacer le bouton panier de Virtuemart 2.0 ?

[alien77]

Bonjour à tous...
J'ai cherché plusieurs jours mais je n'ai pas trouvé ma réponse.

Je souhaite remplacer le bouton panier d'origine de Virtuemart 2.0 par un autre bouton.
Je possede mon panier dont l'extension est .png ou .gif
Je sais que l'équipe virtuemart a travaillé pour optimiser le poids des images ...
Mais c'est pour reprendre l'esprit de mon site.

Merci d'avance.

[TristanB]

Re : Comment remplacer le bouton panier de Virtuemart 2.0 ?

Bonjour à tous...
J'ai cherché plusieurs jours mais je n'ai pas trouvé ma réponse.

Je souhaite remplacer le bouton panier d'origine de Virtuemart 2.0 par un autre bouton.
Je possede mon panier dont l'extension est .png ou .gif
Je sais que l'équipe virtuemart a travaillé pour optimiser le poids des images ...
Mais c'est pour reprendre l'esprit de mon site.

Merci d'avance.

Bonjour,

il suffit de le remplacer dans le css, pouvez vous nous donner m'adresse de votre site pour que je puisse vous dire ce qu'il faut changer.

[electrocity]

Re : Comment remplacer le bouton panier de Virtuemart 2.0 ?

Modifiez le fichier :
MONSITE\components\com_virtuemart\assets\css\vmsit e-ltr.css
chercher : span.addtocart-button input.addtocart-button, span.addtocart-button input.notify-button
ou plus précisement : addtocart-button
le bouton est utilisé dans plusieur cas pour optimiser la taille du CSS.
le fichier image utilisé est MONSITE/components/com_virtuemart/assets/images/vmgeneral/backgrounds.png

Vous pouvez aussi faire un overide CSS en copiant le fichier vmsite-ltr.css dans votre template.
MONSITE\templates\montemplate\css\vmsite-ltr.css
bien sur il faudra aussi copier toutes les les images qui en dépendent dans ce cas.

[alien77]

Re : Comment remplacer le bouton panier de Virtuemart 2.0 ?

A vrai dire.. je rame un peu
je suis actuellement en local.
J'ai bien modifier le nom de fichier en le remplaçant par "panier.png" dans le même racine.
j'ai réussi a modifier la taille, par contre mon image ne s'affiche pas. J'ai un fond gris clair (e8e8e8)


voici mon code :

}
span.addtocart-button input.addtocart-button,span.addtocart-button input.notify-button{width:152px;background:#e8e8e8 url(../images/vmgeneral/panier.png) top repeat-x;background-position:0 -

160px;color:#fff;border:solid #00a000 1px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;font-size:14px;cursorointer;height:80px;text-align:center;letter-

spacing:1px;padding:4px 5px;}
span.addtocart-button input.addtocart-button-disabled {width:auto;background:#f2f2f2 top repeat-x;border:solid #333 1px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;font-

size:14px;cursorointer;height:34px;text-align:center;letter-spacing:1px;padding:4px 5px;color:#333;margin:10px 0px 0px 0px;}

puis

.customer-reviews,.ask-a-question-view .form-field{margin:25px 0 0;}
span.variant-name,span.custom-variant-name{width:100px;float:left;display:block;margin-bottom:5px;}
span.addtocart-button input.addtocart-button:hover,span.addtocart-button input.notify-button:hover,input.highlight-button:hover,a.highlight:hover{background-position:0 -200px;color:#f2f2f2;}
.category-view .row .category .spacer,.featured-view .spacer,.latest-view .spacer,.topten-view .spacer,.recent-view .spacer,.related-products-view .spacer,.browse-view .row .product .spacer

{padding:6px;}

[electrocity]

Re : Comment remplacer le bouton panier de Virtuemart 2.0 ?

SI vous ne voyez pas l'image c'est que elle n'est pas au bonne endroit.

SI vous avez directement modifier le fichier vmsite-ltr.css

url("../images/vmgeneral/backgrounds.png")

en

url(../images/vmgeneral/panier.png)

alors l'image doit être ici

MONSITE/components/com_virtuemart/assets/images/vmgeneral/panier.png

pour info
le bouton est utilisé dans plusieurs cas pour optimiser la taille du CSS. donc en modfiant que cela les autres bouton risque d'être modfier.

[alien77]

Re : Comment remplacer le bouton panier de Virtuemart 2.0 ?

Oui c'est bien ça. J'ai fais exactement ces modifications.
J'obtiens un bouton gris clair.
par contre lorsque je fais un clic droit sur le bouton, puis afficher l'image... j'ai bien mon bouton qui apparait dans mon navigateur.

[electrocity]

Re : Comment remplacer le bouton panier de Virtuemart 2.0 ?

Tu peut forcer l'image en ajoutant une règle CSS.

input.addtocart-button,input.addtocart-button:hover{background-image:url("../images/vmgeneral/panier.png") !important}

[alien77]

Re : Comment remplacer le bouton panier de Virtuemart 2.0 ?

Merci
C'est super cela fonction pour l'intégration de mon fichier permettant de remplacer le bouton d'origine.
Besoin d'un conseil pour enlever le texte "Ajouter au panier" de ce bouton. faut-il l’enlever des fichiers langues ?

[electrocity]

Re : Comment remplacer le bouton panier de Virtuemart 2.0 ?

Meilleur solution pour la langue

http://forum.joomla.fr/showthread.php?145614-Template-override-fichier-de-langue-d-un-composant