SistemaConfiguración
Diseño y CSS
Apariencia del portal: navegación principal, template, encabezado, pie de página, imágenes de fondo y hoja de estilo personalizada.
Las pestañas Diseño y CSS de Sistema > Configuración definen la apariencia del sitio. Los cambios se guardan con Guardar o Aplicar, como se explica en Configuración.
Diseño
Navegación principal
El campo Tipo de Navegación Principal ofrece dos opciones. Al elegir una, la pantalla muestra una descripción:
| Opción | Descripción en pantalla |
|---|---|
| Inline (Tradicional) | Menú horizontal clásico con categorías visibles. Ideal para catálogos directos y navegación rápida. |
| Hamburguesa | Menú oculto tras un ícono lateral. Recomendado para sitios con muchas categorías o diseños minimalistas. |
Si no hay una opción guardada, queda Inline (Tradicional).
Template, encabezado y pie de página
| Campo | Descripción |
|---|---|
| Template | Template del sitio, a elegir entre los disponibles en la instalación. |
| Utilizar Imágen de fondo para la página | Casilla para usar una imagen de fondo en la página. La imagen se carga con Fondo de Página en el panel Opciones Básicas. |
| Utilizar el Logo como encabezado / Utilizar encabezado personalizado | Opciones excluyentes. La segunda usa el contenido del editor de encabezado. |
| Editor de encabezado | Editor de formato para el encabezado personalizado. |
| Utilizar Imágen de fondo para el encabezado | Casilla para usar una imagen de fondo en el encabezado. La imagen se carga con Fondo de Encabezado en Opciones Básicas. |
| Pie de página | Editor de formato para el pie de página. |
| Descripción de financiación en box | Selector que define qué propiedad (filtro) se usa para mostrar la descripción de la financiación en el box de productos. |
CSS
| Campo | Descripción |
|---|---|
| Utilizar hoja de estilo personalizada. | Casilla para usar la hoja de estilo propia del sitio. |
| Estilos Personalizados | Campo de texto para los estilos CSS. |
| Activar CodeMirror | Casilla que reemplaza el campo por un editor de código CSS. Al desmarcarla, se vuelve al campo de texto conservando el contenido. |