# Secciones La personalización de tu tienda en línea de mayoreo utiliza *secciones* para que puedas crear tu diseño ideal. La mayoría de las secciones están hechas de *bloques* que cumplen una función específica, como encabezados, textos, imágenes o enlaces. El uso de secciones y bloques en las plantillas te ofrece más flexibilidad en la forma de organizar el contenido de tu tienda en línea de mayoreo, lo que te permite controlar la apariencia sin necesidad de editar el código. Cada sección tiene una variedad específica de bloques que puedes agregar. Las secciones y bloques disponibles dependen de tu tipo de página. Algunas secciones tienen límites en la cantidad de bloques que puedes agregar o límites en el número de bloques de un cierto tipo. Puedes personalizar más la sección editando su *Configuración* para editar el texto e imagen, elegir la alineación, el tamaño, los colores y su visivilidad en dispositivos móviles. ### En esta sección * [Barra de encabezado](#barra-de-encabezado) * [Encabezado](#encabezado) * [Banner slider](#banner-slider) * [Lista de colecciones](#lista-de-colecciones) * [Texto enriquecido](#texto-enriquecido) * [Colección destacada](#coleccion-destacada) * [Banner de imagen](#banner-de-imagen) * [Video](#video) * [Información de producto](#informacion-de-producto) * [Banner de los productos](#banner-de-los-productos) * [Cuadrícula de productos](#cuadricula-de-productos) * [Banner de la colección](#banner-de-la-coleccion) * [Iconos con texto](#iconos-con-texto) * [Barra de anuncios](#barra-de-anuncios) * [Lista de logotipos](#lista-de-logotipos) * [Reseñas de clientes](#resenas-de-clientes) * [Temporizador](#temporizador) * [Estadísticas](#estadisticas) * [Página 404](#pagina-404) * [Pie de página](#pie-de-pagina) ### **Barra de encabezado** La barra de encabezado te permite comunicar información importante a tus clientes desde cualquier página. #### Configuración de la sección de barra de encabezado | Configuración | Descripción | | ---------------------- | ------------------------------------------------------------- | | **Texto** | El anuncio que deseas mostrar a tus clientes. | | **Esquema de colores** | El esquema de colores que se usará para la barra de anuncios. | ### **Encabezado** El encabezado se muestra en todas las páginas de tu tienda online. #### Configuración de la sección del encabezado | Configuración | Descripción | | ------------- | --------------------------------------------------------- | | **Teléfono** | El número de teléfono que deseas mostrar a tus clientes. | | **Correo** | El correo electrónico que deseas mostrar a tus clientes.. | ### Banner slider La sección del banner de imagen admite hasta tres imágenes y un cuadro de texto con botones. #### Configuración de la sección del banner slider | Configuración | Descripción | | ------------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | **Diseño** |

Establece el ancho de las imágenes:

| | **Altura de la diapositiva** |

Usa el menú desplegable para establecer la altura de la imagen:

| | **Rotar las diapositivas automáticamente** | Marca esta casilla para cambiar las imágenes automáticamente. Si no se marca esta casilla, la presentación de diapositivas mostrará una imagen estática hasta que el cliente avance manualmente. | | **Segundos para cambiar las diapositivas** | Usa la barra para establecer el tiempo de cambio automático de las imágenes. Mínimo: 3 segundos, máximo: 10 segundos. | | **Ocultar en móviles** | Marca la casilla para no mostrar el contenido en dispositivos móviles. | #### Configuración del banner | Configuración | Descripción | | ---------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | **Imagen** |

Haz clic en Cambiar imagen para agregar una imagen estática de tus archivos. Una vez que has seleccionado una imagen, puedes cambiarla o eliminarla haciendo clic en el botón Cambiar imagen.
Consulta la guía de imágenes

