Secciones globales
El Encabezado, Pie de página y la Barra de anuncios aparecen en cada página de tu tienda. En el constructor cada página mantiene su propia copia, así que una edición se aplica solo a la página que estás editando. Usa la acción Aplicar a todas las páginas en una sección para copiar su diseño en la misma sección de todas las demás páginas. Para saber cómo agregar, reordenar y configurar bloques, consulta Secciones y bloques.
Barra de anuncios
Una franja promocional delgada en la parte superior de la página. Puedes agregar hasta 7 mensajes de anuncio, cada uno con su propio texto, y hasta 2 barras de anuncios por página. El Modo puede ser Ticker (desplazamiento horizontal continuo) o Slider (transiciones temporizadas). Otros ajustes: dirección del texto (LTR o RTL), un separador entre los mensajes del ticker, el intervalo del slider (2 a 10 segundos, por defecto 3), tamaño de fuente (10 a 30 px, por defecto 16), ancho (página o completo), esquema de color y relleno.
Encabezado
La barra principal de navegación, una por página. Incluye cinco bloques fijos que puedes configurar pero no agregar, quitar ni reordenar:
- Logo: la imagen de tu marca. Define la posición (izquierda, centro, derecha), ancho (20 a 300 px), alto (20 a 300 px) y relleno.
- Menú: el menú de navegación. Elige un menú que creaste en Menús, luego define su posición (izquierda, centro, derecha), la fila del encabezado donde se ubica (superior o inferior), el tipo de visualización (Drawer, Mega menú o Dropdown), un esquema de color y un interruptor de barra que agrega una franja de color a lo ancho detrás de la fila inferior.
- Búsqueda: un ícono de búsqueda que abre una superposición para buscar productos. Define su posición (izquierda o derecha) y la fila (superior o inferior).
- Carrito: el ícono del carrito con el contador de artículos. El tipo de visualización es Drawer (panel lateral), Dropdown (mini carrito en el encabezado) o Página (lleva a la página completa del carrito).
- Localización: un selector de país e idioma para tiendas multi-mercado. Activa o desactiva si mostrar el nombre del país y la bandera, y define su posición y fila.
Ajustes a nivel de encabezado: el comportamiento Sticky puede ser Scroll (se oculta al bajar y aparece al subir), Siempre (fijo permanentemente), Reducir (se encoge al hacer scroll) o Nunca (desaparece al hacer scroll). También puedes definir el ancho (página o completo), esquema de color, relleno superior e inferior y CSS personalizado.
Pie de página
La sección inferior de cada página, una por página. Puedes agregar, quitar y reordenar sus bloques:
- Sobre nosotros: un área de marca con tu logo, texto, información de contacto y grupos de diseño opcionales, con controles de dirección, alineación, espacio, ancho y relleno (uno por pie de página).
- Menú: un menú de navegación mostrado como lista de enlaces. Elige un menú desde Menús.
- Íconos de redes sociales: una fila de íconos de plataformas (Facebook, Instagram, Threads, X, TikTok, Snapchat, YouTube, LinkedIn, Pinterest, Tumblr, WhatsApp, Telegram). Configura el tamaño de los íconos, espacio, forma (ninguna, círculo, redondeado, cuadrado), estilo de relleno (plano o contorno), tamaño del contenedor, paleta (marca, mono o color personalizado) y efecto al pasar el cursor (ninguno, marca, escala, levantar, opacidad).
- Íconos de pago: íconos de los métodos de pago habilitados en tu tienda (Visa, Mastercard, PayPal, Apple Pay, etc.), mostrados automáticamente.
- Enlaces de privacidad: enlaces a tus páginas legales (Política de privacidad, Términos de servicio, Política de reembolso, Política de envíos), generados a partir de las políticas de tu tienda. Define el tamaño de fuente (12 a 20 px) y el uso de mayúsculas (por defecto o todo en mayúsculas).
- Copyright: el año y nombre de la tienda, con una línea opcional "Powered by Storeep". Define el tamaño de fuente (12 a 20 px), uso de mayúsculas y si mostrar la atribución.
- Texto, Divisor y Grupo: los mismos componentes de diseño usados en otras partes. Consulta Componentes de diseño.