Tema Apparel - Componentes

Algunos de estos Componentes poseen subsecciones a las que nos referiremos como Subcomponentes . Estos elementos son los que le entregan mayor flexibilidad a algunos Componentes, al dar la posibilidad de agregar varias piezas de contenido. Los componentes que tienen subcomponentes son los siguientes:

• Slider > Subcomponente Slide .
• Trustbar > Subcomponent Bloque de Trustbar.
• Banners > Subcomponente Banner .
• Productos Seleccionados > Subcomponent Producto de tienda.
• Collage > Subcomponente Item de Collage .
• Lookbook > subcomponente Item de Lookbook .
• Contenido Flexible > Bloque de Contenido Flexible .
• Testimonios > Subcomponente Testimonio .
• Carrusel de Logos > Subcomponente Logo.
• Acordeón > Subcomponente Item de Acordeón .

Los componentes se pueden agregar en varias plantillas (o páginas) de tu tienda, dentro de las cuales están las siguientes: Página de Inicio, Categorías, Productos, Páginas, Contacto y Página de Error.

Algo muy importante que debes tener en cuenta es que para Categorías, Productos y Páginas, los Componentes que agregues se aplicarán a TODAS las plantillas donde lo hayas definido. Por ejemplo, supongamos que agregaste un componente Banners a la plantilla de producto “Estándar”. Este componente se mostrará en todos los productos que tengan aplicada dicha plantilla.

En base a lo anterior, si deseas personalizar esto por completo y, por ejemplo, puedes querer o desear agregar diferentes componentes para diferentes productos, es posible que debas crear diferentes "Plantillas de producto" para que puedas aplicar componentes para esas plantillas específicas.

Si desea ver ejemplos sobre cómo lograrlo, puede visitar la sección Consejos y Trucos en nuestro sitio web.

Si necesitas hacer cambios o personalizar tu tema, puede contactarnos directamente y estaremos encantados de trabajar contigo.

Algunos Componentes sólo se pueden agregar una vez por página, mientras que otros se pueden agregar tantas veces como sea necesario. Los que están limitados, se debe principalmente a que mostrarían el mismo contenido o información y se verían repetitivos.

Aquí puedes encontrar el listado de Componentes que poseen limitantes:

• Productos Destacados
• Productos Recientes
• Blog
• Instagram
• Newsletter
• Pop Up

Es importante señalar que puedes agregar estos componentes en todas las páginas que desees. Entonces, por ejemplo, podrías agregar el componente de Instagram en la Página de Inicio de tu tienda, y también en las Páginas de Productos.

Como se explicó en la sección Conceptos Básicos del Tema, para todos los componentes tendrás la posibilidad de modificar, cambiar o adaptar sus colores y márgenes.

Para todos, excepto los subcomponentes Slide y Banner , encontrarás la opción Personalizar Colores que habilitará la funcionalidad para cambiar los colores. Si no habilitas esto, no importa qué o cuales colores cambies, ya que dichos cambios no tendrán efecto hasta que lo hagas, y por ende, respetarán los colores definidos en Temas > Editor Visual > Editar Opciones > Colores del Tema.

En el caso de los subcomponentes Slide y Banner, no encontrarás la opción Personalizar Colores ya que tendrás la capacidad inmediata de cambiar y adaptar los colores para todos los elementos del subcomponente. Hicimos esto para estos casos específicos porque como funcionan con imágenes, es muy probable que quieras adaptar los colores y pensamos que sería molesto para ti tener que habilitar la opción cada vez para cada subcomponente.

En cuanto a los márgenes, la mayoría de los componentes vienen con las mismas opciones de margen: Margen superior Margen inferior Margen interior superior Margen interior inferior. Esto te dará total flexibilidad y control para decidir cómo se comportan los componentes entre sí en términos de separación, distancia y espacio, incluso dentro del propio componente.

Esta opción permite definir el ancho que tendrá la sección, en base a dos opciones:

1. Ancho del Navegador: el ancho de la sección será del 100% del ancho del navegador. Debes considerar el ancho máximo definido en Temas > Editor Visual > Editar Opciones > Estilos del tema.
2. Ancho de Grilla: el ancho de la sección se basará en el ancho Grilla de la Tienda, que es de aproximadamente 1300 px.

Esta opción te permite definir el "tipo" de Slider que se mostrará, el cual funciona de manera diferente en términos de cómo se deben cargar y agregar imágenes y contenido.

1.- Imagen + Contenido

Esta es la opción que viene seleccionada por defecto. El enfoque clave es que las imágenes que puedes cargar (móviles y de escritorio) se utilizarán como fondos, por lo tanto, se posicionarán en la parte posterior de todo el contenido que agregues (por ejemplo: título, descripción, etc.) y no deben contener gráficas demasiado diseñados que puedan afectar la legibilidad del contenido, ya que básicamente funcionarán como una imagen "decorativa" o "contextual".

2.- Sólo imagen

Para esta opción todo el contenido que quieras incluir, como textos, títulos, botones, gráficos, etc., debe estar dentro de la imagen. Esto se realiza comúnmente a través de softwares de diseño como Photoshop, Illustrator, entre otros.

Si está habilitado, los Slides pasarán automáticamente de uno al siguiente según la velocidad definida en la opción de abajo.

Tiempo que tarda en pasar de un Slide al siguiente, en segundos.

Permite definir el color que tendrán las felcas y dots de navegación.

Muestra las flechas siguiente y anterior para que los clientes puedan controlar el Slider .

Muestra puntos de navegación para que los clientes controlen el Slider.

Permite agregar un margen en la parte superior de la sección para separarla de otros componentes.

Permite agregar un margen en la parte inferior de la sección para separarla de otros componentes.

Imagen para dispositivos Móviles con un ancho máximo de 575px e idealmente en formato .jpg.

Imagen para dispositivos de Escritorio y Tablets con un ancho mínimo sugerido de 1600 px e idealmente en formato .jpg.

El Overlay es un elemento que se posiciona entre el contenido del Slide y la imagen y permite generar contraste entre ambos para facilitar la lectura. Sólo es necesario si el Tipo de Slider es igual a Imagen + Contenido. Puedes elegir entre las siguientes opciones:

• Móviles y Escritorio (por defecto): será visible en todos los dispositivos.
• Solo Móvil: será visible sólo para dispositivos Móviles de hasta 575 px de ancho.
• Sólo Escritorio: será visible para dispositivos de Escritorio y Tablets que tengan un ancho igual o superior a 576 px.
• Deshabilitar: no será visible en ningún dispositivo.

Color de fondo del Overlay.

