Articles sur : 📀Templates d'offres

Exemple d'offres 3

Wide Hello à vous ! 😁

Dans cet article on va voir comment avoir ce rendu :



Nous souhaitons proposer 3 offres. La première offre contenant uniquement un pantalon et ses couleurs. La deuxième offre contenant uniquement un tee-shirt et ses couleurs. Enfin la troisième offre contient un pantalon et un tee-shirt et on a la possibilité de choisir la couleur du tee-shirt et celle du pantalon.

Vous pouvez voir le rendu sur le site en cliquant ici.

Première offre



On va commencer par remplir le premier bloc d'offre qui est visible par défaut

Dans "titre de l'offre" mettez le titre de votre offre, par exemple "1 pantalon"
Dans "prix" mettez le prix de votre offre, par exemple "20"
Dans "variantes" choisissez "Cette offre a 2 options". On met 2 options car on aura la couleur du tee-shirt d'un côté, et la couleur du pantalon de l'autre. Même si le pantalon n'est pas présent dans la première offre, il faut quand même le mettre car sur Shopify, toutes les offres doivent avoir le même nombre d'options. On va en revanche s'assurer que le choix de la couleur du tee-shirt n'apparaisse pas dans cette offre.
Dans "nom de l'option 1" mettez le nom de votre première option, par exemple "Couleur du pantalon"
Dans "valeurs de l'option 1" mettez les choix pour la première option, par exemple "Bleu,Rouge"
Dans "nom de l'option 2" mettez le nom de votre deuxième option, par exemple "Couleur du tee-shirt".
Dans "valeurs de l'option 2" mettez un unique choix pour expliquer qu'il n'y a pas de tee-shirt, par exemple "Pas de tee-shirt". En mettant 1 seul choix dans la liste déroulante, WideBundle fera en sorte de cacher cette liste déroulante.
Dans "nombre de listes déroulantes" mettez "1" car on doit choisir seulement la couleur d'un seul pantalon

Puis passez à la deuxième offre

Deuxième offre



Ajoutez un bloc d'offre en cliquant sur Ajouter une offre
Dans "titre de l'offre" mettez le titre de votre offre, par exemple "1 tee-shirt"
Dans "prix" mettez le prix de votre offre, par exemple "10"
Dans "variantes" choisissez "Cette offre a 2 options". On met toujours 2 options car toutes les offres doivent avoir le nombre d'options. En revanche on va s'assurer que le choix de la couleur du pantalon n'apparaisse pas.
Dans "nom de l'option 1" mettez le nom de votre première option, par exemple "Couleur du pantalon"
Dans "valeurs de l'option 1" mettez un unique choix pour expliquer qu'il n'y a pas de pantalon, par exemple "Pas de pantalon". En mettant 1 seul choix dans la liste déroulante, WideBundle fera en sorte de cacher cette liste déroulante.
Dans "nom de l'option 2" mettez le nom de votre deuxième option, par exemple "Couleur du tee-shirt"
Dans "valeurs de l'option 2" mettez les choix pour la deuxième option, par exemple "Noir,Blanc"
Dans "nombre de listes déroulantes" mettez "1" car il n'y a qu'une seule couleur à choisir

Puis passez à la dernière offre

Troisième offre



Ajoutez un bloc d'offre en cliquant sur Ajouter une offre
Dans "titre de l'offre" mettez le titre de votre offre, par exemple "1 pantalon + 1 tee-shirt (-20%)"
Dans "prix" mettez le prix de votre offre, par exemple "24"
Dans "prix barré" mettez le prix avant réduction, par exemple "30"
Dans "variantes" choisissez "Cette offre a 2 options". Correspondant à la couleur du tee-shirt et celle du pantalon.
Dans "nom de l'option 1" mettez le nom de votre première option, par exemple "Couleur du pantalon"
Dans "valeurs de l'option 1" mettez les choix pour la première option, par exemple "Bleu,Rouge"
Dans "nom de l'option 2" mettez le nom de votre deuxième option, par exemple "Couleur du tee-shirt"
Dans "valeurs de l'option 2" mettez les choix pour la deuxième option, par exemple "Noir,Blanc"
Dans "nombre de listes déroulantes" mettez "1" car même s'il y a techniquement "2 produits" dans l'offre, en réalité, il ne faudra choisir qu'une seule fois chaque option. Nous avons 2 options : La couleur du tee-shirt et la couleur du pantalon. Et nous devons donc choisir une seule fois chaque couleur.

Après ça on peut générer les offres !

Et voilà !

A bientôt 😁

Mis à jour le : 22/11/2022

Cet article a-t-il répondu à vos questions ?

Partagez vos commentaires

Annuler

Merci !