Comment créer un second bouton ajouter au panier sous la description sur shopify ?

Nous allons voir dans ce tutoriel comment créer un second formulaire d’ajout au ajouter sous la description

Cette technique à l’avantage de proposer un appel à l’action après la lecture de la description pour que le client évite de remonter la page. Comment vous le savez il est important de minimiser les actions de l’internaute et lui faciliter la tâche pour maximiser le passage à l’action et donc l’achat.

Passons à la partie technique

1. Se rendre sur l’admin et cliquer sur « Boutique en ligne »

2. Cliquer sur Actions -> Modifier code

3. Trouvez le dossier « Sections» et cliquez dessus cela va dérouler les fichiers qui le compose

4. Cliquer sur le fichier product-template.liquid

5. Trouvez la ligne de code {{ product.description }}  et copiez/coller le code ci-dessous juste en dessous

<style>.js-qty, .ajaxcart__qty {max-width:100px;margin: 10px auto;min-width: 75px;}</style>
<form action="/cart/add" method="post" id="addToCartForm"><br />
  <strong style="margin-bottom:10px;">{{ product.title }}</strong><br />
  <select style="margin-bottom:10px;" name="id" id="productSelect-{{ section.id }}" class="product-variants product-variants-{{ section.id }}">
    {% for variant in product.variants %}
    {% if variant.available %}
    <option {% if variant == product.selected_or_first_available_variant %} selected="selected" {% endif %} data-sku="{{ variant.sku }}" value="{{ variant.id }}">
      {% if variant.title != "Default Title" %}
      {{ variant.title }} - 
      {% endif %}
      {{ variant.price | money_with_currency }}</option>
    {% else %}
    <option disabled="disabled">
      {{ variant.title }} - {{ 'products.product.sold_out' | t }}
    </option>
    {% endif %}
    {% endfor %}
  </select>
  <br />
  <label style="margin:10px 0 5px 0;" for="quantity" class="quantity-selector quantity-selector-{{ section.id }}">{{ 'products.product.quantity' | t }}</label>
  <input type="number" id="quantity" name="quantity" value="1" min="1" class="quantity-selector">
  <button type="submit" name="add" id="addToCart" class="btn add-cart-secondary">
    <span class="icon icon-cart"></span>
    <span id="addToCartText-{{ section.id }}">Acheter maintenant</span>
  </button>
</form>

6. Cliquez sur le bouton « Enregistrer » ou faite ctrl + s

7. Trouvez ensuite le dossier « Ressources (Assets) » et cliquez dessus cela va dérouler les fichiers qui le compose

8. Trouvez votre fichier .js, theme.js, global.js, ou tout simplement un xxx.js.

9. Cliquez sur le bouton « Enregistrer » ou faite ctrl + s pour bien enregistrer le tout.

Vous voila avec un joli second formulaire sur votre fiche produit shopify !

Ce tutoriel existe aussi en vidéo

Bon tuto à tous.

Inclus dans Speedfly
Merci de me laisser une petite note 😉
[Note moyenne de: 5 sur 6 votes]

Besoin d'aide ?

Vous avez un problème pour faire fonctionner ce tutoriel ou vous avez un besoin spécifique ?
Nous pouvons le faire pour vous ! pour ce faire merci de prendre contact avec notre équipe.

En savoir plus

🤗 Vous souhaitez me remercier pour mes Tutos ?

Cliquez sur le bouton ci-dessous pour m'encourager à continuer 😉

Payer un Café à Dgeo Dev

Besoin de déléguer votre SAV ?

Si vous avez besoin d'une personne pour gérer votre SAV j'ai la perle rare 😉 contactez moi en MP ou cliquez sur le bouton ci-dessous:

Je veux déléguer mon SAV

🤗 Vous souhaitez me remercier pour mes Tutos ?

Cliquez sur le bouton ci-dessous pour m'encourager à continuer 😉

Payer un Café à Dgeo Dev