Te permite definir la posición horizontal del contenido. En dispositivos Móviles, el contenido se extenderá a todo el espacio disponible.

Te permite definir la alineación del contenido. En dispositivos Móviles, el contenido se alineará por defecto al centro del Slide.

Opcional y sólo necesario si Tipo de Slider es igual a Imagen + Contenido.

Color para el subtítulo.

Obligatorio si Tipo de Slider es igual a Imagen + Contenido. Si deseas dividir el título en una o más líneas, puede simplemente presionar la tecla "enter" en tu teclado para crearlo.

Color para el título.

Opcional y sólo necesario si Tipo de Slider es igual a Imagen + Contenido. Mostrará un máximo de 150 caracteres.

Sugerimos que sea breve y directa y con no más de 2 líneas en dispositivos de Escritorio. El propósito de esta descripción es dar contexto a los clientes sobre lo que encontrarán cuando hagan click en el Slide (o en el botón/enlace).

Color para la descripción.

Selecciona cualquier contenido de la tienda, como categorías, páginas, productos, enlaces externos, etc. Al agregar este enlace, se podrá hacer click en toda el Slide.

Texto que se mostrará dentro del enlace. Debe ser breve, directo y atractivo.

Si está habilitado, el enlace será visible junto con el contenido, aunque se podrá hacer click en toda el Slide.

Muestra una flecha al lado derecho del texto del enlace.

Permite definir el estilo del enlace:

• Botón con relleno: Tendrá el estilo por defecto como cualquier otro botón de la tienda.
• Botón Bordeado: Tendrá un borde y su fondo será transparente.
• Enlace normal: se verá como un enlace normal con un borde en la parte inferior.

Color para el texto del enlace.

Color para el texto que se muestra dentro del enlace en estado hover (al pasar el mouse por encima).

Color de fondo del enlace. Esto no se aplicará si Estilo de Enlace es igual a Enlace Normal.

Color de fondo del enlace en estado hover (al pasar el mouse por encima). Esto no se aplicará si Estilo de Enlace es igual a Enlace Normal.

Cuántos bloques serán visibles en dispositivos de Escritorio. Para dispositivos Tablet siempre serán 2 y para dispositivos Móviles sólo 1.

Tiempo que tarda en pasar de un bloque al siguiente.

Te permite activar o desactivar iconos para todos los bloques del componente.

Te permite definir la alineación del contenido:

1. Centrado (por defecto): todo el contenido se alineará al centro de cada bloque. Los iconos se colocarán antes y encima del título del bloque.
2. Izquierda: Todo el contenido se alineará a la izquierda en cada bloque. Los iconos se colocarán en el extremo izquierdo, y el resto estará dentro de una subsección a la derecha.

Si está habilitado, la altura de la sección variará dependiendo de la altura de cada bloque. Si está deshabilitado (por defecto), la altura de la sección será igual a la altura del bloque más alto.

Si está habilitado, podrás personalizar los colores con las opciones que encontrarás a continuación. Si no está habilitado, considerará los colores definidos en Temas > Editor Visual > Editar Opciones > Colores del Tema.

Color de fondo de la sección. Este es el único color que se puede modificar sin tener que habilitar Personalizar Colores .

Color que se aplicará a todos los iconos del componente.

Color que se aplicará a todos los títulos del componente.

Color que se aplicará a todas las descripciones del componente.

Color que se aplicará a todos los enlaces del componente.

Color que se aplicará a todos los enlaces del componente en estado hover (al pasar el mouse).

Permite agregar un margen en la parte superior de la sección para separarla de otros componentes.

Permite agregar un margen en la parte inferior de la sección para separarla de otros componentes.

Permite agregar un margen interior en la parte superior de la sección para generar más espacio entre el contenido y el fondo.

Permite agregar un margen interior en la parte inferior de la sección para generar más espacio entre el contenido y el fondo.

Aquí puedes seleccionar un icono escribiendo cualquier letra y se desplegará el listado de iconos. La posición del icono dependerá de la opción que selecciones en Alineación del Contenido . No es necesario elegir nada aquí si Habilitar Iconos está deshabilitado.

Permite definir un estilo para el icono seleccionado anteriormente. Si el ícono que eliges es una Marca , como por ejemplo Instagram, Facebook, etc., no es necesario que selecciones nada aquí.

Obligatorio. Que sea breve, simple y directo.

Opcional, pero ideal y breve. Se muestra debajo del título.

Elige cualquier contenido de la tienda, como categorías, páginas, productos, enlaces externos, etc.

Texto que se muestra en el enlace. Obligatorio si se añade un Enlace.

Permite definir cómo funcionarán los Banners en el componente, en base a dos opciones que tienen la misma lógica que el componente Slider :

Esta opción te permite definir cómo y dónde se posicionarán los Banners dentro de la grilla de la tienda, en base a dos opciones:

El comportamiento y visualización de los Banners dependerá de lo que definas en la opción anterior:

Si se selecciona Carrusel en la opción Tipo de visualización, esto hará que pasen automáticamente de un banner al siguiente.

Tiempo que tarda en pasar de un Banner al siguiente, si se selecciona Carrusel en la opción Tipo de visualización.

Muestra las flechas siguiente y anterior para que los clientes naveguen por el carrusel.

Muestra puntos de navegación para que los clientes controlen el carrusel.

Color de fondo de la sección.

Permite agregar un margen en la parte superior de la sección para separarla de otros componentes.

Permite agregar un margen en la parte inferior de la sección para separarla de otros componentes.

Permite agregar un margen interior en la parte superior de la sección para generar más espacio entre el contenido y el fondo.

Permite agregar un margen interior en la parte inferior de la sección para generar más espacio entre el contenido y el fondo.

Imagen para dispositivos móviles. Recomendamos subir una imagen en formato .jpg. Ancho máximo recomendado: 575px.

Imagen para dispositivos de escritorio. Recomendamos subir una imagen en formato .jpg . Ancho mínimo recomendado: 640px (si se han añadido 2 o más banners).

Permite visualizar el elemento Overlay para generar contraste. Sólo se mostrará si Tipo de Banners es igual a Imagen + Contenido:

1. Móviles y Escritorio (por defecto): será visible en todos los dispositivos.
2. Solo móvil: será visible solo para dispositivos móviles de hasta 575 px.
3. Solo escritorio: será visible para dispositivos de escritorio y tablets que tengan un tamaño igual o superior a 576 px.
4. Deshabilitar: no será visible en ningún dispositivo.

Color de fondo del Overlay.

Te permite definir la posición horizontal del contenido. En dispositivos móviles, el contenido se extenderá a todo el espacio disponible.

