Créer un bouton "Voir mon panier"
Il est parfois utile de placer un bouton "Voir mon panier" en plus du panier d'achat qui apparait sur votre site e-boutique Jimdo. C'est pour cela que vous avez maintenant la possibilité de créer un bouton personnalisé qui amènera vos visiteurs sur la page du panier d'achat (la page qui amène au paiement).
Aperçu
Où insérer ces codes ?
Copiez le code choisi (qui se trouve dans un carré) et puis collez-le dans un élément widget/HTML.
Un simple bouton "Voir mon panier"
Voir mon panier
<a href="/j/checkout" class="cc-shop-addtocard cc-no-clickable-arrow">Voir mon panier</a>
<div style="clear:both;">
</div>
<div style="clear:both;">
</div>
On met le texte du bouton en italique
Voir mon panier
<a href="/j/checkout" class="cc-shop-addtocard cc-no-clickable-arrow"><i>Voir mon panier</i></a>
<div style="clear:both;">
</div>
<div style="clear:both;">
</div>
On met le texte du bouton en gras
Voir mon panier
<a href="/j/checkout" class="cc-sidecart-checkout" style=""><b>Voir mon panier</b></a>
<div style="clear:both;">
</div>
<div style="clear:both;">
</div>
On met le texte du bouton en italique et en gras
Voir mon panier
<a href="/j/checkout" class="cc-shop-addtocard cc-no-clickable-arrow"><i><b>Voir mon panier</b></i></a>
<div style="clear:both;">
</div>
<div style="clear:both;">
</div>
Comment personnaliser le bouton ?
Pour changer la couleur du bouton, allez simplement dans "Style", puis dans "Styles de l'e-boutique". L'onglet "Bouton" vous permet de modifer la couleur du bouton, la couleur au survol du bouton, choisir si le texte doit être en noir ou en blanc, ainsi que la taille du texte.
Un bouton avec une image
Il est d'également possible d'avoir un bouton panier d'achat avec sa propre image.
<a href="/j/checkout"><img src="https://u.jimcdn.com/www60/o/s10adc493e4ebb4cd/userlayout/img/panier.jpg?t=1389385620" alt="Mon panier"
/></a>
Remplacez "http://u.jimdo.com/www60/o/s10adc493e4ebb4cd/userlayout/img/panier.jpg?t=1389385620" par l'adresse url de votre propre image.
Un lien vers le panier d'achat dans votre menu !
Rien de plus pratique qu'un lien directement dans le menu de votre site qui redirige vers le panier d'achat.
Comment procéder ?
Tout d'abord survolez le menu principale de votre site en mode administration, puis cliquez sur "Modifier navigation". Ajoutez une nouvelle page à votre site, et mettez le code suivant dans la case pour le nom de la page en remplacant "zetuto.jimdo.com" par votre site web (exemple : votresite.com) :
Mon panier::_::https://zetuto.jimdo.com/j/checkout
Vous pouvez également changer le texte du lien qu'il y aura dans le menu en remplacant "Mon panier" par votre texte.
Écrire commentaire
Lorelÿ (mercredi, 05 février 2014 21:55)
ya rien à dire à part que t 'as assuré graaaave !! je viens de l'installer, c'est magnifique !
Merci infiniment t'es le meilleur !! merci encore qu'ALLAH te recompense.
Vaporun (mercredi, 12 février 2014 20:32)
impeccable.
auriez vous aussi le code source pour un widget
- un compteur visite
- espace membre
MARTRE (jeudi, 14 août 2014 02:16)
Bonjour,
Merci, c'est installé
kissfood (dimanche, 21 septembre 2014 16:35)
merci ça marche
Dominique Creppe (mardi, 30 décembre 2014 12:13)
merci, c'est super mais comment faire pour que le panier apparaisse en haut de la page dans le head?
esprit-malin (mardi, 30 décembre 2014 21:14)
c'est tip top comme je dis!!
Merci beaucoup pour les nombreux tutos qu'on peut trouver ici!!
Sarah Sabunci (mercredi, 18 février 2015 15:35)
Bonjour,
Merci pour ses astuces au top!
Je voulais savoir, pour le bouton panier avec l'image, j'ai pris l'URL du logo que je voulais, mais l'image est trop grande sur mon site. Peut-on le réduire?
Ze Tuto (lundi, 23 février 2015 14:24)
@Sarah,
si vraiment vous ne voulez pas vous embêter (avec des codes), ajoutez votre image normalement (avec un élément "image") et créez un lien vers la page panier d'achat sur cette image.
Bobby Rio (lundi, 02 janvier 2017 10:39)
Exercitation quis animi, eos pariatur? Provident, et ut cillum mollit eius ad officia perferendis voluptas est, suscipit.
Paul (vendredi, 24 août 2018 13:49)
Bonjour,
sur quel page exactement insérer le widget palier?
merci
nicolas (mardi, 28 août 2018 17:45)
Bonjour,
Le widget espace membre est toujours en cours ?
n'y a t'il a ce jour aucun moyens d'avoir ceci sur jimbdo ?
Merci d'avance,