Cet article a 82 commentaires

  1. Dan

    27 Déc 2017 Répondre

    Salut Geoffrey , merci pour tout ces tutos très instructifs .. vraiment !
    par contre, je rencontre un petit soucis d’affichage sur mon panier et sur celui que j’ai rajouté grâce à toi : « Default Title » s’affiche quand je n’ai qu’un seul choix et pas de variantes sur le produit. De plus, un petit « Title » viens se glisser juste au dessus de la case ( choix de la variante) sur mon panier principal. j’aimerai bien enlever ce dernier et traduire le « titre par défaut » car mon site est pour l’instant exclusivement francophone. J’utilise le thème Début.
    Au plaisir , et chapeau !! tu fais un sacré boulot !

    1. dgeo22

      27 Déc 2017 Répondre

      Salut et merci pour le com
      J’ai mis à jour le code pour traduire automatiquement le texte en FR 😉
      Dis moi si ca fonctionne bien
      Bonne soirée

      1. Dan

        29 Déc 2017 Répondre

        Salut , j’ai essayé mais cela n’a pas fonctionné .. jusqu’à ce que je regarde de plus près ton nouveau code. Vu que le thème Début est assez spécial , j’ai coupé la partie que tu a ajouté :

        $(« .product-variants option »).each(function() {
        var text = $(this).text();
        text = text.replace(« Default Title », « Prix »);
        $(this).text(text);
        });

        et je l’ai placé tout en bas de mon fichier « theme.js »
        j’ai enlevé les qu’il restait et ça fonctionne !! merci à toi !! encore et toujours efficace.

        Par contre j’ai toujours le même problème pour mon panier principal … un « Title » juste au dessus de la case variante et un « Default Title » dans cette case quand il n’y a qu’une seule variante … je vais essayer de voir si ton code fonctionne pour lui aussi. je te tiens au courant !

        1. cyril

          17 Fév 2018 Répondre

          Bonjour , as tu réussi à résoudre ton problème ? J’ai le thème Début également et j’ai le « default title » qui s’affiche lorsque l’article à seulement une variante…

          Pourrais tu me partager ce que tu as modifié s’il te plait ?

          1. dgeo22

            18 Fév 2018

            Le tuto est modifié pour prendre en compte les thèmes incompatibles 😉 vous pouvez retester

  2. Benjy

    31 Jan 2018 Répondre

    Slt, stp tu peux me dire comment enlever le rectangle avec Default Title – Prix et celui de la quantité ?

    Merci beaucoup !

    1. dgeo22

      1 Fév 2018 Répondre

      Salut, sans voir le site je ne pourrai te dire ca à l’aveugle

  3. Gary

    2 Fév 2018 Répondre

    Bonsoir MERCI infiniment pour tes tutos ! Je découvre ton site qui me remotive ! Je vais d’ailleurs acheter Speedfly.

    Sinon concernant ce code : j’aimerais pour centrer tout ça ( le formulaire, le texte, les cases), car le rendu n’est pas très esthétique, bien qu’il soit très utile !

    Peux-tu rajouter le ligne magique qui permet de centrer tous les éléments s’il te plait.

  4. Gary

    2 Fév 2018 Répondre

    Bonsoir MERCI infiniment pour tes tutos ! Je découvre ton site qui me remotive ! Je vais d’ailleurs acheter Speedfly.

    Sinon concernant ce code : j’aimerais pouvoir centrer tout ça ( le formulaire, le texte, les cases), car le rendu n’est pas très esthétique, bien qu’il soit très utile !

    Peux-tu rajouter le ligne magique qui permet de centrer tous les éléments s’il te plait.

  5. Gary

    2 Fév 2018 Répondre

    C’est bon j’ai trouvé ! J’ai trouvé comment centrer tout ça !
    Juste avant ton code j’ai mis cette balise :

    1. Jo

      15 Fév 2018 Répondre

      quelle est la balise stp ? °o°
      Le teaser de fou que tu m’as fait lol

    2. STEPHANIE

      7 Avr 2018 Répondre

      Bonjour, peux tu me dire quelle balise?

      1. Dgeo GD

        7 Avr 2018 Répondre

        Quel thème as tu?

    3. Gary

      10 Mai 2020 Répondre

      LE CODE DE GEO

      ET VOILÀ TOUT EST CENTRÉ !

  6. Marie-Charlotte

    10 Fév 2018 Répondre

    Bonjour et merci pour ce tuto !
    Serait-il possible de ne pas du tout afficher le champ « Default Title – Prix » lorsqu’il n’y a qu’une variante ? Ce « Default Title » fait vraiment tâche, je ne peux pas laisser ça sur ma boutique (d’autant plus qu’elle est en français), ça ne fait pas sérieux. J’ai réussi à l’enlever après avoir passé des heures à ajuster le code, mais dans ce cas c’est l’ajout au panier qui ne fonctionne plus. Je suis coincée…

    1. dgeo22

      10 Fév 2018 Répondre

      Bonjour, le code est censé transformer ce texte, si ce n’est pas le cas c’est que votre thème n’a pas les identifiants de classes génériques, modifier le la classe du select en conséquence: .product-variants option (product-variants doit être autre chose chez vous)
      Bonne chance

  7. dgeo22

    18 Fév 2018 Répondre

    Le tuto est modifié pour prendre en compte les thèmes incompatibles 😉 vous pouvez retester

    1. Mat

      18 Fév 2018 Répondre

      Merci pour la modif, par contre pour le thème minimal j’ai toujours le « Default Title – Prix » qui apparaît

  8. Pan

    5 Mar 2018 Répondre

    Salut vraiment super ! j’ai installé le code sans aucun problème sauf qu’au niveau des devises sa reste en USD ya t’il un moyen de synchroniser les devises en même temps qu’on change la devise sur la fiche produit en haut à droite? Me suis-je bien expliqué???

    1. dgeo22

      5 Mar 2018 Répondre

      Bonjour, non ce tuto ne gère pas le le changement de devises à la volée

  9. Pan

    5 Mar 2018 Répondre

    Ha oui j’ai oublié le texte ACHETER MAINTENANT comment peut il changer en même temps qu’une traduction car il reste tout le temps en Français, mon site propose 2 langues.
    Merci

    1. dgeo22

      5 Mar 2018 Répondre

      Bonjour, il suffit de reprendre le code de traduction du 1er formulaire 😉 le button{ texte :t….} un truc comme ca

  10. FAB22

    6 Mar 2018 Répondre

    Bonjour et merci pour le tuto !

    Petite question, après avoir modifié la première partie, je me retrouve avec un deuxième « Add to cart », mais qui chevauche la case « quantity » (mon site est en anglais). Comment faire pour ajouter un petit espace entre les 2 ?

    Deuxième question : A quoi sert vraiment la seconde partie du tuto ?

    Merci d’avance 🙂

    1. FAB22

      6 Mar 2018 Répondre

      J’ai compris pour la seconde partie du tuto ! Manque plus que l’espace entre le rectangle « add to cart » et celui de la « quantité ».
      Merci encore

  11. Guillaume

    26 Mar 2018 Répondre

    Salut !
    Super tuto !
    Ça faisait longtemps que je cherchais à rajouter un 2eme bouton !
    Ça marche super je te remercie, par contre, ça n’affiche pas la liste déroulante des « variants ».
    Comment la rajouter stp ?
    Je te remercie 🙂

    1. Dgeo GD

      30 Mar 2018 Répondre

      Salut, il est pourtant censé les afficher… quel thème ?

      1. Charlène

        22 Fév 2019 Répondre

        Bonjour,

        Et merci pour tous ces tutos si précieux .
        En revanche, j’ai le même problème, avec le thème supply.
        Après ma description, il y a de nouveau le titre du produit puis le bouton  » Acheter maintenant » mais il n’y a pas la liste des variantes…
        Merci à toi

  12. Gabriel

    30 Mar 2018 Répondre

    Merci pour ce tuto

    J’ai le thème Debut, il n’y a pas de fichier .js.liquid, theme.js.liquid, timber.js.liquid, style.js.liquid ou default.js.liquid, alors je l’ai mis dans theme.js et ça marche!!

    Merci

    1. Dgeo GD

      30 Mar 2018 Répondre

      Bonjour, bien joué 😉 l’important dans le codage est de comprendre et de s’adapter en conséquence !

  13. Jean-Paul ADOLLE

    2 Avr 2018 Répondre

    Hello,

    J’utilise actuellement le thème Supply, et le résultat n’est pas bon. J’ai donc préféré abandonner cette fonction pour l’instant. Voici ce qui ne va pas :
    _Le bouton pour choisir la quantité est déporté sur la droite par rapport aux autres éléments, et ce avant et après la description
    _Il n’y a pas de menu déroulant permettant de choisir la taille / couleur accompagnant le bouton du bas
    _Mes « ajouts » (countdown timer) partent en bas de la page, et je trouve ça moche

    S’il y a des solutions par rapport à ça, je veux bien réessayer !

    Merci, 🙂

    1. Tots

      18 Avr 2019 Répondre

      Bonjour,

      Je retrouve exactement les problèmes que vous avez cité.

      Avez vous trouver une solution depuis ?

      Merci

      1. Dgeo Dev

        18 Avr 2019 Répondre

        Hello, il faudrait idéalement le linker la page qui pose problème pour regarder les erreurs et je pourrai vous orienter 😉
        MP Facebook au besoin.

  14. STEPHANIE

    6 Avr 2018 Répondre

    Bonjour,
    tout d’abord merci pour tes précieux tuto.

    J ai suivie celui ci mais , il ne se passe rien , je ne vois pas le 2nd bouton ..

    Merci de ton aide

    stephanie

    1. Dgeo GD

      6 Avr 2018 Répondre

      Bonsoir, je pense qu’il n’est pas mis au bon endroit attention selon les thèmes il peut y avoir des zones de conditions d’affichage donc essaye de le coller un peu partout il finira bien par apparaître 😉

  15. DES EMERY Fabienne

    25 Avr 2018 Répondre

    Bonjour,
    Merci pour vos tutos qui sont une aide précieuse, pour la mise en forme de nos shops.
    Cependant je n’ai pas trouvé tuto relatif à:
    METTRE BOUTON ATC sous chaque produit de ma page d’accueil?
    Pourriez vous me renseigner?
    Dans cette attente , cordiales salutations.
    Fabienne

    1. Dgeo GD

      25 Avr 2018 Répondre

      Bonjour, vous devez avoir un fichier featured-product.liquid ou assimilé dans le dossier Sections, il faut donc faire le tuto en remplacant le product-template par celui ci 😉

  16. DES EMERY Fabienne

    25 Avr 2018 Répondre

    Excellents tous les tutos

    1. Dgeo GD

      25 Avr 2018 Répondre

      Bonjour et merci pour le commentaire 🙂

  17. Florian

    8 Août 2018 Répondre

    Hello,

    Je ne trouve pas ces fichiers-là mon theme c’est Turbo :

    8. Trouvez votre fichier .js.liquid, theme.js.liquid, timber.js.liquid, style.js.liquid ou default.js.liquid

    Les seuls fichiers en .js que je trouve sont :
    app.js.liquid
    doubly.js
    ginit.js
    instantclick.min.js
    jquery.cart.min.js
    jquery.currencies.min.js
    jquery.min.js
    special-offers.js
    sticky-cart.js

    Est-ce que ce tuto est applicable pour ce theme ?

    1. Dgeo Dev

      11 Août 2018 Répondre

      Hello, turbo est codé différemment des autres thèmes, la compatibilité est donc plus hasardeuse que les autres… tu peux tenter dans le fichier app.js.liquid
      Bonne soirée

  18. Steve DECKER

    20 Oct 2018 Répondre

    Bonjour et merci pour le tuto mais il ne fonctionne pas correctement sur le thème supply sauf erreur de ma part.

  19. jejm

    20 Jan 2019 Répondre

    Merci…

    Le seule petit default pour moi est visuellement…Je m’explique, si ton produit n’a pas de variante, tu as tout de même la petite fleche qui laisse croire un menu déroulant…Peut etre que c’est modifiable…En tout cas, c’est top donc encore merci

    1. Dgeo Dev

      29 Jan 2019 Répondre

      Bonsoir, oui c’est juste peut être une idée d’évolution 🙂

  20. Anaïs

    12 Fév 2019 Répondre

    Bonjour ! Merci pour tous ces tutos qui rendent mon site vraiment top pour un thème gratuit… !!
    Concernant celui-ci, j’ai juste question:
    – J’ai installé ton code qui permet de passer directement du bouton ajouter au panier « standard » au checkout (il fonctionne à merveille lorsque je clique sur le bouton de base-en haut de la description-).

    Sauf que lorsque je clique sur « acheter maintenant » -sous la description produit- du tuto de cette page, le client est redirigé vers la page panier, et plus vers le checkout ! :/

    Il y aurait-il un bout de code à ajouter, ou autre chose, pour que cela soit possible ?

    Merci d’avance pour ta réponse et pour tous ces tutos !
    Anaïs

    1. Dgeo Dev

      20 Fév 2019 Répondre

      Merci pour le message,
      Il faut rajouter dans le code de ce tuto avant la le code < / form > le code suivant:
      <input type="hidden" name="return_to" value="/checkout" />

  21. Anais

    14 Fév 2019 Répondre

    Bonjour, merci pour ce tuto !
    Juste une question, j’ai installé le code pour que la page panier soit sautée et que le client arrive directement sur le checkout.

    Par contre, quand j’ajoute le tuto de cette page pour avoir le 2e bouton en bas de description, le client est redirigé vers la page panier.

    Il y aurait-il un code à ajouter/modifier pour que les 2 boutons « ajouter au panier » (donc du haut et du bas), dirigent tous les 2 vers le checkout ?

    Merci d’avance pour votre reponse,
    Anais

    1. Dgeo Dev

      20 Fév 2019 Répondre

      Hello, dans le 2ème formulaire avant la fermeture du il faut rajouter ce bout de code:

  22. Tots

    16 Avr 2019 Répondre

    Quelqu’un a-t-il trouver la solution pour le thème Supply ? Le bouton ne s’affiche pas pour ma part , j’ai suivi le processus a la lettre et même en ayant ajouter le morceau de code manquant disponible dans les commentaires. Le seul moyen de faire apparaître le bouton « acheter maintenant » est d’activer :

    « Afficher le bouton de passage à la caisse dynamique
    Chaque client verra son moyen de paiement préféré parmi ceux qui sont proposés sur votre boutique, tels que PayPal ou Apple Pay. En savoir plus » dans le menu produit des personnalisations thème Shopify .

    Alors vous me dirais que du coup je n’ai pas besoin d’ajouter du code pour le faire apparaître ..

    Oui mais si j’active le passage a la caisse dynamique , mes variantes de produits disparaissent sur mes pages produits ..

    Une solution ??

  23. Coralie

    15 Mai 2019 Répondre

    Bonjour et merci pour ces précieux conseil !
    Cependant dans mon thème « début » j’ai déjà un bouton ajouter au panier et la quantité mais il apparaît en haut et avant ma description produit. J’aimerai le mettre en dessous de la description, j’ai essayé mais en vain.
    Si tu peux m’aider ça serait vraiment super !!

    1. Dgeo Dev

      16 Mai 2019 Répondre

      Hello, merci pour le message 😉
      Technique de dev… mettre dans le fichier product-template.liquid dans sections des toto1, toto2 toto3 un peu partout afin de déterminer l’emplacement voulu. Ensuite tu colles le code au toto voulu :p
      Bonne soirée.

  24. khaled

    21 Nov 2019 Répondre

    bonsoir j espère que tu vas bien ?
    Dis moi je suis sur debut et je ne trouve pas .js.liquid, theme.js.liquid, timber.js.liquid, style.js.liquid ou default.js.liquid pour coller le 2eme code mais je n ai que theme.js et theme. scss.liquid dans ASSETS
    Pourrais tu me guider stp et un grand merci pour tes tutos

    1. Dgeo Dev

      21 Nov 2019 Répondre

      Bonsoir, merci pour le message. Oui theme.js dans ce cas 😉 Bonne soirée.

  25. khaled

    22 Nov 2019 Répondre

    bonsoir , merci pour ta réponse et tes tutos , j ai coller les 2 codes comme indiqué mais cela ne fonctionne pas
    je suis sur debut pourrais tu me guider stp

  26. John

    17 Déc 2019 Répondre

    Hello ! Merci pour ce tuto 🙂 Le bouton d’en haut me fait de siennes. Lorsque je sélectionne par exemple 4x le même produit, il m’en sort qu’un dans mon panier… En revanche, le second bouton, celui que j’ai créé via ton tuto marche très bien.
    Ton aide me serait très précieuse…

    1. Dgeo Dev

      19 Déc 2019 Répondre

      Hello, étrange, il faudrait demander plutôt au développeur du thème dans ce cas, car je ne vois pas trop ce qu’il pourrait poser problème 🙂

  27. Florian Ami

    26 Déc 2019 Répondre

    Re-Hello ! Comme convenu je pose ma question sur le sujet concerné. Pour ma part le tuto à très bien fonctionné sur le Thème Narrative mais je fais face à un obstacle concernant le Bouton d’ajout au panier de base. En effet, j’aimerai que celui-ci redirige directement à la page d’achat, comme ton bouton le fait, au lieu de simplement ajouter le produit au panier. J’imagine que c’est qu’une question de liens mais je n’ai pas su trouver comment faire, j’espère que tu pourrais m’éclairer s’il te plaît 😀

    Bonne journée et bonnes fêtes à toi !

  28. Corentin Le Lepvrier

    12 Jan 2020 Répondre

    Salut, merci pour le tuto qui est génial ! Tout a bien marcher sauf la partie du « defaut title » qui reste malgrès le bout de code collé. Je travail avec le theme

    1. Dgeo Dev

      14 Jan 2020 Répondre

      Hello, merci pour le message. Etrange, surement une erreur de non prise en compte de jquery peut être, à voir dans la console de developpement de chrome (f12) si vous avez des erreurs rouges.

  29. Sam

    29 Mar 2020 Répondre

    Bonjour, et encore merci pour tous ces tutos super bien expliqués et documentés.
    J’en profite pour demander: Est il possible de rajouter un bouton dans la fenêtre du panier ? Je n’ai que le bouton « Passer à la caisse » et je souhaite rajouter « Continuer les achats ».
    Merci et continuez comme ça!

    1. Dgeo Dev

      29 Mar 2020 Répondre

      Hello et merci pour le message. Alors la ca dépend du thème par contre.

  30. Astra

    23 Avr 2020 Répondre

    Bonjour, le texte n’est pas centré sur le bouton, une solution ?

    1. Dgeo Dev

      24 Avr 2020 Répondre

      Hello, à ce niveau c’est au thème de gérer 🙂

  31. fred

    5 Mai 2020 Répondre

    Bonjour j’ai le theme Speefly et apres avoir suivi ton tuto j’ai toujours le « Default Title »

    1. Dgeo Dev

      5 Mai 2020 Répondre

      Hello, pas besoin de faire cee tuto sur speedfly c’est inclu 😉

  32. Sébastien

    21 Juin 2020 Répondre

    Bonjour, est-il possible de modifier le texte d’un bouton d’ajout au panier déjà existant sur une boutique avec du HTML ?

    1. Dgeo Dev

      22 Juin 2020 Répondre

      Hello, oui généralement ca se passe dans les langues du thème 🙂

  33. Sébastien

    22 Juin 2020 Répondre

    Oui mais pour avoir des boutons avec différents textes d’accroche en fonction des pages, quand l’option n’est pas présente dans le thème ?

    1. Dgeo Dev

      23 Juin 2020 Répondre

      Hello, je ne pense pas.

  34. Sam

    25 Juin 2020 Répondre

    Bonjour,

    Merci pour ce tuto et merci de prendre le temps de répondre aux commentaires !

    Tout fonctionne très bien pour moi cependant le deuxième bouton n’as pas la même apparence que le premier.

    Serait tu comment remédier à ce problème

    Merci !

    1. Dgeo Dev

      25 Juin 2020 Répondre

      Hello, cela dépend fortement du thème il faudrait identifier les identifiants de classes des boutons principaux afin de les rajouter dans le bouton de ce tuto. Cela reste assez technique… le mieux étant de demander au support du thème 🙂

  35. JOACHIM BERNARD AHOUANDJINOU

    30 Août 2020 Répondre

    Bonjour. Merci pour vos tutos très instructifs. Je rencontre un problème avec le tuto de comment ajouter un deuxième ajouter au panier avec mon thème turbo. Il y a plusieurs product.description dans mon product-template.liquid. J’ai essayé d’aplliquer le tuto à l’un après l’autre des différents emplacements de product.description mais toujours. Y a t’il des incompatibilité du tuto avec le thème turbo ou qu’est-ce que je dois faire? Merci d’avance

    1. Dgeo Dev

      31 Août 2020 Répondre

      Bonjour, effectivement mes tutos fonctionnent rarement avec le thème turbo car il est pas codé normalement 🙁 pour être franc c’est un sacré bazard dans leurs codes et fichiers et on a vraiment du mal à s’y retrouver 🙁 le mieux et de demander directement à leur support. Bon courage 🙂

  36. Karine

    2 Mar 2021 Répondre

    Bonjour,
    Merci pour vos tutos, ils sont très instructifs. Je rencontre un problème, mes 2 boutons : les variantes et la quantité font la largeur de la page alors que achetez maintenant il est parfait. Du coup ça fait hyper moche. Y aurait-il une solution svp?

    1. Dgeo Dev

      4 Mar 2021 Répondre

      Bonjour, la ca dépend du thème 🙁 il faudrait demander à leur support 🙂

  37. Hervé

    27 Mar 2021 Répondre

    Bonjour,
    Excelent tuto :o)
    J’utilise le thème Début, et j’ai le bouton Ajouter au panier qui se chevauche avec la case des quantités sur Mobile.
    est-ce qu’il y a moyen d’y ajouter un espace ?
    info complémentaire, mon bouton d’ajout au panoer est arrondi comme présenté dans un autre tuto.
    Merci pour ton retour.
    Hervé

    1. Dgeo Dev

      28 Mar 2021 Répondre

      Hello et merci 🙂 dans le chevronbutton… rajouter chevronbutton style= »margin-top:20px »; … adapter la taille du 2à selon le besoin

      1. Hervé

        29 Mar 2021 Répondre

        Hello,
        ta réponse est incomplète, il n’y a que le début de la phrase 🙂
        Merci
        Hervé

        1. Dgeo Dev

          30 Mar 2021 Répondre

          L’éditeur accepte pas les codes html j’ai donc répondu mais remplace chevron par < pour comprendre

  38. dams

    23 Juil 2021 Répondre

    Impeccable, c’est ce que je cherché!! encore une fois :p

  39. Anassiri

    22 Avr 2023 Répondre

    Bonjour djozef svp vous pouvez me dire ce que je doi fair pour grandir un peux le bouton que vous avez ajauter dans ce video . Le bouton achter maintenant il m’affiche petit sur le gsm il m’affiche la moitié de l’écran je veux le grandir un peux dans largeur. Je dois ajouter quoi sur le code qui vous avez indiqué merci

    1. Dgeo Dev

      25 Avr 2023 Répondre

      Hello, c’est un peu compliqué à expliquer… au besoin nous contacter à speed-ecom.eu/support et donner l’url en question pour voir ce qu’on peut faire

Laisser un commentaire

Fermer le menu
×
×

Panier