Te permite definir la alineación del contenido, entre Izquierda, Derecha y Centro.

Opcional. Subtítulo del Banner. Sólo es necesario si Tipo de Banners es igual a Imagen + Contenido.

Color para el subtítulo.

Título del Banner . Obligatorio si Tipo de Banners es igual a Imagen + Contenido. Puedes dividir el título en dos o más líneas simplemente presionando la tecla enter en el teclado.

Color para el título.

Escoge cualquier contenido de la tienda, como categorías, páginas, productos, enlaces externos, etc. Al agregar esto, se podrá hacer clic en todo el Banner.

Texto que se mostrará en el enlace. Obligatorio si Habilitar Enlace visible está habilitado.

Si está habilitado, el enlace se mostrará junto con el contenido, aunque aún se podrá hacer click en todo el Banner .

Muestra una flecha derecha dentro del enlace.

Estilo para el enlace del Banner. Sólo aplica si se ha habilitado Habilitar enlace visible.

Te permite definir cómo se mostrarán los productos:

1. Carrusel: con flechas y puntos para navegar por él.
2. Grilla: de la misma manera que se muestran los productos en una página de categoría, en columnas.

Limita la cantidad de productos que mostrará la sección. El intérvalo se basa en múltiplos de 5 productos, considerando la cantidad máxima de productos que se mostrarán en los dispositivos de escritorio.

Opcional. Subtítulo de la sección.

Título de la sección. Por defecto, se mostrará el texto "Productos Destacados" , el cual puedes cambiar en la configuración de Idiomas de tu tienda o completando este campo.

Opcional. Descripción de la sección.

Elige cualquier contenido de la tienda, como categorías, páginas, productos, enlaces externos, etc.

Texto que se muestra en el enlace. Por defecto se mostrará el texto "Ver más productos" , el cual puedes cambiar en la configuración de Idiomas de tu tienda o rellenando este campo.

Si está habilitado, los productos pasarán automáticamente de uno a otro según la velocidad definida en la opción a continuación. Sólo aplica si Tipo de visualización es igual a Carrusel .

Tiempo que tarda en pasar de un producto al siguiente, si Reproducción automática está habilitado.

Muestra las flechas siguiente y anterior para que los clientes naveguen por el carrusel.

Muestra puntos de navegación para que los clientes controlen el carrusel.

Si está habilitado, puedes personalizar los colores con las opciones que encontrarás a continuación. Si no está habilitado, considerará los colores definidos en Temas > Editor Visual > Editar Opciones > Colores del Tema.

Color de fondo de la sección. Este es el único color que se puede modificar sin tener que habilitar Personalizar Colores .

Color para el subtítulo de la sección.

Color para el título de la sección.

Color para la descripción de la sección.

Color del enlace de la sección.

Permite agregar un margen en la parte superior de la sección para separarla de otros componentes.

Permite agregar un margen en la parte inferior de la sección para separarla de otros componentes.

Permite agregar un margen interior en la parte superior de la sección para generar más espacio entre el contenido y el fondo.

Permite agregar un margen interior en la parte inferior de la sección para generar más espacio entre el contenido y el fondo.

Te permite definir cómo se mostrarán los productos:

1. Carrusel: con flechas y puntos para navegar por él.
2. Grilla: de la misma manera que se muestran los productos en una página de categoría, en columnas.

Limita la cantidad de productos que mostrará la sección.

Opcional. Subtítulo de la sección.

Título de la sección. Por defecto, se mostrará el texto "Productos Recientes", el cual puedes cambiar en la configuración de Idiomas de tu tienda o completando este campo.

Opcional. Descripción de la sección.

Elige cualquier contenido de la tienda, como categorías, páginas, productos, enlaces externos, etc.

Texto que se muestra en el enlace. Por defecto se mostrará el texto "Ver más productos" , el cual puedes cambiar en la configuración de Idiomas de tu tienda o rellenando este campo.

Si está habilitado, los productos pasarán automáticamente de uno a otro según la velocidad definida en la opción a continuación. Sólo aplica si Tipo de visualización es igual a Carrusel .

Tiempo que tarda en pasar de un producto al siguiente, si Reproducción automática está habilitado.

Muestra las flechas siguiente y anterior para que los clientes naveguen por el carrusel.

Muestra puntos de navegación para que los clientes controlen el carrusel.

Si está habilitado, puedes personalizar los colores con las opciones que encontrarás a continuación. Si no está habilitado, considerará los colores definidos en Temas > Editor Visual > Editar Opciones > Colores del Tema.

Color de fondo de la sección. Este es el único color que se puede modificar sin tener que habilitar Personalizar Colores .

Color para el subtítulo de la sección.

Color para el título de la sección.

Color para la descripción de la sección.

Color del enlace de la sección.

Permite agregar un margen en la parte superior de la sección para separarla de otros componentes.

Permite agregar un margen en la parte inferior de la sección para separarla de otros componentes.

Permite agregar un margen interior en la parte superior de la sección para generar más espacio entre el contenido y el fondo.

Permite agregar un margen interior en la parte inferior de la sección para generar más espacio entre el contenido y el fondo.

Te permite definir cómo se mostrarán los productos:

1. Carrusel: con flechas y puntos para navegar por él.
2. Grilla: de la misma manera que se muestran los productos en una página de categoría, en columnas.

Opcional. Subtítulo de la sección.

Título de la sección. De forma predeterminada, se mostrará el texto "Productos Seleccionados" , el cual puedes cambiar en la configuración de Idiomas de la tienda o al completar este campo.

Opcional. Descripción de la sección.

Elige cualquier contenido de la tienda, como categorías, páginas, productos, enlaces externos, etc.

Texto que se muestra en el enlace. Por defecto se mostrará el texto "Ver más productos" , el cual puedes cambiar en la configuración de Idiomas de tu tienda o rellenando este campo.

Si está habilitado, los productos pasarán automáticamente de uno a otro según la velocidad definida en la opción a continuación. Sólo aplica si Tipo de visualización es igual a Carrusel .

Tiempo que tarda en pasar de un producto al siguiente, si Reproducción automática está habilitado.

Muestra las flechas siguiente y anterior para que los clientes naveguen por el carrusel.

Muestra puntos de navegación para que los clientes controlen el carrusel.

Si está habilitado, puedes personalizar los colores con las opciones que encontrarás a continuación. Si no está habilitado, considerará los colores definidos en Temas > Editor Visual > Editar Opciones > Colores del Tema.

Color de fondo de la sección. Este es el único color que se puede modificar sin tener que habilitar Personalizar Colores .

Color para el subtítulo de la sección.

Color para el título de la sección.

Color para la descripción de la sección.

