Personalizzazione e modifica visiva della finestra dei risultati tramite override CSS
Puoi sovrascrivere lo stile corrente della finestra popup Acquista ora utilizzando CSS personalizzati. È possibile utilizzare il seguente modello:
Basta modificare le classi descritte nel file secondo necessità. Quindi includi il file CSS personalizzato nella tua pagina o all'interno di un tag <style> dopo il punto in cui hai incorporato lo script Acquista ora.
Nota: l'incorporamento del file PRIMA del tag di script Acquista ora potrebbe impedire al foglio di stile di sovrascrivere determinati valori poiché l'ordine del documento è importante. In alcuni casi limite, potrebbe essere necessario decorare anche il tuo stile personalizzato con !important ; regola se la proprietà style non viene sovrascritta (per saperne di più, visita: https://www.w3schools.com/css/css_important.asp ). La tabella seguente fornisce informazioni generali su cosa fanno le sezioni principali delle classi. Ci sono molti tag nidificati all'interno di ogni sezione principale che possono essere sovrascritti.
| Suggerimento: si consiglia di utilizzare uno strumento di "ispezione" del browser (come uno integrato in Google Chrome o Microsoft Edge). Questo strumento può essere utile per isolare la classe CSS specifica e il tag HTML che potrebbero essere stilizzati. Utilizzare lo strumento di ispezione per modificare la proprietà per vedere come potrebbe apparire la proprietà |
/* Omacro Modal Popup Classi esterne */
.oma-buynow.oma-modal { }
.oma-buynow.oma-modal .oma-dialog .oma-content { }
/* Omacro Modal Popup Header (parte della barra del titolo della finestra popup, inclusa l'icona di chiusura della finestra) */
.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 piccolo { }
/* Omacro Modal Popup Header Tabs (schede Rivenditori online e Rivenditori locali) */
.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 { }
/* Corpo principale del popup 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 { } /* la scheda attiva */
/* Corpo principale del popup Omacro Modal (contenuto dei rivenditori online) */
.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 -filatore { }
.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 -rivenditore.il-tuo-rivenditore-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 -rivenditore.oma-rivenditore-online .oma-carta { }
.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 -rivenditore.oma-rivenditore-online .oma-carta .oma-immagine { }
.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 -rivenditore.oma-rivenditore-online .oma-carta .oma-immagine 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 -rivenditore.oma-rivenditore-online .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 -rivenditore.oma-rivenditore-online .oma-carta .oma-info .oma-nome { }
.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 (contenuto dei rivenditori locali) */
.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 -cercapersone { }
.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 -rivenditori { }
.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 -rivenditori .proprio-rivenditore.proprio-rivenditore-locale { }
.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 -rivenditori .oma-rivenditore.oma-rivenditore-locale .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 -rivenditori .oma-rivenditore.oma-rivenditore-locale .oma-carta .oma-immagine { }
.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 -rivenditori .oma-rivenditore.oma-rivenditore-locale .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 -rivenditori .oma-rivenditore.oma-rivenditore-locale .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 -rivenditori .oma-rivenditore.oma-rivenditore-locale .oma-card .oma-info indirizzo { }
.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 -rivenditori .oma-rivenditore.oma-rivenditore-locale .oma-carta .oma-info .oma-posizione { }
.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 -rivenditori .oma-rivenditore.oma-rivenditore-locale .oma-carta .oma-info .oma-posizione .oma-messaggio { }
.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 -rivenditori .oma-rivenditore.oma-rivenditore-locale .oma-card .oma-info .oma-posizione .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 -rivenditori .oma-rivenditore.oma-rivenditore-locale .oma-carta .oma-info .oma-posizione .oma-distanza { }
/* Omacro Modal Popup Footer (selettore paese, marchio 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
Attivazione diretta del localizzatore di rivenditori Acquista ora tramite e-mail o collegamenti esterni
Il widget Acquista ora di omacro ti consente di attivarlo per il caricamento/l'apertura automatica al caricamento della pagina del tuo sito web. Ciò sarà utile, ad esempio, se desideri fare una campagna e-mail e includere un pulsante/link per i ...Istruzioni per il feed dell'inventario del negozio al dettaglio multi-store
Omacro supporta la possibilità per i tuoi fornitori di mostrare sia i rivenditori online sia i negozi locali vicino al cliente che hanno un inventario in magazzino dell'articolo che il cliente sta cercando. I negozi locali che dispongono di ...Incorporamento di Dealer Locator all'interno della pagina del sito web
Puoi incorporare il localizzatore direttamente in una pagina. Supponendo che tu abbia eseguito i passaggi per aggiungere frammenti di codice acquista ora di omacro alla tua pagina, usa il seguente esempio per visualizzare il localizzatore all'interno ...Aggiungi regole personalizzate ai risultati del rivenditore
A volte, potresti voler personalizzare determinati risultati. Ad esempio, se desideri visualizzare solo i fornitori di servizi di noleggio e/o i centri di assistenza o visualizzare solo i punti vendita (o una combinazione). Per fare ciò, puoi ...Onboarding iniziale dei venditori
Per agevolare e velocizzare l'implementazione iniziale, fornisci un elenco di venditori che hanno allegato il modello Excel sopra menzionato. Useremo per fare l'importazione di tutti i tuoi venditori. Si prega di notare che, nel caso in cui si stiano ...