L'Auteur du site

Passionné par le web, je suis un JimdoFriend et mets à disposition des tutoriels et astuces pour Jimdo gratuitement.

Rechercher

Sur Facebook

Réseaux sociaux

Retrouvez moi sur Twitter et Google+ également.

Newsletter

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

bouton boutique

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>

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>

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>

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>

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.

Mon panier
<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::_::http://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

Commentaires : 10
  • #1

    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.

  • #2

    Vaporun (mercredi, 12 février 2014 20:32)

    impeccable.
    auriez vous aussi le code source pour un widget
    - un compteur visite
    - espace membre

  • #3

    Ze Tuto (jeudi, 13 février 2014 18:19)

    Bonjour,
    Pour le compteur de visite, je vous conseil celui de moostik.com.
    En ce qui concerne le widget espace membres, il faudra patienter un peu, le projet est en cours.
    Bien cordialement.

  • #4

    MARTRE (jeudi, 14 août 2014 02:16)

    Bonjour,
    Merci, c'est installé

  • #5

    kissfood (dimanche, 21 septembre 2014 16:35)

    merci ça marche

  • #6

    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?

  • #7

    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!!

  • #8

    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?

  • #9

    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.

  • #10

    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.