Color del enlace de la sección.

Permite agregar un margen en la parte superior de la sección para separarla de otros componentes.

Permite agregar un margen en la parte inferior de la sección para separarla de otros componentes.

Permite agregar un margen interior en la parte superior de la sección para generar más espacio entre el contenido y el fondo.

Permite agregar un margen interior en la parte inferior de la sección para generar más espacio entre el contenido y el fondo.

Obligatorio. Seleccione la Categoría de la cual deseas mostrar productos. Este componente no se mostrará si no eliges algo aquí.

Te permite definir cómo se mostrarán los productos:

1. Carrusel: con flechas y puntos para navegar por él.
2. Grilla: de la misma manera que se muestran los productos en una página de categoría, en columnas.

Limita la cantidad de productos que mostrará la sección.

Opcional. Subtítulo de la sección.

Título de la sección. Por defecto mostrará el nombre de la Categoría que has seleccionado. Puedes cambiarlo llenando este campo.

Opcional. Descripción de la sección.

Te permite mostrar u ocultar el enlace a la página de la Categoría que has seleccionado.

Texto que se muestra en el enlace. Por defecto se mostrará el texto "Ver más productos" , el cual puedes cambiar en la configuración de Idiomas de tu tienda o rellenando este campo.

Si está habilitado, los productos pasarán automáticamente de uno a otro según la velocidad definida en la opción a continuación. Sólo aplica si Tipo de visualización es igual a Carrusel .

Tiempo que tarda en pasar de un producto al siguiente, si Reproducción automática está habilitado.

Muestra las flechas siguiente y anterior para que los clientes naveguen por el carrusel.

Muestra puntos de navegación para que los clientes controlen el carrusel.

Si está habilitado, puedes personalizar los colores con las opciones que encontrarás a continuación. Si no está habilitado, considerará los colores definidos en Temas > Editor Visual > Editar Opciones > Colores del Tema.

Color de fondo de la sección. Este es el único color que se puede modificar sin tener que habilitar Personalizar Colores .

Color para el subtítulo de la sección.

Color para el título de la sección.

Color para la descripción de la sección.

Color del enlace de la sección.

Permite agregar un margen en la parte superior de la sección para separarla de otros componentes.

Permite agregar un margen en la parte inferior de la sección para separarla de otros componentes.

Permite agregar un margen interior en la parte superior de la sección para generar más espacio entre el contenido y el fondo.

Permite agregar un margen interior en la parte inferior de la sección para generar más espacio entre el contenido y el fondo.

Permite definir el ancho que tendrá la sección:

1. Ancho de la Grilla: el ancho de la sección se alineará con el ancho máximo que tiene la grilla del contenedor de la tienda.
2. Ancho completo: el ancho de la sección ocupará el 100% del ancho del navegador.

Número de publicaciones que se mostrarán en el Feed de Instagram, entre 6, 8 o 12. La razón principal de esto es evitar que la velocidad de carga de tu tienda se vea afectada negativamente al mostrar demasiadas imágenes.

Te permite definir la forma en que se mostrarán las publicaciones en la sección:

1. Grilla: las publicaciones se mostrarán una al lado de la otra en columnas. En dispositivos móviles se apilarán verticalmente.
2. Carrusel: las publicaciones se mostrarán dentro de un carrusel.

Permite definir si las publicaciones tendrán una leve separación entre ellas o si se mostrarán juntas (sin espacio).

Permite ocultar o mostrar el icono de Instagram que acompaña al Título de la sección.

Por defecto se mostrará el texto "Síguenos en Instagram" , el cual puedes cambiar en la configuración de Idiomas de tu tienda o al completar este campo.

Si está habilitado, las publicaciones de Instagram pasarán de una a la siguiente automáticamente. Esto sólo funcionará si Tipo de visualización es igual a Carrusel .

Tiempo que tarda en pasar de una publicación a la siguiente, en segundos.

Muestra las flechas siguiente y anterior para que los clientes controlen el carrusel. Sólo se mostrará si Tipo de visualización es igual a Carrusel.

Muestra puntos de navegación para que los clientes controlen el carrusel. Sólo se mostrará si Tipo de visualización es igual a Carrusel .

Si está habilitado, puedes personalizar los colores con las opciones que encontrarás a continuación. Si no está habilitado, considerará los colores definidos en Temas > Editor Visual > Editar Opciones > Colores del Tema.

Color de fondo de la sección. Este es el único color que se puede modificar sin tener que habilitar Personalizar Colores .

Color para el título de la sección.

Color para el nombre de la cuenta de la sección. Este es el nombre que será visible una vez que sincronices tu cuenta de Instagram.

Color del nombre de la cuenta de la sección en estado hover (al pasar el mouse).

Color del elemento Overlay que aparece cuando el cliente posiciona el mouse sobre una publicación y muestra el texto "Ver en Instagram".

Permite agregar un margen en la parte superior de la sección para separarla de otros componentes.

Permite agregar un margen en la parte inferior de la sección para separarla de otros componentes.

Permite agregar un margen interior en la parte superior de la sección para generar más espacio entre el contenido y el fondo.

Permite agregar un margen interior en la parte inferior de la sección para generar más espacio entre el contenido y el fondo.

Obligatorio. URL del formulario de Mailchimp, que puedes encontrar en la sección Embedded code de tu cuenta de Mailchimp, en la configuración de Audiences.

Obligatorio. Este es un código alfanumérico (ej: 4a44a2fa19) que debe incluirse para evitar que los correos electrónicos no deseados se suscriban a tu cuenta de Mailchimp. Para más información visita el siguiente enlace: https://mailchimp.com/help/find-audience-id/

Te permite definir el ancho de la sección, en base a dos opciones:

1. Ancho del navegador: El ancho de la sección ocupará el 100% del ancho del navegador.
2. Ancho de Grilla: el ancho de la sección se alineará con el ancho máximo que tiene la grilla del contenedor de la tienda.

Te permite seleccionar el tipo de formulario para el Newsletter, en base a dos opciones:

1. Completo: Incluye los campos de correo electrónico, nombre y apellido.
2. Simple (por defecto): incluye sólo el campo de correo electrónico.

La opción que elijas afectará la posición en la que se mostrará el Contenido (Título y Descripción) y el Formulario , como puedes ver en las imágenes a continuación:

Te permite definir la alineación del Newsletter, lo que afectará a todos los textos como el Título y la Descripción, así como los textos que se muestran dentro de los campos del formulario.

Por defecto se mostrará el texto "Suscríbete a nuestro Newsletter" , el cual puedes cambiar en la configuración de Idiomas de tu tienda o al completar este campo.

