Insérez un bouton « Ajouter au panier » et contrôlez la mise en page et le style du bouton Ajouter au panier dans le modèle unique de WooCommerce

Style

Bouton

  1. Alignement : alignez le titre à gauche, à droite, au centre ou justifié
  2. Typographie : modifiez les options de typographie du bouton Ajouter au panier
  3. Type de bordure : sélectionnez le type de bordure, en choisissant entre aucune, solide, double, pointillée, pointillée ou rainurée
  4. Rayon de la bordure : définissez le rayon de la bordure pour contrôler l’arrondi des coins
  5. Remplissage : modifiez les paramètres de remplissage du bouton

Normal | Flotter

Les options suivantes peuvent être définies indépendamment pour les états normal et survolé.

  1. Couleur du texte : choisissez la couleur du texte du bouton
  2. Couleur d’arrière-plan : choisissez la couleur d’arrière-plan du bouton
  3. Couleur de la bordure : choisissez la couleur de la bordure du bouton

Quantité

  1. Espacement : ajustez la quantité d’espace entre le champ Quantité et le bouton
  2. Typographie : modifiez les options de typographie pour le texte Quantité
  3. Type de bordure : sélectionnez le type de bordure, en choisissant entre aucune, solide, double, pointillée, pointillée ou rainurée
  4. Rayon de la bordure : définissez le rayon de la bordure pour contrôler l’arrondi des coins
  5. Remplissage : modifiez les paramètres de remplissage du champ Quantité

Normal | Concentrer

Les options suivantes peuvent être définies indépendamment pour les états normal et focus.

  1. Couleur du texte : choisissez la couleur du texte de la quantité
  2. Couleur d’arrière-plan : choisissez la couleur d’arrière-plan du champ Quantité
  3. Couleur de la bordure : choisissez la couleur de la bordure du champ Quantité

Variations

  1. Espacement : modifiez la quantité d’espace entre les variations et le bouton Ajouter au panier
  2. Espace entre : modifiez la quantité d’espace entre chaque variation
Étiquette
  1. Couleur : choisissez la couleur du texte de l’étiquette des variations
  2. Typographie : modifiez les options de typographie du texte de l’étiquette des variations
Sélectionnez un champ
  1. Couleur : choisissez la couleur du texte du champ de sélection des variations
  2. Couleur d’arrière-plan : choisissez la couleur d’arrière-plan du champ de sélection des variations
  3. Couleur de la bordure : choisissez la couleur de la bordure du champ de sélection des variations
  4. Typographie : modifiez les options de typographie du champ de sélection des variantes
  5. Rayon de la bordure : définissez le rayon de la bordure pour contrôler l’arrondi des coins

Remarque : le style de ce widget est souvent affecté par votre thème et vos plugins. Si vous rencontrez un tel problème, essayez de passer à un thème de base et de désactiver les plugins associés, ou ajustez le style dans les paramètres de votre thème.

Source : https://docs.elementor.com/article/544-woocommerce-single-add-to-cart