Style

Le style du WooCommerce Mondial Relay est le même que celui du widget officiel. Néanmoins, pour des raisons d’harmonie ou de compatibilité avec votre thème, vous pouvez avoir besoin de le modifier.

Il se peut que le WooCommerce Mondial Relay s’affiche différemment selon le thème que vous utilisez.

En effet, Wordpress charge d’abord les fichiers de style du plugin Mondial Relay avant les fichiers de style de votre thème.
Ce sont donc eux qui sont chargés en derniers et qui peuvent prendre le dessus sur le fichier de style du plugin Mondial Relay.

En cas d’incompatibilité avec votre plugin, il vous faudra donc surcharger vos styles via la page de configuration de points relais du plugin (champ “Style CSS spécifique”).
Ceci dépendant du thème de chaque utilisateur, ce processus ne peut être automatisé.

Vous pouvez aussi directement modifier le fichier style-theme.css.

Seule la page “Checkout” de WooCommerce sera impactée par la surcharge de style CSS du WooCommerce Mondial Relay.

Important

Contactez un développeur/intégrateur si vous n’avez pas les compétences pour surcharger le style de votre thème. Il pourra vous intégrer parfaitement le widget inclus dans le plugin afin qu’il s’adapte parfaitement à votre thème.

Exemples

A titre d’information, voici le style CSS que nous utilisons sur la majorité des thèmes pour afficher correctement le widget officiel de Mondial Relay dans Wordpress.

img {
    display: inline-block!important;
}

Fichiers de style du plugin

Les fichiers de style se trouvent dans le dossier de votre plugin : /wp-content/plugins/woocommerce-mondialrelay/css.

Fichier Description Obligatoire
style.min.css Le fichier de style “minimisé” du widget officiel. Non utilisé
style.css Le fichier de style du widget officiel. Non utilisé
style-theme.css Le fichier de style utilisé par le plugin Utilisé
imgs Le dossier d’images du widget officiel Utilisé
Information

Pour forcer le plugin Mondial Relay à afficher les attributs de style du plugin et non pas ceux du thème activé, le fichier style-theme.css est exactement le même que le fichier style.css mais voit tous ses attributs de style utiliser la balise !important.