Por defecto se mostrará el texto "Regístrate para recibir las últimas noticias y actualizaciones" , el cual puedes cambiar en la configuración de Idiomas de tu tienda o al completar este campo.

Irá debajo del título y su enfoque debe estar en detallar a los clientes los beneficios de suscribirse.

Texto que se muestra debajo de el(los) campo(s) del formulario del newsletter. Esto es útil para que los clientes sepan, por ejemplo, que aceptan ciertos términos antes de suscribirse.

Te permite agregar un enlace dentro del texto del Disclaimer, por ejemplo, a una página que detalle ciertas políticas o brinde información sobre lo que los clientes aceptan al suscribirse.

Este es el texto que se mostrará en la etiqueta [link], dentro del texto del Disclaimer.

Por defecto se mostrará el texto "Suscribirme" , el cual puedes cambiar en la configuración de Idiomas de tu tienda o al completar este campo.

Imagen de fondo para dispositivos móviles y tablets. El ancho debe tener un mínimo de 767px para obtener resultados óptimos y el formato idealmente debe ser .jpg . Si la imagen está en formato .png, sugerimos optimizarla tanto como sea posible.

Imagen de fondo para dispositivos de escritorio. El ancho de la imagen debe considerar lo siguiente:

• Un ancho mínimo de 1600 px si Ancho del Newsletter es igual a Ancho del navegador o;
• Un ancho máximo de 1296 px si Ancho del Newsletter es igual a Ancho de la Grilla .

Para obtener resultados óptimos, lo ideal es que el formato sea .jpg . Si la imagen está en formato .png , sugerimos optimizarla tanto como sea posible.

El Overlay es un elemento que se posiciona entre el contenido del Newsletter y la imagen de fondo y permite generar contraste entre ambos para facilitar la lectura. Sólo se mostrará si se ha subido al menos una de las imágenes de fondo.

Si está habilitado, podrás personalizar los colores con las opciones que encontrarás a continuación. Si no está habilitado, considerará los colores definidos en Temas > Editor Visual > Editar Opciones > Colores del Tema.

Color de fondo de la sección. Sólo será visible si no se agrega ninguna imagen. Este es el único color que se puede modificar sin tener que habilitar Personalizar Colores .

Color para el título de la sección.

Color para la descripción de la sección.

Color para el texto del Disclaimer de la sección.

Color para el Enlace del Disclaimer en estado hover (al pasar el mouse por encima).

Color del texto que se muestra en el botón.

Color para el texto del botón en estado hover (al pasar el mouse por encima).

Color de fondo del botón.

Color de fondo del botón en estado hover (al pasar el mouse por encima).

Color de fondo del Overlay.

Permite agregar un margen en la parte superior de la sección para separarla de otros componentes.

Permite agregar un margen en la parte inferior de la sección para separarla de otros componentes.

Permite agregar un margen interior en la parte superior de la sección para generar más espacio entre el contenido y el fondo.

Permite agregar un margen interior en la parte inferior de la sección para generar más espacio entre el contenido y el fondo.

Te permite definir cuántos artículos se mostrarán en los dispositivos de escritorio. Para tablets pequeños sólo se mostrarán 2 artículos y para dispositivos móviles sólo 1.

Te permite definir la cantidad máxima de artículos que se mostrarán en la sección.

Opcional. Subtítulo de la sección.

Título de la sección. Por defecto, se mostrará el texto "Blog", el cual puedes cambiar en la configuración de Idiomas de tu tienda o al completar este campo.

Opcional. Descripción de la sección con un máximo de 125 caracteres.

Despliega el enlace a la página del Blog , el cual puedes editar yendo a Temas > Editor Visual > Editar Opciones > Blog y Artículos .

Texto que se muestra en el enlace. Por defecto se mostrará el texto “Ver más artículos”, el cual puedes cambiar en la configuración de Idiomas de tu tienda o al completar este campo.

Si está habilitado, los artículos pasarán automáticamente de uno a otro según la velocidad definida en la opción siguiente.

Tiempo que tarda en pasar de un artículo al siguiente, en segundos.

Muestra las flechas siguiente y anterior para que los clientes naveguen por el carrusel.

Muestra puntos de navegación para que los clientes controlen el carrusel.

Si está habilitado, puedes personalizar los colores con las opciones que encontrarás a continuación. Si no está habilitado, considerará los colores definidos en Temas > Editor Visual > Editar Opciones > Colores del Tema.

Color de fondo de la sección. Este es el único color que se puede modificar sin tener que habilitar Personalizar Colores .

Color para el subtítulo de la sección.

Color para el título de la sección.

Color para la descripción de la sección.

Color del enlace de la sección.

Permite agregar un margen en la parte superior de la sección para separarla de otros componentes.

Permite agregar un margen en la parte inferior de la sección para separarla de otros componentes.

Permite agregar un margen interior en la parte superior de la sección para generar más espacio entre el contenido y el fondo.

Permite agregar un margen interior en la parte inferior de la sección para generar más espacio entre el contenido y el fondo.

Obligatorio. Seleccione la Categoría de la cual deseas mostrar productos. El componente no se mostrará si no eliges algo aquí.

Te permite definir el orden en que se mostrarán los elementos.

Imagen para dispositivos Móviles y Tablet con un ancho máximo de 767px y en formato .jpg.

Imagen para dispositivos de escritorio con un ancho mínimo sugerido de 800 px y en formato .jpg.

Permite habilitar el elemento Overlay que se posiciona entre el contenido y las imágenes de fondo, para generar contraste entre ambos para una mejor legibilidad:

1. Móviles y Escritorio: será visible en todos los dispositivos.
2. Solo Móviles: será visible sólo para dispositivos móviles de hasta 575 px.
3. Solo Escritorio: será visible para dispositivos de escritorio y tablets que tengan un tamaño igual o superior a 576 px.
4. Deshabilitar (por defecto): no será visible en ningún dispositivo.

Posición del contenido de la sección (subtítulo, título, descripción y enlace). Para dispositivos móviles, el contenido se extenderá a todo el espacio disponible.

Alineación del contenido de la sección (subtítulo, título, descripción y enlace). Para dispositivos móviles, el contenido se alineará al centro.

Opcional. Subtítulo de la sección.

Título de la sección. Por defecto se mostrará el nombre de la Categoría que seleccionaste, el cual puedes reemplazar llenando este campo. Si deseas que el título esté en dos o más líneas, simplemente presiona la tecla enter de tu teclado para crearlas.

Opcional. Descripción de la sección.

Permite mostrar u ocultar el enlace que lleva a la página de la Categoría que hayas seleccionado.

