Personnaliser et apporter des modifications visuelles à la fenêtre de résultats via des remplacements CSS
Vous pouvez remplacer le style actuel de la boîte contextuelle Acheter maintenant à l'aide de CSS personnalisés. Le modèle suivant peut être utilisé :
Modifiez simplement les classes décrites dans le fichier selon vos besoins. Ensuite, incluez le fichier CSS personnalisé sur votre page ou dans une balise <style> après avoir intégré le script Acheter maintenant.
Remarque : L'intégration du fichier AVANT la balise de script Acheter maintenant peut empêcher votre feuille de style de remplacer certaines valeurs, car l'ordre du document est important. Dans certains cas extrêmes, il peut être nécessaire de décorer également votre style personnalisé avec le !important ; règle si la propriété de style n'est pas écrasée (pour en savoir plus, veuillez visiter : https://www.w3schools.com/css/css_important.asp ). Le tableau ci-dessous donne des informations générales sur ce que font les sections principales des classes. De nombreuses balises imbriquées dans chaque section principale peuvent être écrasées.
| Conseil : Il est recommandé d'utiliser un outil d'"inspection" du navigateur (tel que celui intégré à Google Chrome ou Microsoft Edge). Cet outil peut être pratique pour isoler la classe CSS et la balise HTML spécifiques qui pourraient être stylées. Utilisez l'outil d'inspection pour modifier la propriété afin de voir à quoi la propriété peut ressembler |
/* Classes externes Omacro Modal Popup */
.oma-buynow.oma-modal { }
.oma-buynow.oma-modal .oma-dialog .oma-content { }
/* Omacro Modal Popup Header (barre de titre de la fenêtre contextuelle, y compris l'icône de fermeture de la fenêtre) */
.oma-buynow.oma-modal .oma-dialog .oma-content .oma-header { }
.oma-buynow.oma-modal .oma-dialog .oma-content .oma-header .oma-close { }
.oma-buynow.oma-modal .oma-dialog .oma-content .oma-header .oma-title { }
.oma-buynow.oma-modal .oma-dialog .oma-content .oma-header .oma-title span { }
.oma-buynow.oma-modal .oma-dialog .oma-content .oma-header .oma-title petit {}
/* Onglets d'en-tête de la fenêtre contextuelle modale Omacro (onglets des détaillants en ligne et des détaillants locaux) */
.oma-buynow.oma-modal .oma-dialog .oma-content .oma-body { }
.oma-buynow.oma-modal .oma-dialog .oma-content .oma-body .oma-tabs { }
.oma-buynow.oma-modal .oma-dialog .oma-content .oma-body .oma-tabs .oma-active { }
.oma-buynow.oma-modal .oma-dialog .oma-content .oma-body .oma-tabs li { }
.oma-buynow.oma-modal .oma-dialog .oma-content .oma-body .oma-tabs li a { }
/* Corps principal de la fenêtre contextuelle modale Omacro */
.oma-buynow.oma-modal .oma-dialog .oma-content .oma-body .oma-markets { }
.oma-buynow.oma-modal .oma-dialog .oma-content .oma-body .oma-markets .oma-tab { }
.oma-buynow.oma-modal .oma-dialog .oma-content .oma-body .oma-markets .oma-tab.oma-active { } /* l'onglet actif */
/* Corps principal de la fenêtre contextuelle modale Omacro (contenu des détaillants en ligne) */
.oma-buynow.oma-modal .oma-dialog .oma-content .oma-body .oma-markets .oma-tab.oma-online-tab { }
.oma-buynow.oma-modal .oma-dialog .oma-content .oma-body .oma-markets .oma-tab.oma-online-tab .oma-market.oma-online-market { }
.oma-buynow.oma-modal .oma-dialog .oma-content .oma-body .oma-markets .oma-tab.oma-online-tab .oma-market.oma-online-market .oma-loading { }
.oma-buynow.oma-modal .oma-dialog .oma-content .oma-body .oma-markets .oma-tab.oma-online-tab .oma-market.oma-online-market .oma-loading .oma -spinner {}
.oma-buynow.oma-modal .oma-dialog .oma-content .oma-body .oma-markets .oma-tab.oma-online-tab .oma-market.oma-online-market .oma-result-filters { }
.oma-buynow.oma-modal .oma-dialog .oma-content .oma-body .oma-markets .oma-tab.oma-online-tab .oma-market.oma-online-market .oma-results { }
.oma-buynow.oma-modal .oma-dialog .oma-content .oma-body .oma-markets .oma-tab.oma-online-tab .oma-market.oma-online-market .oma-results .oma -retailer.votre-commerçant-en-ligne { }
.oma-buynow.oma-modal .oma-dialog .oma-content .oma-body .oma-markets .oma-tab.oma-online-tab .oma-market.oma-online-market .oma-results .oma -retailer.oma-online-retailer .oma-card { }
.oma-buynow.oma-modal .oma-dialog .oma-content .oma-body .oma-markets .oma-tab.oma-online-tab .oma-market.oma-online-market .oma-results .oma -retailer.oma-online-retailer .oma-card .oma-image { }
.oma-buynow.oma-modal .oma-dialog .oma-content .oma-body .oma-markets .oma-tab.oma-online-tab .oma-market.oma-online-market .oma-results .oma -retailer.oma-retailer-en-ligne .oma-card .oma-image img { }
.oma-buynow.oma-modal .oma-dialog .oma-content .oma-body .oma-markets .oma-tab.oma-online-tab .oma-market.oma-online-market .oma-results .oma -retailer.oma-online-retailer .oma-card .oma-info { }
.oma-buynow.oma-modal .oma-dialog .oma-content .oma-body .oma-markets .oma-tab.oma-online-tab .oma-market.oma-online-market .oma-results .oma -retailer.oma-online-retailer .oma-card .oma-info .oma-name { }
.oma-buynow.oma-modal .oma-dialog .oma-content .oma-body .oma-markets .oma-tab.oma-online-tab .oma-market.oma-online-market .oma-results .oma -retailer.oma-online-retailer .oma-card .oma-info .oma-button.oma-buylink { }
/* Corps principal de la fenêtre contextuelle modale Omacro (contenu des détaillants locaux) */
.oma-buynow.oma-modal .oma-dialog .oma-content .oma-body .oma-markets .oma-tab.oma-local-tab { }
.oma-buynow.oma-modal .oma-dialog .oma-content .oma-body .oma-markets .oma-tab.oma-local-tab .oma-market.oma-local-market { }
.oma-buynow.oma-modal .oma-dialog .oma-content .oma-body .oma-markets .oma-tab.oma-local-tab .oma-market.oma-local-market .oma-map { }
.oma-buynow.oma-modal .oma-dialog .oma-content .oma-body .oma-markets .oma-tab.oma-local-tab .oma-market.oma-local-market .oma-map .oma -Google Map { }
.oma-buynow.oma-modal .oma-dialog .oma-content .oma-body .oma-markets .oma-tab.oma-local-tab .oma-market.oma-local-market .oma-results { }
.oma-buynow.oma-modal .oma-dialog .oma-content .oma-body .oma-markets .oma-tab.oma-local-tab .oma-market.oma-local-market .oma-results .oma -pager { }
.oma-buynow.oma-modal .oma-dialog .oma-content .oma-body .oma-markets .oma-tab.oma-local-tab .oma-market.oma-local-market .oma-results .oma -détaillants { }
.oma-buynow.oma-modal .oma-dialog .oma-content .oma-body .oma-markets .oma-tab.oma-local-tab .oma-market.oma-local-market .oma-results .oma -retailers .own-retailer.own-local-retailer { }
.oma-buynow.oma-modal .oma-dialog .oma-content .oma-body .oma-markets .oma-tab.oma-local-tab .oma-market.oma-local-market .oma-results .oma -retailers .oma-retailer.oma-local-retailer .oma-card { }
.oma-buynow.oma-modal .oma-dialog .oma-content .oma-body .oma-markets .oma-tab.oma-local-tab .oma-market.oma-local-market .oma-results .oma -retailers .oma-retailer.oma-local-retailer .oma-card .oma-image { }
.oma-buynow.oma-modal .oma-dialog .oma-content .oma-body .oma-markets .oma-tab.oma-local-tab .oma-market.oma-local-market .oma-results .oma -retailers .oma-retailer.oma-local-retailer .oma-card .oma-image img { }
.oma-buynow.oma-modal .oma-dialog .oma-content .oma-body .oma-markets .oma-tab.oma-local-tab .oma-market.oma-local-market .oma-results .oma -retailers .oma-retailer.oma-local-retailer .oma-card .oma-info { }
.oma-buynow.oma-modal .oma-dialog .oma-content .oma-body .oma-markets .oma-tab.oma-local-tab .oma-market.oma-local-market .oma-results .oma -retailers .oma-retailer.oma-local-retailer .oma-card .oma-info address { }
.oma-buynow.oma-modal .oma-dialog .oma-content .oma-body .oma-markets .oma-tab.oma-local-tab .oma-market.oma-local-market .oma-results .oma -retailers .oma-retailer.oma-local-retailer .oma-card .oma-info address span { }
.oma-buynow.oma-modal .oma-dialog .oma-content .oma-body .oma-markets .oma-tab.oma-local-tab .oma-market.oma-local-market .oma-results .oma -retailers .oma-retailer.oma-local-retailer .oma-card .oma-info address span.oma-name{ }
.oma-buynow.oma-modal .oma-dialog .oma-content .oma-body .oma-markets .oma-tab.oma-local-tab .oma-market.oma-local-market .oma-results .oma -retailers .oma-retailer.oma-local-retailer .oma-card .oma-info .oma-location { }
.oma-buynow.oma-modal .oma-dialog .oma-content .oma-body .oma-markets .oma-tab.oma-local-tab .oma-market.oma-local-market .oma-results .oma -retailers .oma-retailer.oma-local-retailer .oma-card .oma-info .oma-location .oma-message { }
.oma-buynow.oma-modal .oma-dialog .oma-content .oma-body .oma-markets .oma-tab.oma-local-tab .oma-market.oma-local-market .oma-results .oma -retailers .oma-retailer.oma-local-retailer .oma-card .oma-info .oma-location .oma-stock { }
.oma-buynow.oma-modal .oma-dialog .oma-content .oma-body .oma-markets .oma-tab.oma-local-tab .oma-market.oma-local-market .oma-results .oma -retailers .oma-retailer.oma-local-retailer .oma-card .oma-info .oma-location .oma-stock .oma-level { }
.oma-buynow.oma-modal .oma-dialog .oma-content .oma-body .oma-markets .oma-tab.oma-local-tab .oma-market.oma-local-market .oma-results .oma -retailers .oma-retailer.oma-local-retailer .oma-card .oma-info .oma-location .oma-stock .oma-level.oma-none { }
.oma-buynow.oma-modal .oma-dialog .oma-content .oma-body .oma-markets .oma-tab.oma-local-tab .oma-market.oma-local-market .oma-results .oma -retailers .oma-retailer.oma-local-retailer .oma-card .oma-info .oma-location .oma-stock .oma-level .oma-percent.oma-one { }
.oma-buynow.oma-modal .oma-dialog .oma-content .oma-body .oma-markets .oma-tab.oma-local-tab .oma-market.oma-local-market .oma-results .oma -retailers .oma-retailer.oma-local-retailer .oma-card .oma-info .oma-location .oma-stock .oma-level .oma-percent.oma-two { }
.oma-buynow.oma-modal .oma-dialog .oma-content .oma-body .oma-markets .oma-tab.oma-local-tab .oma-market.oma-local-market .oma-results .oma -retailers .oma-retailer.oma-local-retailer .oma-card .oma-info .oma-location .oma-stock .oma-level .oma-percent.oma-three { }
.oma-buynow.oma-modal .oma-dialog .oma-content .oma-body .oma-markets .oma-tab.oma-local-tab .oma-market.oma-local-market .oma-results .oma -retailers .oma-retailer.oma-local-retailer .oma-card .oma-info .oma-location .oma-stock .oma-level .oma-percent.oma-four { }
.oma-buynow.oma-modal .oma-dialog .oma-content .oma-body .oma-markets .oma-tab.oma-local-tab .oma-market.oma-local-market .oma-results .oma -retailers .oma-retailer.oma-local-retailer .oma-card .oma-info .oma-location .oma-distance { }
/* Omacro Modal Popup Footer (sélecteur de pays, marque omacro) */
.oma-buynow.oma-modal .oma-dialog .oma-content .oma-footer { }
.oma-buynow.oma-modal .oma-dialog .oma-content .oma-footer .oma-region { }
.oma-buynow.oma-modal .oma-dialog .oma-content .oma-footer .oma-region li { }
.oma-buynow.oma-modal .oma-dialog .oma-content .oma-footer .oma-region li .oma-icon.oma-flag-icon { }
.oma-buynow.oma-modal .oma-dialog .oma-content .oma-footer .oma-link { }
.oma-buynow.oma-modal .oma-dialog .oma-content .oma-footer .oma-link .oma-logo { }
.oma-buynow.oma-modal .oma-dialog .oma-content .oma-footer .oma-link .oma-logo img { }
Related Articles
Gestion des relations avec les vendeurs et de la visibilité des vendeurs
Pour déterminer quels vendeurs s'affichent dans votre localisateur de revendeurs et/ou localisateur en ligne, vous pouvez contrôler la visibilité de chaque vendeur et déterminer s'il s'affiche en tant que magasin de détail sur le localisateur de ...Instructions de flux d'inventaire pour les magasins de détail physiques à plusieurs magasins
Omacro prend en charge la possibilité pour vos fournisseurs d'afficher à la fois les revendeurs en ligne et de mettre en évidence les magasins locaux proches du client qui ont en stock l'article recherché par le client. Les magasins locaux qui ont ...Intégration du localisateur de revendeurs dans la page du site Web
Vous pouvez intégrer le localisateur directement sur une page. En supposant que vous avez suivi les étapes d'ajout d'extraits de code d'achat immédiat d'omacro à votre page, utilisez l'exemple suivant pour afficher le localisateur dans la page ...Guide de mise en œuvre de l'achat immédiat auprès des fournisseurs
L'article suivant décrit différentes manières d'implémenter Acheter maintenant sous forme de fenêtre contextuelle ou d'intégrer dans une page en tant que localisateur de revendeur basé sur un produit ou localisateur de revendeur général . Acheter ...Ajouter des règles personnalisées aux résultats du concessionnaire
Parfois, vous souhaiterez peut-être personnaliser certains résultats. Par exemple, si vous souhaitez afficher uniquement les prestataires de location et/ou les centres de services ou uniquement les points de vente (ou une combinaison). Pour ce faire, ...