Dostosowywanie i wprowadzanie zmian wizualnych w oknie wyników za pomocą nadpisów CSS
Możesz zastąpić bieżący styl wyskakującego okienka Kup teraz, używając niestandardowego CSS. Można użyć następującego szablonu:
Po prostu edytuj klasy opisane w pliku według potrzeb. Następnie umieść dostosowany plik CSS na swojej stronie lub w tagu <style> po osadzeniu skryptu Kup teraz.
Uwaga: Osadzenie pliku PRZED znacznikiem skryptu Kup teraz może uniemożliwić zastąpienie niektórych wartości w arkuszu stylów, ponieważ kolejność dokumentów ma znaczenie. W niektórych skrajnych przypadkach może być konieczne udekorowanie własnego stylu za pomocą !important ; reguły, jeśli właściwość stylu nie zostanie nadpisana (więcej informacji na stronie: https://www.w3schools.com/css/css_important.asp ). Poniższa tabela zawiera ogólne informacje o tym, czym zajmują się główne sekcje zajęć. Istnieje wiele tagów zagnieżdżonych w każdej głównej sekcji, które można nadpisać.
| Wskazówka: Zaleca się korzystanie z narzędzia „inspekcji” przeglądarki (takiego jak narzędzie wbudowane w Google Chrome lub Microsoft Edge). To narzędzie może być przydatne w izolowaniu określonej klasy CSS i znacznika HTML, które można stylizować. Użyj narzędzia do sprawdzania, aby zmodyfikować właściwość, aby zobaczyć, jak może wyglądać |
/* Zewnętrzne klasy wyskakujących modów Omacro */
.oma-buynow.oma-modal { }
.oma-buynow.oma-modal .oma-dialog .oma-content { }
/* Omacro Modal Popup Header (część okna wyskakującego z paskiem tytułu, w tym ikona zamykania okna) */
.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 small { }
/* Modalne wyskakujące zakładki nagłówka Omacro (zakładki Sprzedawcy online i Sprzedawcy lokalni) */
.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 { }
/* Główna treść wyskakującego okienka modalnego 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 { } /* aktywna karta */
/* Omacro Modal Popup Main Body (zawartość sprzedawców internetowych) */
.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 -pokrętło { }
.oma-buynow.oma-modal .oma-dialog .oma-content .oma-body .oma-markets .oma-tab.oma-online-tab .oma-market.oma-online-market .oma-filtry-wyników {}
.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 -sprzedawca.twój-sprzedawca-online { }
.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 { }
/* Główna część modalnego wyskakującego okienka Omacro (zawartość lokalnych sprzedawców detalicznych) */
.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 -mapa-google { }
.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 -detaliści { }
.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-detailer.own-local-detailer { }
.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 adres { }
.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-detailer .oma-card .oma-info rozpiętość adresów { }
.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-detalista.oma-lokalny-detalista .oma-card .oma-info adres 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-detailer .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 -detaliści .oma-detalista.oma-lokalny-detalista .oma-card .oma-info .oma-lokalizacja .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 -detaliści .oma-detalista.oma-lokalny-detalista .oma-card .oma-info .oma-lokalizacja .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 -detaliści .oma-detalista.oma-lokalny-detalista .oma-card .oma-info .oma-lokalizacja .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 -detaliści .oma-detalista.oma-lokalny-detalista .oma-card .oma-info .oma-lokalizacja .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 -detaliści .oma-detalista.oma-lokalny-detalista .oma-card .oma-info .oma-lokalizacja .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 -detaliści .oma-detalista.oma-lokalny-detalista .oma-card .oma-info .oma-lokalizacja .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 -detaliści .oma-detalista.oma-lokalny-detalista .oma-card .oma-info .oma-lokalizacja .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 -detaliści .oma-detalista.oma-lokalny-detalista .oma-card .oma-info .oma-lokalizacja .oma-odległość { }
/* Modalna wyskakująca stopka Omacro (selektor kraju, branding 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
Dodaj niestandardowe reguły do wyników dealerów
Czasami możesz chcieć dostosować niektóre wyniki. Na przykład, jeśli chcesz wyświetlać tylko wypożyczalnie i/lub centra usług albo wyświetlać tylko lokalizacje sklepów (lub kombinację). Aby to zrobić, możesz zaimplementować ten opcjonalny parametr na ...Dostosuj promień wyszukiwania mapy w wyskakującym okienku Kup teraz
Masz trudności z wyświetlaniem wyników z powodu domyślnego promienia wyszukiwania w wyskakującym okienku Kup teraz? Domyślnie początkowy promień mapy wynoszący 50 mil (80 kilometrów) z promieniem awaryjnym wynoszącym 150 mil (241 kilometrów) daje ...Dodaj niestandardowy rozmiar strony do wyników sprzedaży online
Czasami możesz chcieć dostosować liczbę wyników wyświetlanych w części online wyskakującego okienka Kup teraz. Na przykład, jeśli chcesz wyświetlić więcej lub mniej sprzedawców na stronie (lub wszystkich sprzedawców bez elementów sterujących ...Zarządzanie międzynarodowymi dystrybutorami w wyszukiwarce dystrybutorów
Zarządzaj swoimi międzynarodowymi dystrybutorami Kod witryny Aby zapoznać się z przewodnikiem po implementacji strony internetowej dla Lokalizatora Dystrybutorów, kliknij tutaj . Zarządzanie dystrybutorami Lokalizator dystrybutorów można ...Przewodnik wdrażania opcji Kup teraz dla dostawców
W poniższym artykule omówiono różne sposoby wdrożenia opcji Kup teraz jako wyskakującego okienka lub osadzenia na stronie jako lokalizatora sprzedawców opartego na produktach lub ogólnego lokalizatora sprzedawców . Usługę Kup teraz można ...