Texto que se mostrará dentro del enlace. Por defecto se mostrará “Ver más productos” , lo cual puedes cambiar en la configuración de Idiomas de tu tienda o al completar este campo.

Muestra una flecha hacia la derecha dentro del enlace.

Permite definir el estilo del enlace:

1. Botón con relleno: Tendrá el estilo por defecto como cualquier otro botón de la tienda.
2. Botón Bordeado: Tendrá un borde y su fondo será transparente.
3. Enlace normal: se verá como un enlace normal con un borde en la parte inferior.

Si está habilitado, podrás personalizar los colores con las opciones que encontrarás a continuación. Si no está habilitado, considerará los colores definidos en Temas > Editor Visual > Editar Opciones > Colores del Tema.

Color de fondo de la sección. Este es el único color que se puede modificar sin tener que habilitar Personalizar Colores .

Color de fondo del elemento Overlay.

Color de fondo del contenido que contiene el Subtítulo, Título, Descripción y Enlace. Si no se agrega ninguna imagen, este color será visible.

Color para el subtítulo de la sección.

Color para el título de la sección.

Color para la descripción de la sección.

Color para el texto del enlace.

Color del texto que se muestra dentro del enlace en estado  hover (al pasar el mouse).

Color de fondo del enlace. Esto no se aplicará si Estilo de Enlace es igual a Enlace Normal.

Color de fondo del enlace en estado hover (al pasar el mouse por encima). Esto no se aplicará si Estilo de Enlace es igual a Enlace Normal.

Permite agregar un margen en la parte superior de la sección para separarla de otros componentes.

Permite agregar un margen en la parte inferior de la sección para separarla de otros componentes.

Permite agregar un margen interior en la parte superior de la sección para generar más espacio entre el contenido y el fondo.

Permite agregar un margen interior en la parte inferior de la sección para generar más espacio entre el contenido y el fondo.

Te permite definir cuál de todos los Items de Collage que agregues se verá más grande y se destacará del resto. Aquí puedes ver un ejemplo de cómo ambas opciones se verían y afectarían a los elementos:

Habilita la Cabecera al inicio de la sección, antes del Collage. Incluso si está habilitado, sólo mostrará si al menos uno de estos campos fue llenado: Subtítulo, Título o Descripción.

Opcional. Subtítulo de la sección.

Opcional. Título de la sección.

Opcional. Descripción de la sección.

Opcional. Elige cualquier contenido de la tienda, como categorías, páginas, productos, enlaces externos, etc.

Texto que se muestra en el enlace. Obligatorio si se añade un enlace.

Si está habilitado, podrás personalizar los colores con las opciones que encontrarás a continuación. Esto también se aplica a todos los Items de Collage. Si no está habilitado, considerará los colores definidos en Temas > Editor Visual > Editar Opciones > Colores del Tema.

Color de fondo de la sección. Este es el único color que se puede modificar sin tener que habilitar Personalizar Colores .

Color para el subtítulo de la sección.

Color para el título de la sección.

Color para la descripción de la sección.

Color para el texto del enlace.

Permite agregar un margen en la parte superior de la sección para separarla de otros componentes.

Permite agregar un margen en la parte inferior de la sección para separarla de otros componentes.

Permite agregar un margen interior en la parte superior de la sección para generar más espacio entre el contenido y el fondo.

Permite agregar un margen interior en la parte inferior de la sección para generar más espacio entre el contenido y el fondo.

Imagen para dispositivos móviles con un ancho máximo recomendado de 575px y en formato .jpg .

Imagen para dispositivos de escritorio con un ancho máximo recomendado de 1000px y en formato .jpg .

Obligatorio. Elige cualquier contenido de la tienda, como categorías, páginas, productos, enlaces externos, etc. Esto hará que se pueda hacer click tanto en la imagen como en el título.

Opcional. Si deseas que se muestre un título debajo de la imagen, completa este campo. De lo contrario, aún se podrá hacer clic en todo el item si se agrega un enlace.

Muestra una flecha derecha dentro del enlace.

Color del título.

Color del título en estado hover (al pasar el mouse por encima).

Permite definir cómo se mostrarán los Bloques .

Cuántos Bloques se mostrarán en dispositivos de escritorio. Para dispositivos Tablets siempre serán 2 y para dispositivos móviles sólo 1. Esta opción sólo funcionará si la opción Tipo de visualización es igual a Carrusel.

Si está habilitado, los Bloques pasarán automáticamente de uno a otro según la velocidad definida en la opción siguiente. Sólo funcionará si la opción Tipo de visualización es igual a Carrusel.

Tiempo que tarda en pasar de un bloque al siguiente, en segundos.

Muestra las flechas siguiente y anterior para que los clientes naveguen por el carrusel.

Muestra puntos de navegación para que los clientes controlen el carrusel.

Habilita una sección de Cabecera al inicio del componente y antes de los Bloques. Se mostrará si al menos uno de estos campos está completado: Subtítulo, Título o Descripción.

Opcional. Subtítulo de la sección.

Opcional. Título de la sección.

Opcional. Descripción de la sección.

Elige cualquier contenido de la tienda, como categorías, páginas, productos, enlaces externos, etc.

Texto que se muestra en el enlace. Obligatorio si se añade un enlace.

Si está habilitado, podrás personalizar los colores con las opciones que encontrarás a continuación. Si no está habilitado, considerará los colores definidos en Temas > Editor Visual > Editar Opciones > Colores del Tema.

Color de fondo de la sección. Este es el único color que se puede modificar sin tener que habilitar Personalizar Colores .

Color para el subtítulo de la sección.

Color para el título de la sección.

Color para la descripción de la sección.

Color para el texto del enlace.

Permite agregar un margen en la parte superior de la sección para separarla de otros componentes.

Permite agregar un margen en la parte inferior de la sección para separarla de otros componentes.

Permite agregar un margen interior en la parte superior de la sección para generar más espacio entre el contenido y el fondo.

Permite agregar un margen interior en la parte inferior de la sección para generar más espacio entre el contenido y el fondo.

Obligatorio. Imagen para dispositivos móviles con un ancho mínimo sugerido de 552px y en formato .jpg .

Obligatorio. Imagen para dispositivos de escritorio con un ancho mínimo sugerido de 750 px y en formato .jpg .

Copia y pega aquí el objeto incrustado de la fuente que necesitas o la URL, por ejemplo Youtube o Vimeo.

Esto hará que al hacer click en la imagen o el enlace (de estar visible), el video se abrirá en una ventana emergente / modal.

Permite definir la alineación para el contenido del Bloque en dispositivos Móviles.

