Texto del Cuerpo

Fuente del Cuerpo - Elige la fuente que deseas para el texto del cuerpo. La fuente predeterminada se selecciona automáticamente; sin embargo, puedes elegir una fuente diferente o subir una fuente personalizada haciendo clic en el cuadro desplegable.

Grosor de la Fuente del Cuerpo - Haz clic en el desplegable para seleccionar el grosor de la fuente del texto del cuerpo.

Estilo de Fuente del Cuerpo - Elige el estilo de la fuente del texto del cuerpo:

• Cursiva

• Mayúscula inicial

• Versalitas

• Subrayado

• Tachado

Alineación del Texto del Cuerpo - Elige la alineación del texto específicamente para el texto del cuerpo:

• Izquierda

• Centro

• Derecha

• Justificado

Color del Texto del Cuerpo - Elige un color específico para el texto del cuerpo. Selecciona desde la paleta de colores de tu sitio o haz clic en el icono cuentagotas para encontrar un nuevo color.

Tamaño del Texto del Cuerpo - Elige el tamaño de la fuente del texto del cuerpo arrastrando el control deslizante o escribiendo un valor numérico.

Espaciado entre Letras del Cuerpo - Elige el espaciado entre letras del texto del cuerpo arrastrando el control deslizante o escribiendo un valor numérico. El espaciado entre letras es el espacio entre cada letra. Mientras mayor sea el número, más espacio habrá.

Altura de Línea del Cuerpo - Elige la altura de línea del texto del cuerpo arrastrando el control deslizante o escribiendo un valor numérico. La altura de línea es el espacio entre cada línea de texto. Mientras mayor sea el número, más espacio habrá.

Sombra del Texto del Cuerpo - Agrega una sombra al texto del cuerpo. Una vez que se selecciona un estilo, puedes configurar la dirección de la sombra (horizontal y vertical), la intensidad del desenfoque y el color de la sombra.

Tabla

• Colapsar Separadores y Bordes de Tabla - Activa esta opción en sí si deseas eliminar opciones de estilo adicionales para la tabla y usar los estilos predeterminados.

• Separadores Verticales - Establece el espacio de los separadores verticales (el espacio entre cada fila) escribiendo un valor numérico. Mientras mayor sea el número, más espacio habrá.

• Separadores Horizontales - Establece el espacio de los separadores horizontales (el espacio entre cada columna) escribiendo un valor numérico. Mientras mayor sea el número, más espacio habrá.

• Color de Fondo de la Tabla - Establece el color del fondo de la tabla eligiendo de la paleta o haciendo clic en el cuentagotas para un nuevo color.

• Margen de la Tabla - Establece los márgenes de la tabla. Los márgenes añaden espacio fuera del elemento.

• Esquinas Redondeadas de la Tabla - Escribe un valor numérico si deseas esquinas redondeadas en la tabla. Mientras mayor sea el número, más redondeadas serán las esquinas. Los valores de las esquinas están vinculados automáticamente (como se ve en el ícono de cadena azul resaltado); sin embargo, si deseas valores diferentes para cada esquina, haz clic en la cadena azul para desvincular los valores. Si están vinculados, siempre tendrán el mismo valor y se actualizarán automáticamente si cambias uno.

• Estilos de Borde de la Tabla - Agrega un borde a la tabla. Puedes agregar borde a todos los lados o a lados individuales (arriba, derecha, abajo, izquierda).

• Ancho del Borde de la Tabla - Establece el grosor del borde. Para un borde más grueso, aumenta el número. El ancho del borde debe ser al menos 1 px para mostrarse.

• Color del Borde de la Tabla - Establece el color del borde. Puedes seleccionar un color de la paleta predeterminada o usar el cuentagotas para un nuevo color.

• Estilo del Borde de la Tabla - Selecciona el estilo del borde: sólido, discontinuo, punteado, doble, ranurado, relieve, embutido, sobresaliente o ninguno.

• Sombra de Caja de la Tabla - Elige el estilo de sombra que quieres aplicar a la tabla. Por defecto, no hay sombra aplicada.

