Qu'est-ce que l'élément Quantité de produit ?
L' Élément de quantité de produit Permet aux acheteurs de spécifier le nombre d'unités d'un produit qu'ils souhaitent acheter. Ils peuvent cliquer sur les boutons plus (+) ou moins (-) pour augmenter ou diminuer la quantité, ou saisir manuellement un nombre dans le champ de saisie.
Comment ajouter l'élément Quantité de produit à votre page
Étape 1 : ouvrir la page dans GemPages
Tout d’abord, accédez à la page où vous souhaitez ajouter le sélecteur de quantité.
Étape 2 : Rechercher et ajouter l’élément
Dans l'éditeur, utilisez la barre de recherche sur le panneau de gauche pour saisir La quantité de produit. Une fois que vous voyez l'élément apparaître, faites-le glisser et déposez-le dans la section souhaitée de votre zone de conception.

Une fois l'élément ajouté, cliquez dessus pour ouvrir le Panneau des paramètres À gauche. Le panneau comporte deux onglets : Paramètres Avancé.

Configurer l'onglet Paramètres
1. Source du produit
Sélectionnez le produit auquel ce sélecteur de quantité doit s'appliquer. Cela garantit que la quantité sera correctement mise à jour pour le produit sélectionné.

2. Bouton
- Largeur: Ajustez la largeur du bouton pour l'adapter à votre conception.
- Mise en contexte: Choisissez une couleur unie ou dégradée pour le bouton.
- Icône Plus : Sélectionnez une icône par défaut ou téléchargez une icône personnalisée.
- Icône moins : Sélectionnez une icône par défaut ou téléchargez une icône personnalisée.
- Couleur et taille de l'icône : Ajustez la couleur et la taille des icônes pour qu'elles correspondent au style de votre page.
- Bordure et coin : Personnalisez le style de bordure et le rayon des coins.
- Effet de survol : Ajoutez des effets visuels lorsque les utilisateurs survolent le bouton.

3. Entrée
- Mise en contexte: Modifiez la couleur d'arrière-plan du champ de saisie.
- Styles de texte : Choisissez parmi 3 styles de paragraphe et 6 styles de titre pour le texte d'entrée.
- Séparateur : Définissez la couleur et l'épaisseur du séparateur entre les boutons et le champ de saisie.
- Effet de survol : Appliquez un effet visuel lorsque vous survolez le champ de saisie.

4. Taille
Ajustez la largeur et la hauteur de l'élément.

5. Présentation
Changer la couleur d'arrière-plan de l'élément.

6. Forme
Ajuster la forme extérieure de l'élément :
- Frontière
- CORNER
- Shadow

7. État d'affichage
- Quantité par défaut : Définit le numéro de départ affiché pour la quantité.
- Prix de mise à jour : Le prix total est mis à jour lorsque la quantité change.

8. Aligner
- L'alignement sera désactivé lorsque la largeur du bouton est de 100 %
- Sinon, les options d’alignement par défaut sont Aligner à gauche.

Configurer l'onglet Avancé
Pour une personnalisation plus avancée, accédez à l'onglet Avancé et suivez les instructions cet article.
Merci pour vos commentaires