L’ intégration WooCommerce Oxygen facilite la création de la page de paiement à l’aide de l’élément Checkout. Cet élément doit être ajouté à la page affectée à la « page de paiement «  via WooCommerce -> Paramètres -> Avancé .

Ajoutez l’élément Checkout à votre page ou modèle en cliquant sur + Ajouter -> WooCommerce -> Checkout.

Arrière-plan

Donnez un style à la couleur et au remplissage d’arrière-plan.

  • Ombre d’arrière-plan – customisez l’ombre d’arrière-plan.
  • Bordure d’arrière-plan – customisez la bordure d’arrière-plan.

Typographie

customisez la typographie de la caisse.

Entrée

Personnalisez la couleur d’arrière-plan, la couleur du texte de l’espace réservé et le remplissage d’entrée.

  • Typographie – customisez la typographie d’entrée.
  • Bordure – customisez la bordure d’entrée.
  • Bordure de mise au point – customisez la bordure d’entrée ciblée.
  • Box Shadow – customisez l’ombre de la zone de saisie.
  • Focus Box Shadow – customisez l’ombre de la zone de saisie focalisée.

Étiquettes

Customisez la typographie de l’étiquette.

Titre

Customisez la typographie des en-têtes.

Prix ​​et quantité

Définissez la couleur du texte, la famille de polices et la taille de la police.

Arrière-plan de la commande

Définissez la couleur d’arrière-plan.

  • Bordure d’arrière-plan – stylisez la bordure d’arrière-plan de l’ordre

Boutons secondaires

Définissez la couleur d’arrière-plan du bouton secondaire, la couleur de survol et le remplissage.

  • Typographie – customisez la typographie du bouton secondaire.
  • Bordure  – customisez la bordure du bouton secondaire.
  • Bordure de survol  – customisez la bordure du bouton secondaire en survol.

Bouton principal

Définissez la couleur d’arrière-plan du bouton, la couleur de la bordure, la couleur du survol et le remplissage.

  • Typographie – customisez la typographie du bouton.

Messages d’information

  • Typographie – customisez la typographie du message d’information.
  • Liens – customisez les liens des messages d’information.

méthodes de payement

  • Typographie – customisez la typographie du mode de paiement.
  • Bubble Box – customisez la boîte à bulles du mode de paiement.