Fila de Tabla

• Color de Fondo de la Fila - Establece el color de fondo de la fila de la tabla eligiendo de la paleta o usando el cuentagotas para un nuevo color.

• Sombra de Caja de la Fila - Elige el estilo de sombra que quieres aplicar a la fila. Por defecto, no hay sombra aplicada.

Celda de Tabla

• Color de Fondo de la Celda - Establece el color de fondo de la celda eligiendo de la paleta o usando el cuentagotas para un nuevo color.

• Relleno de la Celda - Establece el relleno de la celda escribiendo un valor numérico. El relleno añade espacio dentro del elemento.

• Esquinas Redondeadas de la Celda - Escribe un valor numérico si quieres esquinas redondeadas en la celda. Mientras mayor sea el número, más redondeadas serán las esquinas. Los valores están vinculados automáticamente (como en la cadena azul); haz clic en la cadena para desvincularlos si quieres valores diferentes.

• Estilos de Borde de la Celda - Agrega un borde a la celda. Puedes agregarlo a todos los lados o individualmente (arriba, derecha, abajo, izquierda).

• Ancho del Borde de la Celda - Establece el grosor del borde. Debe ser al menos 1 px para mostrarse.

• Color del Borde de la Celda - Elige el color del borde. Usa la paleta predeterminada o el cuentagotas para un nuevo color.

• Estilo del Borde de la Celda - Selecciona el estilo del borde: sólido, discontinuo, punteado, doble, ranurado, relieve, embutido, sobresaliente o ninguno.

• Sombra de Caja de la Celda - Elige el estilo de sombra para la celda. Por defecto, no hay sombra aplicada.

Icono de Eliminación

• Color de Fondo del Icono de Eliminación - Elige el color de fondo para el icono de eliminación seleccionando de la paleta o usando el cuentagotas.

• Color del Texto del Icono de Eliminación - Elige el color del texto del icono de eliminación.

• Tamaño del Texto del Icono de Eliminación - Elige el tamaño del texto del icono de eliminación.

Imagen

• Esquinas Redondeadas de la Imagen - Si quieres redondear las esquinas de la imagen, escribe un valor numérico. Los valores están vinculados automáticamente; haz clic en la cadena para desvincular si quieres diferentes valores.

• Estilos de Borde de la Imagen - Agrega borde a la imagen. Puedes agregarlo a todos los lados o individualmente.

• Ancho del Borde de la Imagen - Establece el grosor del borde (mínimo 1 px).

• Color del Borde de la Imagen - Selecciona el color del borde o usa el cuentagotas.

• Estilo del Borde de la Imagen - Elige el estilo: sólido, discontinuo, punteado, doble, ranurado, relieve, embutido, sobresaliente o ninguno.

• Sombra de Caja de la Imagen - Elige el estilo de sombra para la imagen. Por defecto, no hay sombra.

• Posición Horizontal de la Sombra de Caja - Controla la posición horizontal de la sombra.

• Posición Vertical de la Sombra de Caja - Controla la posición vertical de la sombra.

• Fuerza de Desenfoque de la Sombra de Caja - Controla el desenfoque de la sombra.

• Fuerza de Expansión de la Sombra de Caja - Controla la extensión de la sombra.

• Color de la Sombra - Elige el color de la sombra de la imagen.

• Posición de la Sombra de Caja - Elige si la sombra es interior o exterior.

• Tono de la Imagen - Ajusta el tono de la imagen.

• Saturación de la Imagen - Ajusta la saturación.

• Brillo de la Imagen - Ajusta el brillo.

• Contraste de la Imagen - Ajusta el contraste.

• Invertir Imagen - Invierte los colores de la imagen.

• Sepia de la Imagen - Controla el nivel de tono sepia aplicado.

• Opacidad de la Imagen - Controla la transparencia.

• Desenfoque de la Imagen - Controla el desenfoque.

• Modo de Mezcla de la Imagen - El modo de mezcla indica cómo el módulo se mezcla con las capas debajo. Por defecto, está en normal.

