Constructor de Páginas: Creando una Página
Constructor de Páginas: Creando una Página
Una página es un conjunto ordenado de bloques. Agregas bloques, los reordenas, y cada bloque tiene su propio contenido y estilo.
Creando una página
- Contenido → Páginas → Crear Página
- Dale un título (el slug se completa solo)
- Agrega bloques uno a la vez, o presiona Comenzar desde una plantilla para construir toda la página de una vez
No tienes que guardar primero: elegir una plantilla en un editor en blanco crea la página por ti y la abre lista para editar.
Agregando contenido
| Control | Lo que hace |
|---|---|
| Agregar Bloque | El camino rápido: elige un tipo de bloque del lado |
| Plantillas y bloques | Abre la biblioteca: plantillas de página completa, plantillas de mercado y secciones de bloques guardadas |
Los bloques se pueden arrastrar para reordenar, duplicar, ocultar o anidar dentro de un bloque Diseño para construir columnas.
Opciones de diseño de página
Bajo la pestaña Plantilla, Diseño de Página decide cuánto chrome del sitio lleva la página:
| Opción | Resultado |
|---|---|
| Diseño Completo | Encabezado, pie de página, migas de pan — la página normal de la tienda |
| Mínimo | Una estructura ligera, sin navegación completa |
| Ninguno | Sin encabezado ni pie de página — para páginas de aterrizaje y campañas |
Un valor no reconocido siempre vuelve al shell completo, por lo que una página nunca puede renderizarse accidentalmente sin chrome.
Imágenes responsivas: arte separado por dispositivo
Bloques con imagen de fondo (Banner, Slider) aceptan una imagen diferente para escritorio, tablet y móvil. Tablet y móvil son opcionales: déjalos vacíos y ese dispositivo usará la imagen de escritorio.
Esto existe porque un héroe ancho rara vez funciona en todas partes: una toma en paisaje que se ve bien en un escritorio suele estar mal recortada en un teléfono.
Punto focal: elige qué queda en el marco
Bajo cada imagen hay un selector de punto focal. Arrastra directamente sobre la imagen para elegir el lugar que debe permanecer visible cuando el bloque lo recorta, con una cuadrícula de regla de tercios para guiarte. Cada dispositivo tiene su propio punto focal.
El valor es un par de porcentajes mapeado directamente en CSS background-position, así que lo que elijas es
exactamente lo que se renderiza. Déjalo sin configurar y el bloque volverá a su posición de palabra clave (centro, arriba,
y así sucesivamente). Presiona Restablecer para borrarlo.
Estilo de página
La misma pestaña lleva color y imagen de fondo, ancho máximo, padding, fuentes (cuerpo y encabezado, incluyendo pesos), espaciado de letras y CSS personalizado — todo aplicado al lienzo de la página en lugar de a bloques individuales.