Permite definir la alineación para el contenido del Bloque en dispositivos de Escritorio.

Opcional. Subtítulo del bloque.

Obligatorio. Título del bloque.

Opcional, pero ideal. Agrega una descripción para el bloque.

Permite elegir cualquier contenido de la tienda, como una página, categoría, producto o enlace externo. No aplicable si el Bloque será utilizado para un Video.

Texto que se mostrará en el enlace. Si dejas este campo vacío y el bloque se usará para un Video con Habilitar Enlace de Video habilitado, el texto "Ver video" se mostrará de por defecto.

Permite hacer visible el Link que abre la ventana emergente / Pop-up. Si no está habilitado, el Video aún podrá abrirse al hacer click en la imagen del bloque.

Muestra un icono junto con el texto del enlace. Si se define un video, será un icono de reproducción antes del texto. Si es un enlace a una página, será una flecha hacia la derecha después del texto.

Color del subtítulo del bloque.

Color del título del bloque.

Color de la descripción del bloque.

Color para el texto del Enlace.

Color para el texto del Enlace en estado hover (al pasar el mouse por encima).

Cuántos testimonios serán visibles en dispositivos de escritorio. Para dispositivos tablet siempre serán 2 y para dispositivos Móviles sólo 1.

Habilita una Heading antes del Carrusel de Testimonios. Incluso si está habilitado, solo aparecerá si se agrega al menos uno de los siguientes campos: Subtítulo , Título o Descripción .

Opcional. Subtítulo de la sección.

Opcional. Título de la sección.

Opcional. Descripción de la sección.

Opcional. Elige cualquier contenido de la tienda, como categorías, páginas, productos, enlaces externos, etc.

Texto que se muestra en el enlace. Obligatorio si se añade un enlace.

Si está habilitado, los testimonios pasarán automáticamente de uno a otro según la velocidad definida en la opción siguiente.

Tiempo que tarda en pasar de un testimonio al siguiente, en segundos.

Muestra las flechas siguiente y anterior para que los clientes vean los testimonios.

Muestra puntos de navegación para que los clientes naveguen y elijan testimonios para ver.

Si está habilitado, podrás personalizar los colores con las opciones que encontrarás a continuación. Esto se aplica también para cada testimonio que se agregará. Si no está habilitado, considerará los colores definidos en Temas > Editor Visual > Editar Opciones > Colores del Tema.

Color de fondo de la sección. Este es el único color que se puede modificar sin tener que habilitar Personalizar Colores .

Color para el subtítulo de la sección.

Color para el título de la sección.

Color para la descripción de la sección.

Color para el texto del enlace.

Color para la Cita de cada testimonio.

Color del nombre del Autor de cada testimonio, en caso de haber sido agregado.

Permite agregar un margen en la parte superior de la sección para separarla de otros componentes.

Permite agregar un margen en la parte inferior de la sección para separarla de otros componentes.

Permite agregar un margen interior en la parte superior de la sección para generar más espacio entre el contenido y el fondo.

Permite agregar un margen interior en la parte inferior de la sección para generar más espacio entre el contenido y el fondo.

Obligatorio. Agregue el Testimonio del cliente. Máximo 400 caracteres.

Opcional. Sube una imagen para acompañar el nombre del Autor. La imagen se mostrará en un tamaño máximo de 50x50px.

Opcional, pero ideal. Agrega el nombre de la persona que dio la cita. Puede ser el nombre completo, solo el nombre, un alias, etc.

Cuántos logos serán visibles en dispositivos de escritorio. Para Tablets grandes, 4 logos serán visibles, para tablets pequeños, 3. Para dispositivos móviles, 2 logos siempre estarán visibles.

Si está habilitado, los logos pasarán automáticamente de uno a otro según la velocidad definida en la opción siguiente.

Tiempo que tarda en pasar de un logo al siguiente, en segundos.

Muestra las flechas siguiente y anterior para que los clientes naveguen por el carrusel.

Muestra puntos de navegación para que los clientes controlen el carrusel.

Habilita una Cabecera al inicio de la sección, antes del Carrusel. Incluso si está habilitado, solo aparecerá si se completa al menos uno de los siguientes campos: Subtítulo , Título o Descripción .

Opcional. Subtítulo de la sección.

Opcional. Título de la sección.

Opcional. Descripción de la sección.

Opcional. Elige cualquier contenido de la tienda, como categorías, páginas, productos, enlaces externos, etc.

Texto que se muestra en el enlace. Obligatorio si se añade un enlace.

Si está habilitado, podrás personalizar los colores con las opciones que encontrarás a continuación. Si no está habilitado, considerará los colores definidos en Temas > Editor Visual > Editar Opciones > Colores del Tema.

Color de fondo de la sección. Este es el único color que se puede modificar sin tener que habilitar Personalizar Colores .

Color para el subtítulo de la sección.

Color para el título de la sección.

Color para la descripción de la sección.

Color para el texto del enlace.

Permite agregar un margen en la parte superior de la sección para separarla de otros componentes.

Permite agregar un margen en la parte inferior de la sección para separarla de otros componentes.

Permite agregar un margen interior en la parte superior de la sección para generar más espacio entre el contenido y el fondo.

Permite agregar un margen interior en la parte inferior de la sección para generar más espacio entre el contenido y el fondo.

Obligatorio. Sube un Logo o Imagen considerando las siguientes sugerencias:

• Tamaño de ancho sugerido: 200px.
• Formato sugerido: .jpg
• Si lo subes en formato .png , asegúrate de optimizarlo lo mejor posible sin comprometer su resolución o correr el riesgo de que se pixele.

Elige cualquier contenido de la tienda, como categorías, páginas, productos, enlaces externos, etc. Como se explicó al comienzo de la introducción del componente Carrusel de Logos, este será probablemente una categoría de tu tienda.

Este texto se muestra cuando el usuario hace hover sobre el Logo . Es útil para optimizar el SEO de tu tienda y también puede ayudar a mejorar tu tienda y hacerla compatible con personas con discapacidades auditivas.

Habilita una Cabecera al inicio de la sección, antes de la galería de items del Lookbook. Incluso si esto está habilitado, sólo se mostrará si al menos uno de estos campos fue completado: Subtítulo , Título o Descripción .

Opcional. Subtítulo de la sección.

Opcional. Título de la sección.

Opcional. Descripción de la sección.

Opcional. Elige cualquier contenido de la tienda, como categorías, páginas, productos, enlaces externos, etc.

Texto que se muestra en el enlace. Obligatorio si se añade un enlace.

Si está habilitado, podrás personalizar los colores con las opciones que encontrarás a continuación. Si no está habilitado, considerará los colores definidos en Temas > Editor Visual > Editar Opciones > Colores del Tema.