Campos

• Color del Texto Placeholder - Elige un color para el texto placeholder desde la paleta o con el cuentagotas.

• Color de Fondo de los Campos - Elige un color de fondo para los campos.

• Color del Texto de los Campos - Elige el color del texto dentro de los campos.

• Color de Fondo en Enfoque de los Campos - Elige un color de fondo cuando el campo esté en foco (por ejemplo, cuando un usuario hace clic y escribe).

• Color del Texto en Enfoque de los Campos - Elige el color del texto cuando el campo esté en foco.

• Margen de los Campos - Añade espacio fuera del campo escribiendo valores numéricos o usando las flechas.

• Relleno de los Campos - Añade espacio dentro del campo escribiendo valores numéricos o usando las flechas.

• Fuente de los Campos - Elige la fuente para el texto.

• Grosor de Fuente de los Campos - Selecciona el grosor de la fuente.

• Estilo de Fuente de los Campos:

  • Cursiva

  • Mayúscula inicial

  • Versalitas

  • Subrayado

  • Tachado

• Alineación del Texto de los Campos:

  • Izquierda

  • Centro

  • Derecha

  • Justificado

• Tamaño del Texto de los Campos - Ajusta el tamaño de la fuente.

• Espaciado entre Letras de los Campos - Ajusta el espaciado entre letras.

• Altura de Línea de los Campos - Ajusta el espacio entre líneas.

• Sombra de Texto de los Campos - Agrega sombra al texto de los campos y configura dirección, intensidad y color.

• Esquinas Redondeadas de los Campos - Redondea las esquinas con un valor numérico; valores vinculados por defecto.

• Estilos de Borde de los Campos - Agrega bordes a todos o lados individuales.

• Ancho del Borde de los Campos - Establece el grosor del borde (mínimo 1 px).

• Color del Borde de los Campos - Elige el color del borde.

• Estilo del Borde de los Campos - Selecciona el estilo del borde: sólido, discontinuo, punteado, doble, ranurado, relieve, embutido, sobresaliente o ninguno.

• Usar Bordes en Enfoque - Activa esta opción para cargar estilos para bordes en enfoque.

• Esquinas Redondeadas en Enfoque - Redondea las esquinas de campos en foco.

• Estilos de Borde en Enfoque - Agrega bordes a los campos en enfoque.

• Ancho del Borde en Enfoque - Establece el grosor del borde en enfoque (mínimo 1 px).

• Color del Borde en Enfoque - Elige el color del borde en enfoque.

• Estilo del Borde en Enfoque - Selecciona el estilo del borde en enfoque: sólido, discontinuo, punteado, doble, ranurado, relieve, embutido, sobresaliente o ninguno.

• Sombra de Caja de los Campos - Elige estilo de sombra para los campos. Por defecto, no hay sombra.

Botón

• Usar Estilos Personalizados para el Botón - Por defecto, los botones se estilizan globalmente vía el Personalizador del Tema. Para aplicar estilos únicos a este botón, activa esta opción.

• Tamaño del Texto del Botón - Ajusta el tamaño de la fuente del texto del botón.

• Color del Texto del Botón - Elige un color específico para el texto del botón.

• Fondo del Botón - Estiliza el fondo del botón. Puedes usar color sólido, degradado o imagen.

• Para fondo degradado, selecciona el icono de degradado y luego “Agregar degradado de fondo” para ver las opciones.

• Para fondo con imagen, selecciona el icono de imagen y luego “Agregar imagen de fondo”.

• Ancho del Borde del Botón - Determina el grosor del borde del botón.

• Color del Borde del Botón - Elige el color del borde.

• Radio del Borde del Botón - Determina cuán redondeadas son las esquinas del botón.

• Espaciado entre Letras del Botón - Ajusta el espaciado entre letras del texto del botón.

• Fuente del Botón - Elige la fuente del texto del botón.

• Grosor de Fuente del Botón - Selecciona el grosor de la fuente del texto del botón.

