Skip to main content

Global

Fondo y líneas

Type:
Color
Default value:
#757575

Define el color del fondo que tendrán los Banners creados en Marketing > Banners.

Page background

Type:
Color
Default value:
#ffffff

Define el color del fondo del cuerpo del sitio.

Common dark background

Type:
Color
Default value:
#e5e5e5

Define el color del fondo de diversos paneles através del sitio.

Type:
Color
Default value:
#333333

Define el color del fondo de la capa exterior que se aplica al abrirse un modal.

Alert box background

Type:
Color
Default value:
#d2d2d2

Color de fondo de los mensajes de alerta.

Type:
Color
Default value:
#000000

Color del texto en los mensajes de alerta.

Horizontal line

Type:
Color
Default value:
#e5e5e5

Define el color de líneas de separación utilizadas através del sitio.

Cuerpo del texto y enlaces

Body text font family

Type:
Font
Options:
Karla | Roboto | Source Sans Pro
| Work Sans

Define el tipo de fuente a utilizar en textos através del sitio.

Body text font size

Type:
Select
Default value:
16px
Options:
12px | 13px | 14px
| 16px | 18px

Define el tamaño de fuente a utilizar a modo general en diversas secciones de texto através del sitio.
 

Body text color

Type:
Color
Default value:
#333333

Define el color de múltiples secciones de texto através del sitio.
No aplica a nombres de productos ni display widgets.

Body text hover color

Type:
Color
Default value:
#757575

Define el color de texto al deslizar el cursor por encima en múltiples secciones de texto através del sitio.
No aplica a nombres de productos ni display widgets.

Secondary text color

Type:
Color
Default value:
#757575

Define el color de texto en diferentes secciones através del sitio, mayoritariamente a modo de detalle.
No aplica a nombres de productos ni display widgets.

Secondary text hover color

Type:
Color
Default value:
#333333

Define el color de texto al deslizar el cursor por encima en diferentes secciones através del sitio, mayoritariamente a modo de detalle.
No aplica a nombres de productos ni display widgets.

Type:
Color
Default value:
#333333

Define el color de texto para diversos links através del sitio.

Type:
Color
Default value:
#757575

Define el color de texto al deslizar el cursor por encima para diversos links através del sitio.

Type:
Color
Default value:
#757575

Define el color de texto para diversos links através del sitio cuando éstos fueron seleccionados.

Rúbricas

Heading font family

Type:
Font
Default value:
Montserrat Light
Options:
Montserrat Light | Open Sans | Open Sans Bold
| Roboto | Volkhov | Work Sans

Define el tipo de fuente a utilizar en títulos através del sitio.


 

Heading 1

Type:
Select
Default value:
28px
Options:
24px | 26px | 28px
| 32px | 36px

Define el tamaño de fuente a utilizar en títulos através del sitio.

Heading 2

Type:
Select
Default value:
25px
Options:
21px | 23px | 25px
| 29px | 33px

Define el tamaño de fuente a utilizar en títulos secundarios através del sitio.

Heading 3

Type:
Select
Default value:
22px
Options:
18px | 20px | 22px
| 26px | 30px

Define el tamaño de fuente a utilizar en títulos de tercer nivel através del sitio.

Heading 4

Type:
Select
Default value:
20px
Options:
16px | 18px | 20px
| 24px | 28px

Define el tamaño de fuente a utilizar en títulos de cuarto nivel através del sitio.

Heading 5

Type:
Select
Default value:
15px
Options:
11px | 13px | 15px
| 19px | 23px

Define el tamaño de fuente a utilizar en títulos de quinto nivel através del sitio.

Heading 6

Type:
Select
Default value:
13px
Options:
9px | 11px | 13px
| 17px | 21px

Define el tamaño de fuente a utilizar en títulos de sexto nivel através del sitio.

Heading text color

Type:
Color
Default value:
#333333

Define el color de títulos en múltiples secciones através del sitio.

Indicadores de carga

Page loading bar

Type:
Color
Default value:
#999999

Color del indicador de carga de página.

Spinner light half

Type:
Color
Default value:
#ffffff

Define el color de una de las mitades del indicador de carga.

Spinner dark half

Type:
Color
Default value:
#999999

Define el color de una de las mitades del indicador de carga.

Type:
Color
Default value:
#ffffff

Define el color del fondo de modal mientras se encuentra cargando.

Product thumbnail loading background

Type:
Color
Default value:
#ffffff

Define el color del fondo de imágenes en miniatura de producto mientras se encuentran en carga.

El color de fondo también será visible cuando la imagen del producto seleccionada tenga una relación de (ancho x alto) diferente a la dimensión seleccionada. 

Carga de imágenes

Lazyloading Mode

Type:
Select
Default value:
Lazyload with LQIP
Options:
Lazyload | Lazyload with LQIP | Disabled

Permite seleccionar la técnica de carga de imágenes:

La carga diferida retrasa la carga de imágenes hasta que el usuario las necesita, lo que mejora la velocidad de carga y reduce el uso de recursos. 
La opción "Carga Diferida con LQIP" muestra imágenes de baja calidad como marcadores de posición, lo que proporciona una indicación visual mientras se carga la página, antes de reemplazarlas con imágenes de alta calidad. Esto optimiza la experiencia del usuario al proporcionar una carga progresiva y rápida.

Es recomendable utilizar Carga Diferida con LQIP o Carga Diferida.

Páginas

Type:
Checkbox
Default value:
Off

Muestra/oculta las migas de pan através del sitio.

Hide page heading

Type:
Checkbox
Default value:
Off

Muestra/oculta el título de página en páginas creadas de manera manual.

Hide category page heading

Type:
Checkbox
Default value:
Off

Muestra/oculta el título de página en páginas de categoría.

Hide blog page heading

Type:
Checkbox
Default value:
Off

Muestra/oculta el título de página en páginas de blog.

Hide contact us page heading

Type:
Checkbox
Default value:
Off

Muestra/oculta el título de página en página de contacto.

Blog

Size of images

Type:
Image Dimension
Default value:
Optimized for theme
Options:
Optimized for theme | Specify dimensions

Size of images on blog pages