Skip to main content

Carrusel y Paneles de productos

Carrusel en la página de inicio, alimentación de productos nuevos, más vendidos y destacados en la página de inicio.

Página de inicio Carrusel

Type:
Checkbox
Default value:
Off

Muestra 

Type:
Checkbox
Default value:
On

Muestra un texto Play/Pause para que el usuario pueda controlar la reproducción del carousel.

Allow image to stretch on large screens

Type:
Checkbox
Default value:
Off

Evita recortar las imágenes grandes del carrusel si la pantalla de visualización es más ancha que 1261 píxeles.

Content background

Type:
Color
Default value:
#ffffff

Color de fondo del recuadro superpuesto en el carrusel.

Header text

Type:
Color
Default value:
#444444

Color del texto central del carousel.

Description text

Type:
Color
Default value:
#333333

Color del texto descriptivo del carousel.

Play/Pause button text

Type:
Color
Default value:
8f8f8f

Color del texto en los botones Play y Pause.

Play/Pause button background

Type:
Color
Default value:
#ffffff

Color de fondo de los botones de Play y Pause.

Play/Pause button border

Type:
Color
Default value:
#ffffff

Color del borde de los botones Play y Pause.

Alimentación de productos

Type:
Text
Default value:
8

Cantidad de productos destacados a mostrar en la home page.

Type:
Checkbox
Default value:
Off

Mostrar el listado de productos destacados como carousel.

Heading text color

Type:
Color
Default value:
#000000

Color de título del listado de productos destacados.

Background color

Type:
Color
Default value:
#ffffff

Color de fondo del listado de productos destacados.

Type:
Text

Cantidad de productos más vendidos a mostrar en la home page.

Type:
Checkbox
Default value:
On

Mostrar el listado de productos más vendidos como carousel.

Heading text color

Type:
Color
Default value:
#000000

Color de título del listado de productos más vendidos.

Background color

Type:
Color
Default value:
#ffffff

Color de fondo del listado de productos más vendidos.

Number of new products

Type:
Text
Default value:
9

Cantidad de productos nuevos a mostrar en la home page.

Type:
Checkbox
Default value:
On

Mostrar el listado de productos nuevos como carousel.

Heading text color

Type:
Color
Default value:
#000000

Color de título del listado de productos nuevos.

Background color

Type:
Color
Default value:
#F5D602

Color de fondo del listado de productos nuevos.

Estilos de carrusel

Indicator

Type:
Color
Default value:
#333333

Color del la línea de los puntos indicadores del carousel, en el ejemplo, rojo:

Indicator active

Type:
Color
Default value:
#757575

Color del reeleno de indicador activo del carousel, en el ejemplo, celeste:

Type:
Checkbox
Default value:
On

Muestra las flechas de retroceder y avanzar.

Arrow

Type:
Color
Default value:
#8f8f8f

Color de las flechas de retroceso y avance del carousel, en el ejemplo, naranja:

Arrow background

Type:
Color
Default value:
#ffffff

Color de fondo de las flechas de retroceso y avance del carousel, en el ejemplo, verde:

Arrow border

Type:
Color
Default value:
#ffffff

Color del borde de las flechas de retroceso y avance del carousel, en el ejemplo, azul:

Number of columns on desktop

Type:
Select
Default value:
4
Options:
3 | 4 | 5

Cantidad de columnas a mostrar en los feeds de la home page en desktop.

Number of columns on mobile

Type:
Select
Default value:
1
Options:
1 | 2

Cantidad de columnas a mostrar en los feeds de la home page en celulares.