• Estilo de Fuente del Botón - Elige el estilo del texto: cursiva, mayúscula inicial, versalitas, subrayado o tachado.

• Mostrar Icono del Botón - Activa o desactiva para mostrar el icono del botón.

• Icono del Botón - El icono predeterminado es “>”, pero puedes elegir otro aquí.

• Color del Icono del Botón - Selecciona el color del icono.

• Posición del Icono del Botón - Elige si el icono está a la derecha o izquierda del botón.

• **Mostrar Icono Solo

en Hover** - Activa para que el icono aparezca solo cuando el mouse pase sobre el botón.

• Animación de Movimiento del Icono - Elige la animación para el icono cuando aparezca.

• Sombra de Texto del Botón - Agrega sombra al texto del botón y configura dirección, intensidad y color.

• Sombra de Caja del Botón - Aplica sombra alrededor del botón. Por defecto, no hay sombra.

• Posición Horizontal de la Sombra de Caja del Botón - Controla la posición horizontal de la sombra.

• Posición Vertical de la Sombra de Caja del Botón - Controla la posición vertical de la sombra.

• Fuerza de Desenfoque de la Sombra de Caja del Botón - Controla el desenfoque de la sombra.

• Fuerza de Expansión de la Sombra de Caja del Botón - Controla la extensión de la sombra.

• Color de la Sombra de Caja del Botón - Elige el color de la sombra.

• Posición de la Sombra de Caja del Botón - Elige si la sombra es interior o exterior.

Botón Deshabilitado

• Usar Estilos Personalizados para el Botón Deshabilitado - Por defecto, los botones deshabilitados se estilizan globalmente a través del Personalizador de Tema, sin embargo, para aplicar estilos únicos a este botón deshabilitado, activa esta opción en sí.

• Tamaño del Texto del Botón Deshabilitado - Elige el tamaño de la fuente del texto del botón deshabilitado arrastrando el deslizador de rango o escribiendo un valor numérico.

• Color del Texto del Botón Deshabilitado - Elige un color específico para el texto del botón deshabilitado. Selecciona desde la paleta de colores de tu sitio o haz clic en el ícono cuentagotas para elegir un nuevo color.

• Fondo del Botón Deshabilitado - Estiliza el fondo del botón deshabilitado aquí. Puedes añadir un color sólido, un degradado o una imagen. Elige un color desde la paleta de tu sitio o haciendo clic en el cuentagotas para elegir un nuevo color.

  Para añadir un fondo degradado, selecciona la segunda pestaña de íconos, el ícono de degradado, y luego haz clic en Añadir Degradado de Fondo, lo que abrirá las opciones de estilo para un fondo degradado.

  Para añadir un fondo con imagen, selecciona la segunda pestaña de íconos, el ícono de imagen, y luego haz clic en Añadir Imagen de Fondo, lo que abrirá las opciones de estilo para un fondo con imagen.

• Ancho del Borde del Botón Deshabilitado - Determina el ancho (grosor) del borde del botón deshabilitado arrastrando el deslizador de rango o escribiendo un valor numérico.

• Color del Borde del Botón Deshabilitado - Establece el color del borde. Puedes seleccionar un color de la paleta predeterminada de tu sitio que ya esté visible o hacer clic en el cuentagotas para elegir un nuevo color.

• Radio del Borde del Botón Deshabilitado - El radio del borde del botón deshabilitado determina qué tan redondeadas son las esquinas del botón; a mayor número, más redondeadas serán las esquinas.

• Espaciado entre Letras del Botón Deshabilitado - Elige el espaciado entre letras del texto del botón deshabilitado arrastrando el deslizador de rango o escribiendo un valor numérico. El espaciado entre letras es el espacio entre cada letra. A mayor número, más espacio habrá.

• Fuente del Botón Deshabilitado - Elige la fuente para el texto del botón deshabilitado. La fuente predeterminada se selecciona automáticamente; sin embargo, puedes elegir una fuente diferente o subir una fuente personalizada haciendo clic en el menú desplegable.