| | **Título** | Texto de encabezado opcional para la imagen. El texto se agrega a cada imagen de forma individual. | | **Subtítulo** | Texto opcional del subtítulo para la imagen. El texto se añade a cada imagen de forma individual. | | **Etiqueta del botón** | Introduce el texto para un botón o déjalo en blanco para ocultar el botón por completo. | | **Enlace del botón** | La URL a la que deseas vincular el botón. | | **Posición del contenido** | La posición del cuadro de contenido sobre la imagen. Elige entre arriba, en el medio o abajo y entre izquierda, centro o derecha. La configuración predeterminada es en el medio y centrado. | | **Opacidad de la sobreposición de imagen** | Agrega una sobreposición a las imágenes del banner. Usa el control deslizante para establecer la opacidad de la sobreposición. | | **Esquema de colores de la barra de anuncios** | El color de fondo de la sección del banner de la imagen. Usa el selector de color para seleccionar un nuevo color o introduce el valor del color en el campo de texto. El campo acepta [nombres de colores](https://www.w3schools.com/cssref/css_colors.asp) (por ejemplo, `red`, `black`, `blue`), o valores de color hexadecimales. | | **Eliminar sección** | Elimina la sección. | ### Lista de colecciones Puedes agregar una lista de colecciones que desees resaltar. #### Configuración de la sección de lista de colecciones | Configuración | Descripción | | ------------------------------------ | ---------------------------------------------------------------------------------------------------------------- | | **Título** | El texto que deseas mostrar a tus clientes como encabezado de la lista de colección. | | **Tamaño del título** | Cambia el tamaño del texto del título. Elige el tamaño del título. Puede ser: pequeño, mediano o grande. | | **Número de columnas en escritorio** | Número de columnas para mostrar en computadoras de escritorio. Mínimo: 1. Máximo: 5. | | **Ocultar en móviles** | Marca la casilla para no mostrar el contenido en dispositivos móviles. | | **Número de columnas en móviles** | Establece un diseño de columna específico para la versión para dispositivos móviles. Elige entre 1 y 4 columnas. | | **Eliminar sección** | Elimina la sección. | #### Configuración de la colección | Configuración | Descripción | | -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | **Colección** | La colección a donde deseas enlazar. | | **Imagen** |

Haz clic en cambiar imagen estática para agregar una de tus archivos. Una vez que has seleccionado una imagen, puedes cambiarla o eliminarla haciendo clic en el botón Cambiar imagen.
Consulta la guía de imágenes

| | **Eliminar sección** | Elimina la sección. | ### Texto enriquecido Puedes agregar una sección de texto enriquecido con un encabezado, una leyenda, un texto y un botón para enlazar a los clientes con una nueva página. #### Configuración de la sección de texto enriquecido | Configuración | Descripción | | ---------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | **Título** | El texto que deseas mostrar a tus clientes. | | **Subtítulo** | Agrega un eslogan breve a tu sección de texto enriquecido. | | **Etiqueta del botón** | El texto que se muestra en el botón. | | **Enlace del botón** | La URL a la que deseas vincular el botón. | | **Posición del contenido** | La posición del cuadro de contenido. Usa el menú desplegable para seleccionar a la izquierda, centrado (predeterminado) o a la derecha. | | **Esquema de colores de la barra de anuncios** | El color de fondo de la sección del texto enriquecido. Usa el selector de color para seleccionar un nuevo color o introduce el valor del color en el campo de texto. El campo acepta [nombres de colores](https://www.w3schools.com/cssref/css_colors.asp) (por ejemplo, `red`, `black`, `blue`), o valores de color hexadecimales. | | **Eliminar sección** | Elimina la sección. | ### Colección destacada Puedes agregar una sección que muestre los productos en una colección. #### Configuración de la sección de colección destacada | Configuración | Descripción | | ------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | | **Título** | El texto que deseas mostrar a tus clientes como título de la sección. | | **Tamaño del título** | Cambia el tamaño del texto del título. Elige el tamaño del título. Puede ser: pequeño, mediano o grande. | | **Posición del título** | La posición del título. Usa el menú desplegable para seleccionar a la izquierda, centrado (predeterminado) o a la derecha. | | **Colección** | De qué colección deseas mostrar los artículos. Puedes remover o cambiar la colección. | | **Mostrar clave** | Muestra la clave principal de los artículos. Si el producto tiene variantes, se mostrará la primera clave de los artículos. | | **Mostrar disponibles** |

Muestra la existencia disponible de los artículos o la leyenda Disponible o Bajo Pedido .
Conoce más en Preferencias.

| | **Mostrar descuento** | Muestra una etiqueta con el descuento en porcentaje aplicado al artículo. | | **Mostrar el botón de unidades y agregar para compra rápida** | El botón de agregado rápido permite a los clientes agregar un artículo al carrito desde la tarjeta de producto. Si el producto tiene variantes, el botón incluirá el texto "Seleccionar" y mostrará los detalles del producto en una ventana emergente, donde el cliente podrá seleccionar las variantes que quiera, agregar artículos al carrito, con el botón "Agregar al pedido". | | **Habilitar el botón “Ver todos”** | Muestra el botón Ver todos, que dirige a los clientes a la lista de colecciones completa. | | **Ocultar en móviles** | Marca la casilla para no mostrar el contenido en dispositivos móviles. | | **Número de columnas en la versión para móviles** | Establece un diseño de columna específico para la versión para dispositivos móviles. Elige entre 1 y 4 columnas. | | **Eliminar sección** | Elimina la sección. | ### Banner de imagen La sección del banner de imagen admite una imagen y un cuadro de texto con botones, puedes elegir la alineación del texto entre derecha, izquierda o centro. #### Configuración de la sección de banner de imagen | Configuración | Descripción | | ---------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | **Diseño** |

Establece el ancho de las imágenes:

| | **Altura de la imagen** |

Usa el menú desplegable para establecer la altura de la imagen:

| | **Imagen** |

Haz clic en Cambiar imagen para agregar una imagen estática de tus archivos. Una vez que has seleccionado una imagen, puedes cambiarla o eliminarla haciendo clic en el botón Cambiar imagen.
Consulta la guía de imágenes

| | **Título** | Texto de encabezado opcional para la imagen. El texto se agrega a cada imagen de forma individual. | | **Subtítulo** | Texto opcional del subtítulo para la imagen. | | **Etiqueta del botón** | Introduce el texto para un botón o déjalo en blanco para ocultar el botón por completo. | | **Enlace del botón** | La URL a la que deseas vincular el botón. | | **Posición del contenido** | La posición del cuadro de contenido sobre la imagen. Elige entre arriba, en el medio o abajo y entre izquierda, centro o derecha. La configuración predeterminada es en el medio y centrado. | | **Opacidad de la sobreposición de imagen** | Agrega una sobreposición a la imagen del banner. Usa el control deslizante para establecer la opacidad de la sobreposición. | | **Esquema de colores de la barra de anuncios** | El color de fondo de la sección del banner de la imagen. Usa el selector de color para seleccionar un nuevo color o introduce el valor del color en el campo de texto. El campo acepta [nombres de colores](https://www.w3schools.com/cssref/css_colors.asp) (por ejemplo, `red`, `black`, `blue`), o valores de color hexadecimales. | | **Ocultar en móviles** | Marca la casilla para no mostrar el contenido en dispositivos móviles. | | **Eliminar sección** | Elimina la sección. | ### Video Puedes añadir una sección de video para incrustar un video desde YouTube o Vimeo en una página de tu tienda de mayoreo. #### Configuración de la sección de video | Configuración | Descripción | | ---------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | **Encabezado** | El texto que deseas mostrar a tus clientes como título de la sección. | | **Tamaño del título** | Cambia el tamaño del texto del título. Elige el tamaño del título. Puede ser: pequeño, mediano o grande. | | **Imagen de portada** |

La imagen que se muestra antes de que un cliente reproduzca el video.

Haz clic en Cambiar imagen para agregar una imagen estática de tus archivos. Una vez que has seleccionado una imagen, puedes cambiarla o eliminarla haciendo clic en el botón Cambiar imagen.
Consulta la guía de imágenes

| | **URL del video** | El enlace de video de YouTube o Vimeo. El video debe estar disponible al público. | | **Ocultar en móviles** | Marca la casilla para no mostrar el contenido en dispositivos móviles. | | **Eliminar sección** | Elimina la sección. | ### Información de producto De forma predeterminada, las páginas de productos tienen una sección de **Información del producto**. La sección **Información del producto** contiene los siguientes elementos predeterminados: * Elementos multimedia del artículo * Nombre del artículo * Precio * Selector de variante * Selector de cantidad * Botones de compras * Descripción #### Configuración de la sección de información de producto | Configuración | Descripción | | -------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | | **Diseño** |

Cómo se muestran los elementos multimedia de los productos en la computadora

| | **Tamaño del título** | Cambia el tamaño del nombre del artículo. Elige el tamaño del título. Puede ser: pequeño, mediano o grande. | | **Diseño para variantes** |

Cambia la forma en que se muestran las variantes a los clientes:

| | **Mostrar marca** | Muestra la marca de cada producto. | | **Mostrar clave** | Muestra la clave principal de los artículos. Si el producto tiene variantes, se mostrará la primera clave de los artículos. | | **Mostrar disponibles** |

Muestra la existencia disponible de los artículos o la leyenda Disponible o Bajo Pedido .
Conoce más en Preferencias.

| | **Mostrar descuento** | Muestra una etiqueta con el descuento en porcentaje aplicado al artículo. | | **Mostrar entrega** | Puedes mostrar las fechas estimada de entrega. | | **Días de entrega con existencias** |

Las fechas de entrega pueden alentar a tus clientes a completar la compra y generar más ventas.
Para calcular tus días de entrega considera los días hábiles que te lleva preparar el pedido, los días de traslado de tu emprea de transporte y los fines de semana.
El cálculo de fecha de entrega es sumando al día de hoy los días de entregas. El cálculo es basado en días naturales, es decir no se consideran días festivos ni fines desemana.

| | **Esquema de colores de información de productos** | El color de la información de productos. Usa el selector de color para seleccionar un nuevo color o introduce el valor del color en el campo de texto. El campo acepta [nombres de colores](https://www.w3schools.com/cssref/css_colors.asp) (por ejemplo, `red`, `black`, `blue`), o valores de color hexadecimales. | | **Habilitar el botón “Ver todos”** | Muestra el botón Ver todos, que dirige a los clientes a la lista de colecciones completa. | | **Ocultar en móviles** | Marca la casilla para no mostrar el contenido en dispositivos móviles. | | **Número de columnas en la versión para móviles** | Establece un diseño de columna específico para la versión para dispositivos móviles. Elige entre 1 y 4 columnas. | | **Eliminar sección** | Elimina la sección. | #### Configuración de las reseñas | Configuración | Descripción | | --------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | | **Diseño** |

Cómo se muestran las reseñas de artículos

| | **Mostrar fecha** | Muestra la fecha de la reseña en la tienda en línea. | | **Número de reseñas a mostrar en escritorio** | Establece la cantidad de reseñas que se muestran por artículo. Elige entre 1 y 5 columnas. | | **Esquema de colores de las reseñas** | El color de la estrella, del botón y del texto del botón. Usa el selector de color para seleccionar un nuevo color o introduce el valor del color en el campo de texto. El campo acepta [nombres de colores](https://www.w3schools.com/cssref/css_colors.asp) (por ejemplo, `red`, `black`, `blue`), o valores de color hexadecimales. | #### Configuración de productos complementarios | Configuración | Descripción | | ------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | | **Título** | El texto que deseas mostrar a tus clientes como título de la sección. | | **Tamaño del título** | Cambia el tamaño del texto del título. Elige el tamaño del título. Puede ser: pequeño, mediano o grande. | | **Posición del título** | La posición del título. Usa el menú desplegable para seleccionar a la izquierda, centrado (predeterminado) o a la derecha. | | **Número de artículos a mostrar en el escritorio** | Establece la cantidad de artículos que se muestran por artículo. Elige entre 1 y 10 artículos. | | **Mostrar clave** | Muestra la clave principal de los artículos. Si el producto tiene variantes, se mostrará la primera clave de los artículos. | | **Mostrar disponibles** |

Muestra la existencia disponible de los artículos o la leyenda Disponible o Bajo Pedido .
Conoce más en Preferencias.

| | **Mostrar descuento** | Muestra una etiqueta con el descuento en porcentaje aplicado al artículo. | | **Mostrar el botón de unidades y agregar para compra rápida** | El botón de agregado rápido permite a los clientes agregar un artículo al carrito desde la tarjeta de producto. Si el producto tiene variantes, el botón incluirá el texto "Seleccionar" y mostrará los detalles del producto en una ventana emergente, donde el cliente podrá seleccionar las variantes que quiera, agregar artículos al carrito, con el botón "Agregar al pedido". | | **Esquema de colores** | El color del botón para agregarlo al carrito. Usa el selector de color para seleccionar un nuevo color o introduce el valor del color en el campo de texto. El campo acepta [nombres de colores](https://www.w3schools.com/cssref/css_colors.asp) (por ejemplo, `red`, `black`, `blue`), o valores de color hexadecimales. | | **Ocultar en móviles** | Marca la casilla para no mostrar el contenido en dispositivos móviles. | | **Número de columnas en la versión para móviles** | Establece un diseño de columna específico para la versión para dispositivos móviles. Elige entre 1 y 4 columnas. | #### Configuración de productos relacionados | Configuración | Descripción | | ------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | | **Título** | El texto que deseas mostrar a tus clientes como título de la sección. | | **Tamaño del título** | Cambia el tamaño del texto del título. Elige el tamaño del título. Puede ser: pequeño, mediano o grande. | | **Posición del título** | La posición del título. Usa el menú desplegable para seleccionar a la izquierda, centrado (predeterminado) o a la derecha. | | **Número de artículos a mostrar en el escritorio** | Establece la cantidad de artículos que se muestran por artículo. Elige entre 1 y 10 artículos. | | **Mostrar clave** | Muestra la clave principal de los artículos. Si el producto tiene variantes, se mostrará la primera clave de los artículos. | | **Mostrar disponibles** |

Muestra la existencia disponible de los artículos o la leyenda Disponible o Bajo Pedido .
Conoce más en Preferencias.

| | **Mostrar descuento** | Muestra una etiqueta con el descuento en porcentaje aplicado al artículo. | | **Mostrar el botón de unidades y agregar para compra rápida** | El botón de agregado rápido permite a los clientes agregar un artículo al carrito desde la tarjeta de producto. Si el producto tiene variantes, el botón incluirá el texto "Seleccionar" y mostrará los detalles del producto en una ventana emergente, donde el cliente podrá seleccionar las variantes que quiera, agregar artículos al carrito, con el botón "Agregar al pedido". | | **Esquema de colores** | El color del botón para agregarlo al carrito. Usa el selector de color para seleccionar un nuevo color o introduce el valor del color en el campo de texto. El campo acepta [nombres de colores](https://www.w3schools.com/cssref/css_colors.asp) (por ejemplo, `red`, `black`, `blue`), o valores de color hexadecimales. | | **Ocultar en móviles** | Marca la casilla para no mostrar el contenido en dispositivos móviles. | | **Número de columnas en la versión para móviles** | Establece un diseño de columna específico para la versión para dispositivos móviles. Elige entre 1 y 4 columnas. | ### Banner de los productos De forma predeterminada, las páginas de **todos los productos** tienen un **banner de productos**. #### Configuración de la sección de banner de los productos | Configuración | Descripción | | ---------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | **Diseño** |

Establece el ancho de las imágenes:

| | **Altura de la imagen** |

Usa el menú desplegable para establecer la altura de la imagen:

| | **Posición de contenido** | La posición del cuadro de contenido en el banner. Elige entre arriba, en el medio o abajo y entre izquierda, centro o derecha. La configuración predeterminada es en el medio y centrado. | | **Título** | El texto que deseas mostrar a tus clientes como título de la sección. | | **Imagen** |

Haz clic en Cambiar imagen para agregar una imagen estática de tus archivos. Una vez que has seleccionado una imagen, puedes cambiarla o eliminarla haciendo clic en el botón Cambiar imagen.
Consulta la guía de imágenes

| | **Opacidad de la sobreposición de imagen** | Agrega una sobreposición a la imagen del banner. Usa el control deslizante para establecer la opacidad de la sobreposición. | | **Esquema de colores del banner de productos** | El color de fondo de la sección del banner de la imagen. Usa el selector de color para seleccionar un nuevo color o introduce el valor del color en el campo de texto. El campo acepta [nombres de colores](https://www.w3schools.com/cssref/css_colors.asp) (por ejemplo, `red`, `black`, `blue`), o valores de color hexadecimales. | | **Ocultar en móviles** | Marca la casilla para no mostrar el contenido en dispositivos móviles. | ### Cuadrícula de productos De forma predeterminada, las páginas de **todos los productos** tienen una **cuadrícula de productos**. #### Configuración de la sección de cuadrícula de productos | Configuración | Descripción | | ------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | **Número de columnas en el escritorio** | Número de columnas para mostrar en computadoras de escritorio. Mínimo: 1. Máximo: 5. | | **Mostrar clave** | Muestra la clave principal de los artículos. Si el producto tiene variantes, se mostrará la primera clave de los artículos. | | **Mostrar disponibles** |

Muestra la existencia disponible de los artículos o la leyenda Disponible o Bajo Pedido .
Conoce más en Preferencias.

| | **Mostrar descuento** | Muestra una etiqueta con el descuento en porcentaje aplicado al artículo. | | **Mostrar el botón de unidades y agregar para compra rápida** | El botón de agregado rápido permite a los clientes agregar un artículo al carrito desde la tarjeta de producto. Si el producto tiene variantes, el botón incluirá el texto "**Seleccionar**" y mostrará los detalles del producto en una ventana emergente, donde el cliente podrá seleccionar las variantes que quiera, agregar artículos al carrito, con el botón "**Agregar al pedido**". | | **Ocultar en móviles** | Marca la casilla para no mostrar el contenido en dispositivos móviles. | | **Número de columnas en la versión para móviles** | Establece un diseño de columna específico para la versión para dispositivos móviles. Elige entre 1 y 4 columnas. | ### Banner de la colección De forma predeterminada, las páginas de colección tienen un **banner de colección.** #### Configuración de banner de la colección | Configuración | Descripción | | ---------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | **Diseño** |

Establece el ancho de las imágenes:

| | **Altura de la imagen** |

Usa el menú desplegable para establecer la altura de la imagen:

| | **Posición de contenido** | La posición del cuadro de contenido en el banner. Elige entre arriba, en el medio o abajo y entre izquierda, centro o derecha. La configuración predeterminada es en el medio y centrado. | | **Mostrar nombre** |

Muestra el nombre de la colecció.
Conoce más en Colecciones.

| | **Mostrar descripción** |

Muestra la descripción de la colección.
Conoce más en Colecciones.

| | **Mostrar la imagen de colección** |

Muestra la imagen de la colección.
Conoce más en Colecciones.

| | **Opacidad de la sobreposición de imagen** | Agrega una sobreposición a las imágenes de la colección. Usa el control deslizante para establecer la opacidad de la sobreposición. | | **Esquema de colores del banner de colección** | El color de fondo de la sección del banner de la colección. Usa el selector de color para seleccionar un nuevo color o introduce el valor del color en el campo de texto. El campo acepta [nombres de colores](https://www.w3schools.com/cssref/css_colors.asp) (por ejemplo, `red`, `black`, `blue`), o valores de color hexadecimales. | | **Ocultar en móviles** | Marca la casilla para no mostrar el contenido en dispositivos móviles. | ### Iconos con texto Esta sección te permite mostrar información relevante de tu tienda mediante íconos acompañados de texto. Es ideal para destacar beneficios, servicios o características importantes de tu negocio. #### Configuración de banner de la colección | Configuración | Descripción | | ------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------- | | **Título** | El texto que deseas mostrar a tus clientes. | | **Tamaño del título** | Cambia el tamaño del texto del título. Elige el tamaño del título. Puede ser: pequeño, mediano o grande. | | **Posición de contenido** | Determina la alineación del contenido dentro de la sección. Elige entre arriba, en el medio o abajo y entre izquierda, centro o derecha. | | **Número de columnas en escritorio** | Número de columnas para mostrar en computadoras de escritorio. Mínimo: 1. Máximo: 5. | | **Ocultar en móviles** | Marca la casilla para no mostrar el contenido en dispositivos móviles. | | **Número de columnas en móviles** | Establece un diseño de columna específico para la versión para dispositivos móviles. Elige entre 1 y 4 columnas. | | **Mostrar la imagen de colección** |

Muestra la imagen de la colección.
Conoce más en Colecciones.

| | **Eliminar sección** | Elimina la sección. | #### Configuración de los iconos Cada ícono agregado a la sección cuenta con las siguientes opciones de configuración: | Configuración | Descripción | | --------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | **Seleccionar icono** | Permite elegir un ícono predeterminado para mostrar. | | **Grosor de línea** | Define el grosor del trazo del icono seleccionado. | | **Imagen** | Haz clic en **Cambiar imagen** para agregar una imagen estática de tus archivos. Una vez que has seleccionado una imagen, puedes cambiarla o eliminarla haciendo clic en el botón Cambiar imagen. [Consulta la guía de imágenes](https://help.b2bgo.mx/soporte/guia-de-imagenes) | | **Título** | Texto principal que describe el icono. | | **Descripción** | Texto adicional para ampliar la información que se desea comunicar. | | **Enlace del botón** | La URL a la que deseas vincular el botón. | | **Eliminar sección** | Puedes eliminar esta sección en cualquier momento desde el editor de páginas. | ### Barra de anuncios Esta sección te permite mostrar mensajes importantes en tu tienda, como promociones, avisos o información relevante para tus clientes. #### Configuración de la barra de anuncios | Configuración | Descripción | | ---------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | | **Tamaño del título** | Cambia el tamaño del texto del título. Elige el tamaño del título. Puede ser: pequeño, mediano o grande. | | **Velocidad** | Establece la velocidad con la que se desplazan los anuncios. | | **Detener al pasar el mouse** | Pausa el desplazamiento del anuncio cuando el usuario pasa el cursor sobre la barra. | | **Esquema de colores de la barra de anuncios** | Permite personalizar los colores del texto y del fondo de la barra. Usa el selector de color para seleccionar un nuevo color o introduce el valor del color en el campo de texto. El campo acepta [nombres de colores](https://www.w3schools.com/cssref/css_colors.asp) (por ejemplo, red, black, blue), o valores de color hexadecimales. | | **Eliminar sección** | Elimina la sección. | #### Configuración de anuncios Cada anuncio agregado a la barra cuenta con las siguientes opciones de configuración: | Configuración | Descripción | | -------------------- | ----------------------------------------------------------------------------- | | **Título** | Texto que se mostrará como mensaje del anuncio. | | **Enlace del botón** | URL a la que será redirigido el usuario al hacer clic en el anuncio. | | **Eliminar sección** | Puedes eliminar esta sección en cualquier momento desde el editor de páginas. | ### Lista de logotipos Esta sección te permite mostrar los logotipos de las marcas con las que trabajas o que deseas destacar en tu tienda. #### Configuración de la lista de logotipos | Configuración | Descripción | | ------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | **Título** | El texto que deseas mostrar a tus clientes como título de la sección. | | **Tamaño del título** | Cambia el tamaño del texto del título. Elige el tamaño del título. Puede ser: pequeño, mediano o grande. | | **Posición del contenido** | Determina la alineación del contenido dentro de la sección. Elige entre arriba, en el medio o abajo y entre izquierda, centro o derecha. La configuración predeterminada es en el medio y centrado. | | **Número de columnas del escritorio** | Número de columnas para mostrar en computadoras de escritorio. Mínimo: 1. Máximo: 5. | | **Número de filas** | Define la cantidad de filas de logotipos que se mostrarán en la sección. | | **Tamaño de los logotipos** | Define el tamaño de los logotipos en píxeles. | | **Ocultar en móviles** | Marca la casilla para no mostrar el contenido en dispositivos móviles. | | **Número de columnas en móviles** | Establece un diseño de columna específico para la versión para dispositivos móviles. Elige entre 1 y 4 columnas. | | **Eliminar sección** | Elimina la sección. | #### Configuración de logotipos Cada logotipo agregado a la sección cuenta con las siguientes opciones de configuración: | Configuración | Descripción | | -------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | **Imagen** | Haz clic en **Cambiar imagen** para agregar una imagen estática de tus archivos. Una vez que has seleccionado una imagen, puedes cambiarla o eliminarla haciendo clic en el botón Cambiar imagen. [Consulta la guía de imágenes](https://help.b2bgo.mx/soporte/guia-de-imagenes) | | **Enlace del botón** | URL a la que será redirigido el usuario al hacer clic en el logotipo | | **Eliminar sección** | Puedes eliminar esta sección en cualquier momento desde el editor de páginas. | ### Reseñas de clientes Esta sección muestra las reseñas que tus clientes han dejado sobre tus productos, permitiéndote generar confianza y credibilidad en tu tienda. #### Configuración de las reseñas de clientes | Configuración | Descripción | | ------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | **Título** | El texto que deseas mostrar a tus clientes como título de la sección. | | **Tamaño del título** | Cambia el tamaño del texto del título. Elige el tamaño del título. Puede ser: pequeño, mediano o grande. | | **Posición del contenido** | Determina la alineación del contenido dentro de la sección. Elige entre arriba, en el medio o abajo y entre izquierda, centro o derecha. La configuración predeterminada es en el medio y centrado. | | **Diseño de reseñas** | Define el tipo de diseño con el que se mostrarán las reseñas. Elige entre artículo con reseña o solo texto. | | **Segundos para cambiar las reseñas** | Usa la barra para establecer el tiempo de cambio automático de las reseñas. Mínimo: 3 segundos, máximo: 10 segundos. | | **Número de columnas del escritorio** | Número de columnas para mostrar en computadoras de escritorio. Mínimo: 1. Máximo: 5. | | **Tamaño de los logotipos** | Define el tamaño de los logotipos en píxeles. | | **Ocultar en móviles** | Marca la casilla para no mostrar el contenido en dispositivos móviles. | | **Número de columnas en móviles** | Establece un diseño de columna específico para la versión para dispositivos móviles. Elige entre 1 y 4 columnas. | | **Eliminar sección** | Elimina la sección. | #### Configuración de reseñas El contenido de cada reseña es **generado por los clientes** y **no puede ser modificado manualmente** desde el editor de páginas. ### Temporizador Esta sección te permite mostrar un banner con una cuenta regresiva hasta una fecha y hora específicas, ideal para promocionar ofertas por tiempo limitado o eventos especiales. #### Configuración del temporizador | Configuración | Descripción | | ------------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | **Diseño** |

Establece el ancho del banner:

| | **Altura de la dispositiva** |

Usa el menú desplegable para establecer la altura de la imagen:

| | **Imagen** | Haz clic en Cambiar imagen para agregar una imagen estática de tus archivos. Una vez que has seleccionado una imagen, puedes cambiarla o eliminarla haciendo clic en el botón Cambiar imagen. [Consulta la guía de imágenes](https://help.b2bgo.mx/soporte/guia-de-imagenes) | | **Título** | Texto principal que se mostrará en el banner. | | **Subtítulo** | Texto secundario que complementa el mensaje principal del banner. | | **Fecha de finalización** | Selecciona la fecha en la que finalizará el temporizador. | | **Hora de finalización** | Define la hora exacta en la que finalizará el temporizador. | | **Ocultar al finalizar** | Marque la casilla para ocultar automáticamente la sección una vez que el temporizador llega a cero. | | **Etiqueta del botón** | Texto que se mostrará en el botón de acción. | | **Enlace del botón** | La URL a la que deseas vincular el botón. | | **Posición del contenido** | Determina la alineación del contenido dentro de la sección. Elige entre arriba, en el medio o abajo y entre izquierda, centro o derecha. La configuración predeterminada es en el medio y centrado. | | **Tamaño del título** | Cambia el tamaño del texto del título. Elige el tamaño del título. Puede ser: pequeño, mediano o grande. | | **Opacidad de la sobreposición de imagen** | Ajusta la opacidad de la capa sobre la imagen de fondo para mejorar la legibilidad del contenido. Usa el control deslizante para establecer la opacidad de la sobreposición. | | **Esquema de colores** | Permite personalizar los colores del contenido del banner. Usa el selector de color para seleccionar un nuevo color o introduce el valor del color en el campo de texto. El campo acepta [nombres de colores](https://www.w3schools.com/cssref/css_colors.asp) (por ejemplo, red, black, blue), o valores de color hexadecimales. | | **Ocultar en móviles** | Marca la casilla para no mostrar el contenido en dispositivos móviles. | | **Eliminar sección** | Elimina la sección. | ### Estadísticas Esta sección te permite mostrar datos destacados de tu negocio, como años de experiencia, número de clientes o logros importantes, de forma visual y fácil de identificar. **Configuración de las** | Configuración | Descripción | | ------------------------------------ | -------------------------------------------------------------------------------------------------------------------------- | | **Título** | Texto que se mostrará como encabezado de la sección. | | **Tamaño del título** | Cambia el tamaño del texto del título. Elige el tamaño del título. Puede ser: pequeño, mediano o grande. | | **Posición del contenido** | La posición del título. Usa el menú desplegable para seleccionar a la izquierda, centrado (predeterminado) o a la derecha. | | **Tamaño de estadísticas** | Define el tamaño del valor numérico de cada estadística. Elige entre pequeño, mediano y grande. | | **Número de columnas de escritorio** | Número de columnas para mostrar en computadoras de escritorio. Mínimo: 1. Máximo: 5. | | **Ocultar en móviles** | Marca la casilla para no mostrar el contenido en dispositivos móviles. | | **Número de columnas en móviles** | Establece un diseño de columna específico para la versión para dispositivos móviles. Elige entre 1 y 4 columnas. | | **Eliminar sección** | Elimina la sección. | **Configuración de estadísticas** Cada estadística agregada a la sección cuenta con las siguientes opciones de configuración: | Configuración | Descripción | | ---------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | **Título** | Valor principal que representa la estadística. | | **Sufijo** | Texto que se mostrará junto al valor principal, por ejemplo “+”. | | **Texto** | Descripción que explica el significado de la estadística. | | **Esquema de colores** | Permite personalizar los colores de la sección. Usa el selector de color para seleccionar un nuevo color o introduce el valor del color en el campo de texto. El campo acepta [nombres de colores](https://www.w3schools.com/cssref/css_colors.asp) (por ejemplo, red, black, blue), o valores de color hexadecimales. | | **Eliminar sección** | Puedes eliminar esta sección en cualquier momento desde el editor de páginas. | ### Página 404 La página 404 se muestra cuando un cliente intenta visitar un enlace a tu sitio que no existe, como una página de producto que eliminaste de tu tienda. #### Configuración de página 404 | Configuración | Descripción | | --------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | | **Título** | El texto que deseas mostrar a tus clientes cuando tengan este error en tu tienda de mayoreo. Predeterminadamente es "404" | | **Subtítulo** | Agrega mensaje para cuando tus clientes lleguen a esta página. Predeterminadamente es "Página no encontrada" | | **Etiqueta del botón** | El texto que se muestra en el botón. Predeterminadamente es "Seguir comprando" | | **Enlace del botón** | La URL a la que deseas vincular el botón. | | **Esquema de colores de la página 404** | El color de los elementos de la página 404. Usa el selector de color para seleccionar un nuevo color o introduce el valor del color en el campo de texto. El campo acepta [nombres de colores](https://www.w3schools.com/cssref/css_colors.asp) (por ejemplo, `red`, `black`, `blue`), o valores de color hexadecimales. | ### Pie de página El pie de página se muestran tus datos de contacto, redes sociales, políticas y accesos rápidos a la cuenta del cliente. #### Configuración de pie de página | Configuración | Descripción | | ---------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | **Esquema de colores del pie de página** | El color de fondo del pie de página. Usa el selector de color para seleccionar un nuevo color o introduce el valor del color en el campo de texto. El campo acepta [nombres de colores](https://www.w3schools.com/cssref/css_colors.asp) (por ejemplo, `red`, `black`, `blue`), o valores de color hexadecimales. | | **Título** | El título de la primera columna de tu pie de página. Predeterminadamente será el nombre de tus comercio. | | **Subtítulo** | Agrega un eslogan breve a tu pie de página. | | **Mostrar redes sociales** | Muestra íconos para cualquier plataforma de redes sociales para las que hayas introducido un enlace de perfil en la configuración de tu tema. | | **Mostrar métodos de pago** | Muestra los íconos de las formas de pago habilitadas en tu tienda. Cuando un cliente visita tu tienda. | | **Facebook** | La URL a la que deseas vincular para esta red social. | | **Instagram** | La URL a la que deseas vincular para esta red social. | | **Tiktok** | La URL a la que deseas vincular para esta red social. | | **YouTube** | La URL a la que deseas vincular para esta red social. |