Detalles de configuración de bloques de contenido de páginas

Modificado el Lun, 3 Mar a 3:31 A. M.

Cada bloque de contenido de página tiene cierta configuración que debes tomar con consideración al momento de implementarlos en tu tienda en línea. A continuación te explico los aspectos más importante que debes de tomar en cuenta en cada uno:

Bloque de colección destacada

Título de colección: Agrega un encabezado para la colección a mostrar.
Descripción: Contenido adicional que quieras agregar referente a la colección.
Seleccionar colección: Elige la colección que deseas destacar.
Número de productos: Define cuántos productos mostrar.
Habilitar carrusel: Puedes decidir si quieres que los productos se muestren en forma de cuadrícula o si quieres que sea un carrusel que vaya desplazándose.
Relleno superior: Ajusta el espacio por encima de la colección.
Relleno inferior: Ajusta el espacio por debajo de la colección.
Color de fondo: Selecciona el color de fondo para el bloque.

Bloque de categoría destacada

Título de categoría: Agrega un encabezado para la categoría a mostrar.
Descripción: Contenido adicional que quieras agregar referente a la categoría.
Seleccionar categoría: Elige la categoría que deseas destacar.
Número de productos: Define cuántos productos mostrar.
Habilitar carrusel: Puedes decidir si quieres que los productos se muestren en forma de cuadrícula o si quieres que sea un carrusel que vaya desplazándose.
Relleno superior: Ajusta el espacio por encima de la categoría.
Relleno inferior: Ajusta el espacio por debajo de la categoría.
Color de fondo: Selecciona el color de fondo para el bloque.

Bloque de banner de imagen

Seleccionar imagen: Sube una imagen en versión de computadora de escritorio y móvil que funcionará como fondo del banner.
Texto en el banner: Agrega un mensaje que se superponga a la imagen.
Cuerpo de banner: Agrega texto adicional que quieras incluir en el banner.
Posición de contenido: Selección en qué posición del banner quieres que se muestre el contenido.
Color del texto: Selecciona un color que contraste bien con la imagen.
Botón de acción: Si deseas, incluye un botón con texto y un enlace.
Mostrar contenedor: Permite que el botón se incluya dentro de un contenedor o bloque que puede tener características específicas.
Relleno superior: Configura el espacio vacío encima del banner.
Relleno inferior: Configura el espacio vacío debajo del banner.
Color de fondo: Selecciona el color de fondo para el bloque.

Bloque de producto destacado

Seleccionar producto: Elige un producto específico para destacar.
Foto: Selecciona el tamaño de la imagen del producto y la posición.
Relleno superior: Ajusta el espacio por encima del bloque.
Relleno inferior: Ajusta el espacio por debajo del bloque.
Color de fondo: Selecciona el color de fondo para el bloque.

Bloque de listado de colecciones

Colecciones a mostrar: Selecciona las colecciones que deseas incluir. Cada una de las colecciones seleccionadas deben tener una imagen asignada. Si aún no lo has hecho, para asignarles una imagen, consulta el artículo Agregar imagen a colección.
Título de sección: Introduce un título para el listado de colecciones.
Número de columnas: Define cuántas columnas a mostrar.
Habilitar carrusel: Puedes decidir si quieres que los productos se muestren en forma de cuadrícula o si quieres que sea un carrusel que vaya desplazándose.
Relleno superior: Configura el espacio por encima del listado.
Relleno inferior: Configura el espacio por debajo del listado.
Color de fondo: Selecciona el color de fondo para el bloque.

Bloque de listado de categorías

Categorías a mostrar: Selecciona las categorías que deseas incluir. Cada una de las categorías seleccionadas deben tener una imagen asignada. Si aún no lo has hecho, para asignarles una imagen, consulta el artículo Agregar imagen a categoría o subcategoría.
Título de sección: Introduce un título para el listado de categorías.
Número de columnas: Define cuántas columnas a mostrar.
Habilitar carrusel: Puedes decidir si quieres que los productos se muestren en forma de cuadrícula o si quieres que sea un carrusel que vaya desplazándose.
Relleno superior: Configura el espacio por encima del listado.
Relleno inferior: Configura el espacio por debajo del listado.
Color de fondo: Selecciona el color de fondo para el bloque.