• Grosor de Fuente del Botón Deshabilitado - Selecciona el grosor (negrita) de la fuente del texto del botón deshabilitado.

• Estilo de Fuente del Botón Deshabilitado - Elige el estilo de la fuente del texto del botón deshabilitado: cursiva, mayúsculas, versalitas, subrayado o tachado.

• Mostrar Ícono del Botón Deshabilitado - Activa esta opción en sí o no para mostrar u ocultar el ícono del botón deshabilitado.

• Ícono del Botón Deshabilitado - El ícono predeterminado es >, sin embargo, puedes elegir un ícono único para el botón deshabilitado aquí.

• Color del Ícono del Botón Deshabilitado - Selecciona el color del ícono del botón deshabilitado.

• Colocación del Ícono del Botón Deshabilitado - Elige la ubicación del ícono a la derecha o izquierda del botón deshabilitado.

• Mostrar Solo el Ícono al Pasar el Mouse en el Botón Deshabilitado - Activa esta opción en no si quieres que el ícono del botón deshabilitado sea visible siempre. Por defecto, esta opción está en sí, lo que significa que el ícono solo se mostrará al pasar el mouse.

• Alineación del Botón Deshabilitado - Elige cómo se alinea el botón deshabilitado:

  • Izquierda

  • Centro

  • Derecha

  • Justificado

• Sombra del Texto del Botón Deshabilitado - Añade una sombra al texto del botón deshabilitado. Una vez seleccionado un estilo, puedes configurar la dirección de la sombra (horizontal y vertical), la intensidad del desenfoque de la sombra y el color de la sombra.

• Margen del Botón Deshabilitado - Añade márgenes al botón deshabilitado escribiendo valores numéricos. Los márgenes agregan espacio fuera del elemento del botón. Para bloquear proporciones y mantener los valores iguales, haz clic en el ícono de cadena entre los valores que quieres que sean siempre idénticos (por ejemplo, arriba y abajo).

• Relleno del Botón Deshabilitado - Añade relleno al botón deshabilitado escribiendo valores numéricos. El relleno añade espacio dentro del elemento del botón. Para bloquear proporciones y mantener los valores iguales, haz clic en el ícono de cadena entre los valores que quieres que sean siempre idénticos (por ejemplo, arriba y abajo).

• Sombra de Caja del Botón Deshabilitado - Añade una sombra al botón deshabilitado. Una vez seleccionado un estilo de sombra, puedes personalizar la posición de la sombra (horizontal y vertical), la intensidad del desenfoque y la propagación ajustando el deslizador o ingresando valores numéricos. Selecciona el color de la sombra desde la paleta de colores de tu sitio o haz clic en el cuentagotas para elegir un nuevo color. Elige la posición de la sombra dentro o fuera del contenedor mediante el menú desplegable.

Tamaño

• Ancho - Define el ancho del módulo. Para más información, consulta la documentación oficial.

• Ancho Máximo - Define el ancho máximo del módulo. Para más información, consulta la documentación oficial.

• Alineación del Módulo - Si se define un ancho o ancho máximo, la alineación del módulo puede configurarse con las tres opciones:

  • Alineado a la izquierda

  • Centrado

  • Alineado a la derecha

• Altura Mínima - Define el valor mínimo para la altura del módulo. Para más información, consulta la documentación oficial.

• Altura - Define la altura del módulo. Para más información, consulta la documentación oficial.

• Altura Máxima - Define la altura máxima que puede tener el módulo. Para más información, consulta la documentación oficial.

Espaciado

Puedes añadir márgenes o relleno a este módulo escribiendo valores numéricos.

• El margen añade espacio fuera del módulo, y el relleno añade espacio dentro del módulo. Para bloquear proporciones y mantener los valores iguales, haz clic en el ícono de cadena entre los valores que quieres que sean siempre idénticos (por ejemplo, arriba y abajo).

• Los valores predeterminados de margen para el módulo son 0.

• Los valores predeterminados de relleno para el módulo son 0.

Borde

