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.

« Comment créer un bouton vibrant sur shopify ?

Comment masquer paypal sur le checkout de shopify ? »

Cet article a 82 commentaires

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
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
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.
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.
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É !
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
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
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
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
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
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
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 !
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.
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 😉
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 😉
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 🙂
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
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.
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 🙂
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" />
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:
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 ??
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.
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.
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
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 🙂
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 !
1. Dgeo Dev
  29 Déc 2019 Répondre
  
  Hello, il suffit de combiner avec ce tuto 😉 https://dgeodev.com/tuto-passer-directement-du-bouton-achat-au-checkout-sur-shopify/ Bon réveillon et bonne journée.
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.
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.
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 🙂
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 😉
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 🙂
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.
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 🙂
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 🙂
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 🙂
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
dams
23 Juil 2021 Répondre

Impeccable, c’est ce que je cherché!! encore une fois :p
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

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

Passons à la partie technique

Ce tutoriel existe aussi en vidéo

Besoin d'aide ?

🤗 Vous souhaitez me remercier pour mes Tutos ?

Besoin de déléguer votre SAV ?

🤗 Vous souhaitez me remercier pour mes Tutos ?

Vous devriez également aimer

Comment mettre un lecteur audio pour lire de la musique sur Shopify

Comment mettre à jour les variantes sur shopify en cliquant sur les images correspondantes ?

Comment mettre automatiquement à jour le prix du panier au changement de quantité sur shopify ?

Cet article a 82 commentaires

Dan

dgeo22

Dan

cyril

dgeo22

Benjy

dgeo22

Gary

Gary

Gary

Jo

STEPHANIE

Dgeo GD

Gary

Marie-Charlotte

dgeo22

dgeo22

Mat

Pan

dgeo22

Pan

dgeo22

FAB22

FAB22

Guillaume

Dgeo GD

Charlène

Gabriel

Dgeo GD

Jean-Paul ADOLLE

Tots

Dgeo Dev

STEPHANIE

Dgeo GD

DES EMERY Fabienne

Dgeo GD

DES EMERY Fabienne

Dgeo GD

Florian

Dgeo Dev

Steve DECKER

jejm

Dgeo Dev

Anaïs

Dgeo Dev

Anais

Dgeo Dev

Tots

Coralie

Dgeo Dev

khaled

Dgeo Dev

khaled

John

Dgeo Dev

Florian Ami

Dgeo Dev

Corentin Le Lepvrier

Dgeo Dev

Sam

Dgeo Dev

Astra

Dgeo Dev

fred

Dgeo Dev

Sébastien

Dgeo Dev

Sébastien