Anpassen und visuelle Änderungen am Ergebnisfenster durch CSS-Überschreibungen vornehmen
Sie können den aktuellen Stil des Popup-Fensters „Jetzt kaufen“ mit benutzerdefiniertem CSS überschreiben. Folgende Vorlage kann verwendet werden:
Bearbeiten Sie einfach die in der Datei beschriebenen Klassen nach Bedarf. Fügen Sie dann die angepasste CSS-Datei auf Ihrer Seite oder innerhalb eines <style>-Tags ein, nachdem Sie das Skript „Jetzt kaufen“ eingebettet haben.
Bitte beachten Sie: Das Einbetten der Datei VOR dem Skript-Tag „Jetzt kaufen“ kann dazu führen, dass Ihr Stylesheet bestimmte Werte nicht überschreibt, da die Reihenfolge der Dokumente eine Rolle spielt. In einigen Grenzfällen kann es erforderlich sein, Ihren benutzerdefinierten Stil auch mit dem !important ; Regel, wenn die Stileigenschaft nicht überschrieben wird (um mehr zu erfahren, besuchen Sie bitte: https://www.w3schools.com/css/css_important.asp ). Die folgende Tabelle gibt allgemeine Informationen darüber, was die Hauptabschnitte der Klassen tun. In jedem Hauptabschnitt sind viele Tags verschachtelt, die überschrieben werden können.
| Tipp: Es wird empfohlen, ein Browser-Inspektionstool zu verwenden (z. B. eines, das in Google Chrome oder Microsoft Edge integriert ist). Dieses Tool kann beim Isolieren der spezifischen CSS-Klasse und des HTML-Tags, die gestaltet werden könnten, hilfreich sein. Verwenden Sie das Prüfwerkzeug, um die Eigenschaft zu ändern und zu sehen, wie die Eigenschaft aussehen könnte |
/* Omacro Modal Popup Outer Classes */
.oma-buynow.oma-modal { }
.oma-buynow.oma-modal .oma-dialog .oma-inhalt { }
/* Omacro Modal Popup Header (Teil der Titelleiste des Popup-Fensters, einschließlich des Symbols zum Schließen des Fensters) */
.oma-buynow.oma-modal .oma-dialog .oma-inhalt .oma-header { }
.oma-buynow.oma-modal .oma-dialog .oma-inhalt .oma-header .oma-close { }
.oma-buynow.oma-modal .oma-dialog .oma-inhalt .oma-header .oma-titel { }
.oma-buynow.oma-modal .oma-dialog .oma-content .oma-header .oma-title span { }
.oma-buynow.oma-modal .oma-dialog .oma-inhalt .oma-header .oma-titel klein { }
/* Modale Popup-Header-Tabs von Omacro (Tabs für Online-Händler und lokale Händler) */
.oma-buynow.oma-modal .oma-dialog .oma-inhalt .oma-körper { }
.oma-buynow.oma-modal .oma-dialog .oma-inhalt .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-inhalt .oma-body .oma-tabs li { }
.oma-buynow.oma-modal .oma-dialog .oma-inhalt .oma-body .oma-tabs li a { }
/* Omacro Modal Popup Hauptteil */
.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 { } /* die aktive Registerkarte */
/* Omacro Modal Popup Main Body (Online-Händlerinhalt) */
.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 -händler.ihr-online-händler { }
.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-online-retailer .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 { }
/* Omacro Modal Popup Main Body (Inhalte lokaler Einzelhändler) */
.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 Karte { }
.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 -Einzelhändler { }
.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 -Einzelhändler .eigener-Einzelhändler.eigener-lokaler-Einzelhändler { }
.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 -einzelhändler .oma-einzelhändler.oma-lokaler-einzelhändler .oma-karte { }
.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 -einzelhändler .oma-einzelhändler.oma-lokaler-einzelhändler .oma-karte .oma-bild { }
.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 -einzelhändler .oma-einzelhändler.oma-lokaler-einzelhändler .oma-karte .oma-bild 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 -einzelhändler .oma-einzelhändler.oma-lokaler-einzelhändler .oma-karte .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 -einzelhändler .oma-einzelhändler.oma-lokaler-einzelhändler .oma-karte .oma-info adresse { }
.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 -einzelhändler .oma-einzelhändler.oma-lokaler-einzelhändler .oma-karte .oma-info adresse 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 -einzelhändler .oma-einzelhändler.oma-lokaler-einzelhändler .oma-karte .oma-info adresse 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 -einzelhändler .oma-einzelhändler.oma-lokaler-einzelhändler .oma-karte .oma-info .oma-standort { }
.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 -einzelhändler .oma-einzelhändler.oma-lokaler-einzelhändler .oma-karte .oma-info .oma-standort .oma-nachricht { }
.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 -einzelhändler .oma-einzelhändler.oma-lokaler-einzelhändler .oma-karte .oma-info .oma-standort .oma-bestand { }
.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 -einzelhändler .oma-einzelhändler.oma-lokaler-einzelhändler .oma-karte .oma-info .oma-standort .oma-bestand .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 -einzelhändler .oma-einzelhändler.oma-lokaler-einzelhändler .oma-karte .oma-info .oma-standort .oma-bestand .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 -einzelhändler .oma-einzelhändler.oma-lokaler-einzelhändler .oma-karte .oma-info .oma-standort .oma-bestand .oma-level .oma-prozentsatz.oma-eins { }
.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 -einzelhändler .oma-einzelhändler.oma-lokaler-einzelhändler .oma-karte .oma-info .oma-standort .oma-bestand .oma-level .oma-prozentsatz.oma-zwei { }
.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 -einzelhändler .oma-einzelhändler.oma-lokaler-einzelhändler .oma-karte .oma-info .oma-standort .oma-bestand .oma-level .oma-prozentsatz.oma-drei { }
.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 -einzelhändler .oma-einzelhändler.oma-lokaler-einzelhändler .oma-karte .oma-info .oma-standort .oma-bestand .oma-level .oma-prozentsatz.oma-vier { }
.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 -einzelhändler .oma-einzelhändler.oma-lokaler-einzelhändler .oma-karte .oma-info .oma-standort .oma-entfernung { }
/* Omacro Modal Popup Footer (Länderauswahl, Omacro-Branding) */
.oma-buynow.oma-modal .oma-dialog .oma-inhalt .oma-footer { }
.oma-buynow.oma-modal .oma-dialog .oma-inhalt .oma-footer .oma-region { }
.oma-buynow.oma-modal .oma-dialog .oma-inhalt .oma-footer .oma-region li { }
.oma-buynow.oma-modal .oma-dialog .oma-inhalt .oma-footer .oma-region li .oma-icon.oma-flag-icon { }
.oma-buynow.oma-modal .oma-dialog .oma-inhalt .oma-footer .oma-link { }
.oma-buynow.oma-modal .oma-dialog .oma-inhalt .oma-footer .oma-link .oma-logo { }
.oma-buynow.oma-modal .oma-dialog .oma-inhalt .oma-footer .oma-link .oma-logo img { }
Related Articles
Implementierungshandbuch für „Sofortkauf durch Lieferanten“
Der folgende Artikel beschreibt verschiedene Möglichkeiten, Sofort-Kaufen als Popup zu implementieren oder in eine Seite als produktbasierte Händlersuche oder allgemeine Händlersuche einzubetten. „Jetzt kaufen“ kann so konfiguriert werden, dass es ...Verwalten von Verkäuferbeziehungen und Verkäufersichtbarkeit
Um zu bestimmen, welche Verkäufer in Ihrer Händlersuche und/oder Online-Suche angezeigt werden, können Sie die Sichtbarkeit jedes Verkäufers steuern und bestimmen, ob sie als Einzelhandelsgeschäft auf der Kartensuche, als Servicezentrum auf der ...Dateiformat des Lieferantenproduktkatalogs
Als grundlegendes Element der omacro-Plattform ermöglicht der Lieferantenkatalog erweiterte Funktionen und Kontrolle. Sie können Produktzusätze, -bearbeitungen oder -löschungen direkt im Produktverwaltungsbereich des Adminbereichs vornehmen. Sie ...Implementierung des Website-Codes für die Händlersuche
Schritt 1: Skript in die Website einbinden Das folgende Beispiel zeigt, was erforderlich ist, um das Distributor Locator-Widget in Ihre Site zu integrieren. Aktualisieren Sie einfach die gewünschten Parameter und kopieren Sie dann das Snippet in Ihre ...Fehlerbericht anfordern
Fehlercodes und Verwendung des Fehlerberichts anfordern Einführung Wenn beim Webdienst „Jetzt kaufen“ Fehler auftreten, stellt das System eindeutige Meldungen bereit, die Sie bei der Fehlerbehebung unterstützen. Diese Meldungen können auf Probleme ...