Añade un borde al módulo. Puedes añadir un borde completo o un borde solo a un lado del módulo. Ajusta el ancho mediante el deslizador y selecciona un color. Elige un estilo de borde haciendo clic en el menú desplegable.

• Esquinas Redondeadas – Escribe un valor numérico para redondear las esquinas del borde. A mayor número, más redondeadas serán las esquinas. Los valores de las esquinas están automáticamente vinculados (como se ve por el ícono de cadena azul resaltado en medio); sin embargo, si quieres valores diferentes para cada esquina, simplemente haz clic en la cadena azul para desvincular los valores. Si están vinculados, siempre tendrán el mismo valor y se actualizarán automáticamente si cambias uno.

• Estilos de Borde – Añade un borde a todos los lados del módulo o solo a lados individuales (arriba, derecha, abajo, izquierda).

• Ancho del Borde - Ajusta el grosor del borde. Para un borde más grueso, aumenta el número. El ancho debe ser al menos 1px para que se muestre.

• Color del Borde – Elige el color del borde. Puedes seleccionar un color de la paleta predeterminada de tu sitio o hacer clic en el cuentagotas para elegir uno nuevo.

• Estilo de Borde – Selecciona el estilo del borde que deseas: sólido, discontinuo, punteado, doble, canalado, relieve, interior, exterior o ninguno.

Sombra de Caja

Añade una sombra al módulo completo. Una vez seleccionado un estilo de sombra, puedes personalizar:

• Posición Horizontal de la Sombra - Define la posición horizontal de la sombra.

• Posición Vertical de la Sombra - Define la posición vertical de la sombra.

• Intensidad del Desenfoque de la Sombra - Define qué tan intenso es el desenfoque. A mayor valor, más grande y más suave será la sombra.

• Intensidad de la Propagación de la Sombra - Define qué tan extendida está la sombra. Aumentar este valor hace la sombra más densa e intensa.

• Color de la Sombra - Define el color de la sombra.

• Posición de la Sombra - Define si la sombra estará dentro o fuera del módulo.

Filtros

Ajusta los filtros del módulo:

• Matiz - Define el ángulo de matiz de un color.

• Saturación - Define qué tan intensa es la saturación del color.

• Brillo - Define qué tan brillantes deben ser los colores.

• Contraste - Define qué tan distintos deben ser las áreas claras y oscuras.

• Invertir - Invierte el matiz, saturación y brillo según el valor especificado.

• Sepia - Da una apariencia más cálida, amarillenta/marrón.

• Opacidad - Define qué tan transparente u opaco debe ser el fondo (color, degradado, imagen, etc.).

• Desenfoque - Define la cantidad de desenfoque gaussiano aplicado al módulo.

El Modo de Mezcla se refiere a cómo el módulo se mezcla con las capas debajo. Por defecto, está en normal.

Transformar

Opciones de transformación:

• Escalar

• Trasladar

• Rotar

• Sesgar

• Puntos de origen

Navega entre las opciones con tabulador. Configura cada opción ingresando valores numéricos o arrastrando y expandiendo el cuadro o círculo.

Puedes bloquear los valores para que siempre sean iguales haciendo clic en el ícono de cadena en la esquina inferior derecha.

Animación

Aquí puedes aplicar animación al módulo. Una vez que elijas un estilo, puedes ajustar:

• Duración de la Animación - Define cuánto tiempo tarda una animación en completar un ciclo.

• Retraso de la Animación - Define cuánto tiempo espera la animación antes de comenzar a ejecutarse.

• Opacidad Inicial de la Animación - Define el valor de opacidad al inicio de la animación.

• Curva de Velocidad de la Animación - Define el método de suavizado de la animación para que sea más fluida.

• Repetición de la Animación - Por defecto, la animación se reproduce una sola vez. Si quieres que se repita continuamente, elige la opción de bucle.

Pestaña Avanzada

En la pestaña avanzada encontrarás opciones útiles para diseñadores web experimentados, como CSS personalizado.