Color de fondo de la sección. Este es el único color que se puede modificar sin tener que habilitar Personalizar Colores .

Color para el subtítulo de la sección.

Color para el título de la sección.

Color para la descripción de la sección.

Color para el texto del enlace.

Permite agregar un margen en la parte superior de la sección para separarla de otros componentes.

Permite agregar un margen en la parte inferior de la sección para separarla de otros componentes.

Permite agregar un margen interior en la parte superior de la sección para generar más espacio entre el contenido y el fondo.

Permite agregar un margen interior en la parte inferior de la sección para generar más espacio entre el contenido y el fondo.

Imagen para dispositivos móviles. Te sugerimos subirlo con un ancho máximo recomendado de 575px y en formato .jpg .

Imagen para dispositivos de escritorio. Te sugerimos subirlo con un ancho mínimo recomendado de 700px y en formato .jpg .

Te permite definir cuánto tiempo pasará antes de que aparezca el Pop Up.

Permite seleccionar entre dos formas en las que se puede mostrar el Pop Up, lo que diferirá sobre qué elementos estarán visibles:

1. Sólo imagen: solo se mostrará la imagen junto con el icono de cerrar sobre ella. Algunos puntos sobre esto que deben tenerse en cuenta son:
   • Si has agregado un título, se mostrará antes de la imagen.
   • Si has agregado contenido, este no se mostrará. Para eso, considera elegir la siguiente opción.
2. Imagen + Contenido: Esta opción mostrará todo lo que hayas agregado al Componente.

Si está habilitado, el contenedor del Pop Up será transparente y, por lo tanto, la opción Color de fondo no se aplicará ni se considerará.

Permite definir el tamaño máximo del ancho que tendrá el Pop Up . Esta se adaptará dependiendo del tipo de dispositivo donde se esté viendo.

El ancho de la imagen dependerá del ancho del elemento Pop Up que hayas definido. A continuación te dejamos una tabla con anchos estimados para que elijas lo que más te convenga:

Opcional. Si no agregas uno, el icono de cerrar (x) se colocará encima de todo, en la esquina superior derecha del Pop Up.

Imagen que se puede mostrar junto con el contenido o sola, si la opción Tipo es igual a Sólo Imagen.

Te permite definir la posición en la que se mostrará la imagen:

1. Antes del contenido (por defecto): la imagen se mostrará antes del contenido que agregues y después de la Cabecera.
2. Después del contenido: La imagen se mostrará después de todo el contenido que agregues.

Aquí puedes agregar el contenido del Pop Up , el cual permite código HTML que puede ser útil para enfatizar ciertos textos. Puedes leer más sobre cómo agregar etiquetas HTML en nuestra sección de Consejos y Trucos.

Te permite definir la alineación del contenido:

1. Izquierda: todo el contenido se alineará al lado izquierdo del Pop Up.
2. Centrado: todo el contenido se alineará al centro del Pop Up.

Elige cualquier contenido de la tienda, como categorías, páginas, productos, enlaces externos, etc. Se mostrará un enlace (botón) al final del contenedor del Pop Up , posterior del contenido y la imagen, si se agrega alguno de estos.

Texto que se muestra en el enlace. Obligatorio si se ha añadido un enlace.

Muestra una flecha al lado derecho del texto del enlace.

Si se ha agregado una imagen, se podrá hacer click en ella.

Si está habilitado, puedes personalizar los colores con las opciones que encontrarás a continuación. Si no está habilitado, considerará los colores definidos en Temas > Editor Visual > Editar Opciones > Colores del Tema.

Color de fondo del contenedor del Pop Up.

La Cabecera es la sección que contiene el Título y el icono de cerrar (x).

Este color también afecta al icono de cerrar (x) cuando se ha añadido el título. Si no se agrega, el ícono de cerrar será blanco con un fondo negro para que pueda ser completamente visible independientemente del contenido, la imagen o los colores que definas.

Color del contenido del elemento.

Color para el símbolo "x” del icono de cerrar . Sólo será aplicado si la opción Tipo es igual a Simple .

Color de fondo para el icono de cerrar . Sólo será aplicado si la opción Tipo es igual a Simple .

Permite definir el ancho de la sección, donde 100% será el ancho total de la grilla de la tienda. Esto no se aplicará si has definido que los elementos se dividirán en grupos.

Para páginas estáticas (ej: Términos y Condiciones o páginas legales), incluso si has definido que los elementos se dividan en grupos, cada acordeón se extenderá al 100 % del espacio disponible del contenedor donde se haya colocado.

Opcional. Permite agregar un Título que se mostrará antes del Acordeón(es).

Opcional. Permite agregar una descripción que se mostrará debajo del título (en caso de haber sido agregado).

Opcional. Elige cualquier contenido de la tienda, como categorías, páginas, productos, enlaces externos, etc.

Texto que se muestra en el enlace.

Permite agrupar items en base a tópicos o asuntos. Cada grupo se mostrará en diferentes columnas que contendrán sus respectivos items . Para definir grupos , sólo necesitas agregar el nombre de cada uno en este campo y separarlos mediante comas (,), como por ejemplo: Envíos,Pagos,Otros.

Por defecto, los grupos serán posicionados en 2 columnas (si existen dos grupos) o en 3 columnas (si existen más de dos grupos). Con esta opción puedes forzar que se apilen uno debajo del otro y que cada uno ocupe el 100% del espacio disponible.

Si está habilitado, puedes personalizar los colores con las opciones que encontrarás a continuación. Si no está habilitado, considerará los colores definidos en Temas > Editor Visual > Editar Opciones > Colores del Tema.

Color de fondo de la sección. Este es el único color que se puede modificar sin tener que habilitar Personalizar Colores .

Color para el título de la sección.

Color para la descripción de la sección.

Color del enlace de la sección.

Permite agregar un margen en la parte superior de la sección para separarla de otros componentes.

Permite agregar un margen en la parte inferior de la sección para separarla de otros componentes.

Permite agregar un margen interior en la parte superior de la sección para generar más espacio entre el contenido y el fondo.

Permite agregar un margen interior en la parte inferior de la sección para generar más espacio entre el contenido y el fondo.

Obligatorio. Título para el item del acordeón.

Opcional, pero ideal. Contenido (o descripción) del item del acordeón.

Permite agregar una imagen junto con el contenido del item de acordeón.

Permite definir dónde se mostrará la imagen:

Si ha definido que los items serán agrupados al habilitar la opción Agrupar items , debes agregar el Nombre del grupo aquí. El item sólo puede pertenecer a un grupo.