Bloque de texto

Título: Añade un título a la sección de texto.
Descripción: Escribe el contenido que deseas mostrar.
Botón de acción: Si deseas, incluye un botón con texto y un enlace.
Relleno superior: Ajusta el espacio vacío por encima del texto.
Relleno inferior: Ajusta el espacio vacío por debajo del texto.
Color de fondo: Selecciona el color de fondo para el bloque.

Bloque de imagen y texto

Imagen: Carga una imagen que acompañará el texto.
Texto: Escribe el contenido que deseas mostrar al lado de la imagen.
Alineación de imagen: Decide cómo se debe presentar la imagen (izquierda o derecha).
Alineación de contenido: Decide cómo quieres presentar el contenido.
Botón de acción: Si deseas, incluye un botón con texto y un enlace.
Relleno superior: Ajusta el espacio por encima del bloque.
Relleno inferior: Ajusta el espacio por debajo del bloque.
Color de fondo: Selecciona el color de fondo para el bloque.

Bloque de carrusel

Agregar diapositivas: Agrega las diapositivas que sean necesarias, con base en todo el contenido que deseas mostrar en el carrusel y realiza las configuraciones respectivas para cada una.
Número de columnas: Configura el número de columnas en los cuales quieres que se visualicen las diapositivas configuradas.
Configuraciones de velocidad: Define la velocidad a la que cambiarán las diapositivas configuradas.
Relleno superior: Ajusta el espacio vacío por encima del carrusel.
Relleno inferior: Ajusta el espacio vacío por debajo del carrusel.
Color de fondo: Selecciona el color de fondo para el bloque.

Bloque de video

Título: Agrega un título para tu video.
Reproducir en bucle: Habilita esta opción si deseas que el video re reproduzca repetidamente sin detenerse.
URL del video: Introduce la URL del video que deseas mostrar.
Relleno Superior: Define el espacio por encima del video.
Relleno Inferior: Define el espacio por debajo del video.
Color de fondo: Selecciona el color de fondo para el bloque.

Bloque de código HTML

Código HTML: Inserta tu propio código HTML para personalizar el contenido.
Relleno superior: Configura el espacio vacío encima del bloque.
Relleno inferior: Configura el espacio vacío debajo del bloque.

Bloque de newsletter

Título: Promociona la suscripción con un título atractivo.
Descripción: Explica brevemente los beneficios de unirse a tu lista de correo.
Botón de envío: Escribe lo que debería decir el botón (Ej. "Suscribirse").
Imagen de fondo: Carga una imagen para mostrar como fondo.
Relleno superior: Ajusta el espacio por encima del bloque.
Relleno inferior: Ajusta el espacio por debajo del bloque.
Color de fondo: Selecciona el color de fondo para el bloque.

Bloque de blog

Título: Agrega un título para la sección del blog.
Seleccionar categorías de Blog: Elige las categorías de blog que deseas mostrar.
Número de columnas: Define cuántas columnas deseas mostrar.
Relleno superior: Configura el espacio por encima del listado del blog.
Relleno inferior: Configura el espacio por debajo del listado del blog.
Color de fondo: Selecciona el color de fondo para el bloque.

Bloque de botón

Título: Añade un título a la sección de texto.
Descripción: Escribe el contenido que deseas mostrar.
Texto del botón: Escribe lo que deseas que diga tu botón (Ej. "Ver más").
Enlace del botón: Introduce la URL a la que debe llevar el botón.
Relleno superior: Ajusta el espacio por encima del botón.
Relleno inferior: Ajusta el espacio por debajo del botón.
Color de fondo: Selecciona el color de fondo para el bloque.