Cabecera y navegación

Encabezado

135 ajustesv2.0.15

Qué es

El encabezado es la franja superior de toda la tienda: muestra el logo, el menú de navegación, los iconos de búsqueda, cuenta y carrito y, si quieres, un botón de compra y un banner promocional.

Cuándo usarla

Definir cómo se ve y se comporta la cabecera de toda la tienda.
Crear menús grandes (megamenús) con contenido destacado y productos.
Ofrecer una navegación cómoda en móvil con un cajón lateral.
Añadir un botón «Comprar ahora» o un banner promocional en la cabecera.

Viene por defecto en: Cabecera (todas las páginas)
Disponible en: Cualquier plantilla

Ajustes principales

Cómo se organizan los ajustes de esta sección.

General Header Settings10 ajustes
Encabezado fijo · Mostrar línea separadora · Esquema de colores · Transparent header · y 6 más
Logo Settings2 ajustes
Posición de logo en computadora · Posición del logo en dispositivo móvil
Desktop Navigation Menu6 ajustes
Navigation alignment · Enable full screen width mobile · Menú · Highlight active link on desktop · y 2 más
Desktop Megamenu Settings19 ajustes
Links to display megamenu · Show primary content section · Links to show primary content · Primary section layout · y 15 más
Megamenu Styling13 ajustes
Primary section title size · Primary section description size · Navigation column title size · Navigation sublink size · y 9 más
Mobile Navigation4 ajustes
Mobile drawer type · Title · Secondary menu · Esquema de colores
Mobile Drawer Layout & Positioning8 ajustes
Drawer width · Maximum drawer width · Header padding · Body padding · y 4 más
Mobile Drawer Typography & Colors5 ajustes
Drawer title size · Main link size · Submenu link size · Utility link size · y 1 más
Mobile Drawer Background Overlay3 ajustes
Overlay color · Background blur effect · Overlay visibility
Mobile Drawer Advanced Settings11 ajustes
Accordion item vertical padding · Accordion item horizontal padding · Submenu top padding · Submenu right padding · y 7 más
Header Icons & Search8 ajustes
Show cart icon · Show cart icon on mobile · Show account icon · Show account icon on mobile · y 4 más
Shop Now Button13 ajustes
Show shop now button · Button text · Button link · Shop now button width · y 9 más
Shop Now Button Effects7 ajustes
Add shadow · Shadow X offset · Shadow Y offset · Shadow blur · y 3 más
Promotional Banner Text6 ajustes
Mobile text size · Text alignment · Text color · Text #1 · y 2 más
Promotional Banner Icons11 ajustes
Icon scale · Icons color · Icon #1 · Filled icon #1 · y 7 más
Promotional Banner Container9 ajustes
Width · Stacking direction · Stacking spacing · Enable background · y 5 más

Referencia completa: 135 ajustes

Tipo, valor por defecto, rangos y unidades, todas las opciones y cuándo aparece cada ajuste — además de los ajustes de cada bloque, consejos y la documentación de versiones anteriores. Disponible para clientes de Pixelion.

Ya soy cliente: iniciar sesión Conseguir Pixelion

Archivo: sections/header.liquid · v2.0.15