Afin de minimiser le tunnel de vente nous allons supprimer l’étape du panier, passant directement à l’étape checkout en cliquant sur le bouton Acheter maintenant

Je vous conseille donc de renommer dans les traductions le Ajouter au panier par Acheter maintenant

1 Rendez vous sur votre administration et cliquez sur « online store »

2 Cliquez sur le bouton Action puis Edit HTML / CSS

3 Trouvez le dossier Sections et cliquez dessus, il va se dérouler afin d’afficher les fichiers qu’il contient

4 Trouvez le fichier product-template.liquid ou product.liquid selon le thème et cliquez dessus

5 Trouvez la partie de code se terminant par </form> et copiez/collez le code ci-dessous juste avant

<input type="hidden" name="return_to" value="/checkout" />

7 Il ne vous reste plus qu’a cliquer sur le bouton Save en haut à droite pour valider vos modifications !

 

Vous souhaitez me remercier et m’encourager à continuer mes tutos?

Alors n’hésitez pas à me faire un petit don même minime car c’est l’intention qui compte 😉

Je veux faire un don

Cet article a 43 commentaires

  1. Bonjour je n’arrive pas à ajouter ce code dans mon thème je ne trouve pas le bon endroit .. si vous pourriez m’aidez .. Merci 🙂

    1. Salut, c’est dans sections et le fichier product-template.liquid ou product.liquid ou une fichier avec un from dedans (ctrl + f et rechercher form pour trouver l’endroit)

  2. Bonjour,

    Ca ne change absolument rien. Quand je suis sur la page produit et que je clique sur ajout au panier, j’ai juste mon panier qui apparait sur la droite, mais aucun changement de page etc…

    Merci de votre retour,

    1. Ce système ne fonctionne pas avec le panier sur la droite mais sur un panier de type page

  3. Bonjour, j’ai le thème brooklyn sur mon site et j’ai l’impression que ce ne fonctionne pas pourtant j’ai suivi toute les étapes.

    1. Ce système ne fonctionne pas avec le panier sur la droite mais sur un panier de type page

      1. Après avoir suivi tous les tutos…Le Acheter maintenant que j’ai rajouter dans le bas de page, lui, redirige toujours vers le panier…une solution?
        Et j’en profite pour demander ou changer la couleur du texte de ce  » acheter maintenant  » en bas de page qui n’est pas la même que celui  » normal  » en haut..
        merci encore pour tout
        cordialement

        1. J’ai rajouté le code de redirection vers le checkout en revanche je n’arrive toujours pas à changer la couleur du texte du bouton..( plus qu’un problème ) 🙂

          1. Trouver l’identifiant du bouton son id=… aller dans le theme.scss.liquid ou timber.scss.liquid et reprendre la main dessus #iddubouton et le style que tu veux

        2. Salut, ca ne fonctionne que si le thème a un type de panier page et non modal ni en colonne de droite

  4. Bonjour, qu’est ce que vous appelez par « panier de type page » ?

    1. Bonjour, Panier qui s’affiche au format page donc au clic sur ajouter au panier on arrive sur une panier page contrairement à un panier en popup ou qui apparaît sur le côté droit

      1. et peut on installer ce genre de panier ? je suis sur le theme supply et donc j’ai un panier pop-up, peut on changer cela ?
        (en tout cas merci j’adore votre travail)

        1. Oui dans customize – theme settings – cart – choisir page
          Bonne journée

  5. Salut et déjà merci pour ce que tu fais c’est vraiment bien!
    Pour ce qui est du code à insérer pour accéder directement au checkout, je n’arrive pas du tout à trouver sur la page du code et d’autres. J’utilise le thème Narrative.

    Ca fonctionne différemment pour ce thème?

    Merci pour ton retour!

    1. Salut, va dans snippeds – product-form.liquid tu trouvera le formulaire ici sur ce thème 😉

  6. Bonjour j’ai bien ajouté le code mais quand je clique sur ajouter au panier cela ne m’amène pas directement sur la page de checkout

    1. Bonjour, tu as sans doutes un panier de type modal ou draw, ca ne fonctionne que sur les thèmes avec un panier de type page

  7. Bonjour,

    j’ai mis le code mais je souhaite l’enlever. Je l’ai supprimé et sauvegardé mais çà reste toujours, comment faire? merci

    1. Bonsoir, tu as du mal supprimer la portion de code revérifie et ensuite save. sur le site fait un ctrl + f5 pour vider tes caches et revérifie 😉

  8. Bonjour tout d’abord j’aimerais te dire que je trouve ce que tu as vraiment pratique.
    J’ai pu insérer beaucoup de tes codes sauf celui la.
    J’aimerais avoir aussi s’il est possible après que le client ai mit ajouter au panier, d’aller sur la page voir le panier au lieu de directement check out qui fait un peu aggressif.
    Egalement comment modifier ajouter au panier par acheter maintenant pour tester les deux méthodes

    1. Bonjour et merci pour le com
      Le acheter maintenant se gère dans les traductions de ton thème, pour aller directement au panier il suffit de ne pas faire ce tuto car c’est le fonctionne natif de shopify. ce tuto va justement faire l’inverse t’amener directement au checkout. Bonne soirée

  9. Salut,

    Je ne trouve pas la partie du code qui se termine par mais j’ai <form action…..
    Avec commande F je ne trouve pas nonplus.

    Si je colle devant <form… ça ne change strictement rien.
    Je suis bien sur SECTION. Product template liquid.

    Merci de votre aide

    1. Et je confirme que c’est pour un panier de type page

    2. Bonsoir, tout dépend du thème. regarder dans section si y a une form.liquid ou autre

  10. Bonjour,
    J’utilise le théme Venture donc un panier « page » j’ai trouvé la section, j’ai collé le code mais aucun changement :/ Une idée ?

    1. Bonjour,

      Regarde bien qu’il n’y ai pas des conditions d’affichage ou plusieurs formulaires

  11. Bonjour, j’utilise le thème supply et je ne trouve pas le «  ».
    J’ai regarder et même en faisant le crtl+f je ne le retrouve pas. Du coup je ne sais pas ou rajouter ce bout de code.
    Y-a-t-il une solution svp ? Merci !

    1. Bonjour, Je suis dans la même situation que toi Camille, as tu réussie? Merci

      1. Essayez de trouver une balise button et mettez le code du tuto avant

  12. Bonjour j ‘ai un problème avec ce bout de code il met un temps enorme à faire transiter de ma page produit à ma page check out

    1. Hello, tout dépend du thème et du nombre d’app installées 😉

  13. même problème avec le thème minimal

  14. bonsoir. j’ai monté un site de e commerce et je suis bloqué au niveau du checkout. En effet comment paramétrer cette fonction de manière à importer les articles du panier?

    1. Hello, je suis désolé je n’ai pas compris la question… Importer ? ce tuto passe d’une fiche produit au checkout donc un achat impulsif unitaire

  15. Bonjour, je ne trouve pas le mot même en cherchant avec ctrl + f
    Comment puis-je faire ?
    Je suis sur le thême supply

    1. Hello, essayer de trouver une balise et le coller avant. régulièrement dans product-template.liquid sur supply

  16. Bonjour, je ne trouve pas le mot même en cherchant avec ctrl + f
    Comment puis-je faire ?
    Je suis sur le thême Jumpstart

  17. Salut, Comment peux t’on faire si on utilise l’application GemPages?
    Je precise que je suis avec le theme debut et que, a l’heure actuelle, mes clients sont rediriges vers une page panier.
    Merci a vous 🙂

    1. Bonsoir, Gempages doit venir écraser la modif 🙂 je ne sais pas trop je n’utilise pas gempages désolé 🙂

  18. Bonjour, je suis sur le thèmes Debut et je ne trouve pas la formule
    Une solution ?
    Je suis bien dans dans Sections / product-template.liquid et j’ai essayer avec ctrl+F rien n’y fais
    Merci

    1. Moi aussi la même chose, avez-vous trouvé la solution ?

      Merci bcp!

    2. moi aussi… Avez vous trouvé une solution ?

Laisser un commentaire

Fermer le menu
×
×

Panier