Personalizar y realizar cambios visuales en la ventana de resultados mediante modificaciones de CSS
Puede anular el estilo actual del cuadro emergente Comprar ahora usando CSS personalizado. Se puede utilizar la siguiente plantilla:
Simplemente edite las clases descritas en el archivo según sea necesario. Luego incluya el archivo CSS personalizado en su página o dentro de una etiqueta <style> después de haber incrustado el script Comprar ahora.
Tenga en cuenta: incrustar el archivo ANTES de la etiqueta de script Comprar ahora puede evitar que su hoja de estilo anule ciertos valores, ya que el orden del documento es importante. En algunos casos extremos, puede ser necesario decorar también su estilo personalizado con el !important ; regla si la propiedad de estilo no se sobrescribe (para obtener más información, visite: https://www.w3schools.com/css/css_important.asp ). La siguiente tabla brinda información general sobre las secciones principales de las clases. Hay muchas etiquetas anidadas dentro de cada sección principal que se pueden sobrescribir.
| Sugerencia: se recomienda utilizar una herramienta de "inspección" del navegador (como una integrada en Google Chrome o Microsoft Edge). Esta herramienta puede ser útil para aislar la clase CSS específica y la etiqueta HTML que podría diseñarse. Use la herramienta de inspección para modificar la propiedad y ver cómo puede verse la propiedad |
/* Omacro Modal Popup Outer Classes */
.oma-comprar ahora.oma-modal { }
.oma-buynow.oma-modal .oma-dialog .oma-content { }
/* Encabezado emergente modal de Omacro (parte de la barra de título de la ventana emergente, incluido el icono de cerrar ventana) */
.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 pequeño { }
/* Pestañas de encabezado emergente modal de Omacro (pestañas de minoristas en línea y minoristas locales) */
.oma-comprar ahora.oma-modal .oma-diálogo .oma-contenido .oma-cuerpo { }
.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 { }
/* Cuerpo principal de ventana emergente modal 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 pestaña activa */
/* Cuerpo principal de ventana emergente modal de Omacro (contenido de minoristas en línea) */
.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-resultados .oma -minorista.su-minorista-en-línea { }
.oma-buynow.oma-modal .oma-dialog .oma-content .oma-body .oma-markets .oma-tab.oma-online-tab .oma-market.oma-online-market .oma-resultados .oma -minorista.oma-online-minorista .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-resultados .oma -minorista.oma-online-minorista .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-resultados .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-resultados .oma -minorista.oma-online-minorista .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-resultados .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-resultados .oma -retailer.oma-online-retailer .oma-card .oma-info .oma-button.oma-buylink { }
/* Cuerpo principal de ventana emergente modal de Omacro (contenido de minoristas locales) */
.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 de 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 -localizador { }
.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 -minoristas { }
.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 -minoristas .minorista propio.minorista-propio-local { }
.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 -minoristas .oma-minorista.oma-minorista-local .oma-tarjeta { }
.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 -minoristas .oma-minorista.oma-minorista-local .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 -minoristas .oma-minorista.oma-minorista-local .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 -minoristas .oma-minorista.oma-local-minorista .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 -minoristas .oma-minorista.oma-local-minorista .oma-card .oma-info dirección { }
.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 -minoristas .oma-minorista.oma-local-minorista .oma-card .oma-info dirección 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 -minoristas .oma-minorista.oma-minorista-local .oma-card .oma-info dirección 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 -minoristas .oma-minorista.oma-minorista-local .oma-tarjeta .oma-info .oma-ubicación { }
.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 -minoristas .oma-minorista.oma-minorista-local .oma-tarjeta .oma-info .oma-ubicación .oma-mensaje { }
.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 -minoristas .oma-minorista.oma-minorista-local .oma-card .oma-info .oma-ubicación .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 -minoristas .oma-minorista.oma-minorista-local .oma-card .oma-info .oma-ubicación .oma-stock .oma-nivel { }
.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 -minoristas .oma-minorista.oma-minorista-local .oma-card .oma-info .oma-ubicación .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 -minoristas .oma-minorista.oma-minorista-local .oma-card .oma-info .oma-ubicación .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 -minoristas .oma-minorista.oma-minorista-local .oma-card .oma-info .oma-ubicación .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 -minoristas .oma-minorista.oma-minorista-local .oma-card .oma-info .oma-ubicación .oma-stock .oma-level .oma-percent.oma-tres { }
.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 -minoristas .oma-minorista.oma-minorista-local .oma-card .oma-info .oma-ubicación .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 -minoristas .oma-minorista.oma-minorista-local .oma-tarjeta .oma-info .oma-ubicación .oma-distancia { }
/* Pie de página emergente modal de Omacro (selector de país, marca 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
Instrucciones generales del feed de productos en línea del vendedor
Descargue la plantilla de feed de productos en línea omacro CSV Plantilla de fuente de productos en línea XML de omacro Formatos de archivo XML y .csv (txt) de Google Merchant Center Archivos de muestra Para ser parte del localizador de ...Instrucciones para la alimentación de inventario de tiendas minoristas físicas de varias tiendas
Omacro admite la capacidad de sus proveedores para mostrar tanto a los distribuidores en línea como a las tiendas locales cercanas al cliente que tienen un inventario en stock del artículo que el cliente está buscando. Las tiendas locales que tienen ...Incrustación del localizador de distribuidores en la página del sitio web
Puede incrustar el localizador directamente en una página. Suponiendo que haya seguido los pasos para agregar fragmentos de código de compra ahora de omacro a su página, use el siguiente ejemplo para representar el localizador dentro de la página ...Guía de implementación de la opción Comprar ahora para proveedores
El siguiente artículo analiza varias formas de implementar Comprar ahora como una ventana emergente o incrustar dentro de una página como un localizador de distribuidores basado en productos o un localizador general de distribuidores . Comprar ahora ...Formato de archivo del catálogo de productos del proveedor
Un elemento fundamental de la plataforma omacro, el catálogo de proveedores permite funciones y control ampliados. Puede agregar, editar o eliminar productos directamente desde la parte de Administración de productos del administrador. También ...