Aquí puedes aplicar CSS personalizado a tu módulo. También puedes asignar clases e IDs personalizadas para estilizar el módulo con propiedades CSS más avanzadas o aplicar código CSS personalizado usando la clase del módulo.

ID y Clases CSS

Asigna un ID o clase CSS específicos a este módulo. Esto es útil para aplicar CSS personalizado mediante la hoja de estilos de tu tema hijo.

CSS Personalizado

• CSS de Forma Libre - Escribe CSS libre utilizando el selector palabra clave para apuntar a este módulo. Ejemplo: selector h1 {color: red;}

• Elementos del Módulo - También puedes aplicar CSS personalizado a secciones específicas del módulo pegándolo en esta pestaña.

Condiciones

Las Condiciones de Visualización te permiten elegir cuándo mostrar este módulo basado en un conjunto de condiciones, como si un usuario visita la página, si ya compró antes, qué navegador o sistema operativo usa, y más.

Puedes añadir una o varias condiciones.

Visibilidad

• Desactivar en - Define la visibilidad del módulo. Puedes ocultarlo en teléfono, tableta o escritorio activando la casilla correspondiente.

• Desbordamiento Horizontal - Define qué mostrar cuando el contenido excede los bordes izquierdo y derecho del elemento. Puede ser:

  • Visible

  • Scroll (barra de desplazamiento)

  • Oculto

  • Automático (el navegador decide)

• Desbordamiento Vertical - Define qué mostrar cuando el contenido excede los bordes superior e inferior del elemento. Las opciones son iguales a las del desbordamiento horizontal.

Transiciones

Controla la duración, el retraso y la curva de velocidad de la animación al pasar el mouse:

• Duración de la Transición - Duración en milisegundos.

• Retraso de la Transición - Retraso en milisegundos.

• Curva de Velocidad de la Transición

Posición

Define la posición del módulo:

• Relativa (valor predeterminado) - Posicionado según el flujo normal del documento, con desplazamientos relativos a sí mismo.

• Absoluta - El módulo se remueve del flujo normal y se posiciona relativo a su contenedor más cercano.

• Fija - El módulo se posiciona fijo respecto a la ventana del navegador, útil para elementos “pegajosos”.

• Desplazamiento Vertical - Define la posición vertical del módulo.

• Desplazamiento Horizontal - Define la posición horizontal del módulo.

• Índice Z - Define el orden del módulo en la superposición; números más altos están delante.

Efectos de Desplazamiento

Define el comportamiento del módulo al hacer scroll:

• Puedes hacer que el módulo se quede “pegajoso” arriba, abajo o ambos.

• Decidir si el módulo se transforma al hacer scroll.

• Activar movimiento vertical para ajustar la velocidad de desplazamiento del módulo sin afectar otros elementos.

• El disparador del efecto permite elegir cuándo se activa el efecto: cuando la parte superior, media o inferior del módulo está visible.

Guardar Tu Diseño

Cuando termines de estilizar y configurar el módulo, haz clic en la flecha verde en la parte inferior derecha para guardar tu diseño. Si cierras el módulo sin guardar, perderás los cambios.

Guardar el Diseño de la Página

Para guardar el diseño de la página, presiona CMD + S en Mac o CTRL + S en PC. También puedes usar la barra inferior de Divi para guardar haciendo clic en el ícono morado de círculo con tres puntos para desplegar la barra y luego en el botón verde de Guardar en la parte inferior derecha.

Salir del Constructor Visual

Una vez guardados todos los cambios, haz clic en Salir del Constructor Visual en la barra de administración superior para salir del modo visual.

Recursos del Módulo de Productos del Carrito Woo de Divi

• Cómo instalar WooCommerce y configurar tu tienda

• Cómo configurar los ajustes de WooCommerce

• 5 ideas de personalización para WooCommerce

• Optimización del rendimiento de WooCommerce: 14 consejos y buenas prácticas

• Guía simple de las páginas predeterminadas de WooCommerce

• Actualización de WooCommerce: mejores prácticas para seguir siempre