Skip to main content

Encabezado y pie de página

Cabecera

Home header background color

Type:
Color
Default value:
#FFFFFF

Establece el color de fondo del header en la home page.

Header background color for all other pages

Type:
Color
Default value:
#ffffff

Establece el color del header para las páginas que no sean home page.

Type:
Color
Default value:
#e5e5e5

Color del fondo del buscador rápido, la ventana que se muestra al buscar, en el ejemplo, se definió color naranja para el fondo.

Menú y búsqueda

Type:
Select
Default value:
Header top
Options:
Header top | Header middle | Header bottom
| None

Define la ubicación de la caja de búsqueda:

  • Header top, entre la fila del logo y del menú de usuario
  • Header middle, debajo de la fila del logo y menú de usuario, debajo del menú en Desktop
  • Header bottom, debajo del Home page carousel

ToDo: Capturar posición Header bottom cuando se corrija

 

Type:
Select
Default value:
Always visible
Options:
Always hidden | Hidden on mobile | Always visible

Define cuándo se muestra la caja de búsqueda o la lupa:

  • Always hidden, siempre se muestra la lupa tanto en desktop como en celulares
  • Hidden on mobile, en celulares se muestra siempre la lupa
  • Always visible, siempre se muestra la caja de búsqueda
    En la posición Header top, en celulares, siempre se muestra la lupa
Logotipo

Type:
Select
Default value:
Left
Options:
Left | Right

Left:

Image removed.

 

 

 

 

 

Right:

 

 

 

 

 

ToDo: Forece reload

Type:
Image Dimension
Default value:
Optimized for theme
Options:
Optimized for theme | Original (as uploaded) | Specify dimensions

Size of the logo. Optimized for theme sets the logo to 250 x 100 pixels.

Menú de usuario

Text & Icon color

Type:
Color
Default value:
#333333

Color de los elementos de navegación del usuario, en el ejemplo, se estableció verde:

 

 

 

 

Icon hover color

Type:
Color
Default value:
#444444

Color de los elementos de navegación del usuario cuando se pasa el mouse sobre ellos o se selecciona.

En el ejemplo, se definió rojo y se seleccionó el ícono del carrito:

Type:
Color
Default value:
#ffffff

Color del fondo del display del carrito que se muestra al apretar el ícono del carrito.

En el ejemplo, se estableció naranja:

 

Type:
Color
Default value:
#cccccc

Color del borde del display del carrito que se muestra al apretar el ícono del carrito.

En el ejemplo, se estableció amarillo:

 

Cart counter background

Type:
Color
Default value:
#333333

Color de fondo del contador de elementos en el carrito.

En el ejemplo, se estableció celeste:

Image removed.

Iconos de redes sociales

Show social media icons on header

Type:
Checkbox
Default value:
Off

Define si se muestran los íconos de las redes sociales en el header en desktop o en el menú en celulares.

Type:
Select
Default value:
Right
Options:
None | Right | Left

Muestra las redes sociales configuradas en BigCommerce (Storefront/Social Media links) en el pie del sitio a la izquierda o a la derecha.

 

 

Widget de contacto

Type

Type:
Select
Default value:
Phone
Options:
None | Whatsapp | Phone

Tipo de Contact Widget, Teléfono o WhatsApp

Label

Type:
Text
Default value:
Contact us

Texto que figura en la primer línea, en el ejemplo, CONTACT US:

 

Legend

Type:
Text
Default value:
Mon-Fry 8am to 5pm

Texto que se muestra en la segunda línea, en el ejemplo, Mon-Fry 8am to 5pm:

Background Color

Type:
Color
Default value:
#000000

Color de fondo, en el ejemplo, se estableció azul:

Number

Type:
Text

Número de teléfono o WhatsApp de contacto.

Show in header

Type:
Checkbox
Default value:
On

Muestra el Comtact Widget en el header:

En celulares:

 

 

En desktop:

Type:
Checkbox
Default value:
On

Muestra el Contact widget en el menú:

En celulares:

En Desktop:

Si se habilita mostrar en el header, en desktop no se muestra en el menú:

Type:
Checkbox
Default value:
On

Muestra el Contact widget al pie del sitio:

Show floating icon

Type:
Select
Default value:
None
Options:
None | Bottom Left | Bottom Right

Muestra el ícono de Teléfono o WhatsApp flotando a la izquierda o la derecha:

 

Pie de página

Text Color

Type:
Color
Default value:
#ffffff

Color del texto en el pie del sitio y en el cuadro de información de subscripción, en el ejemplo, se estableció celeste.

 

Heading Color

Type:
Color
Default value:
#ffffff

Color de los encabezados en el pie del sitio y del recuadro de información de subscripción, en el ejemplo, se estableció celeste.

Background color

Type:
Color
Default value:
#066FA8

Color del fondo, en el ejemplo, naranja:

Subscribe info background color

Type:
Color
Default value:
#0C326B

Define el color de fondo del recuadro de Info del formulario de subscripción, en el ejemplo, se estableció azul:

Configuración de la pantalla

Show "Powered by BigCommerce and build with Scaffolding"

Type:
Checkbox
Default value:
On

Muestra "Powered by BigCommerce and build with Scaffolding"

Type:
Checkbox
Default value:
On

Muestra listado de marcas al pie del sitio:

Show "©", current year and store name

Type:
Checkbox
Default value:
On

Muestra el ícono de Copyright, el año y nombre del store al pie del sitio:

Image removed.

Iconos de pago

Show American Express

Type:
Checkbox
Default value:
On

Muestra el logo de American Express en el listado de los medios de pago al pie del sitio:

Show Discover

Type:
Checkbox
Default value:
Off

Muestra el logo de Discover en el listado de los medios de pago al pie del sitio:

Show Mastercard

Type:
Checkbox
Default value:
On

Muestra el logo de Mastercard en el listado de los medios de pago al pie del sitio:

Show PayPal

Type:
Checkbox
Default value:
Off

Muestra el logo de PayPal en el listado de los medios de pago al pie del sitio:

Show Visa

Type:
Checkbox
Default value:
On

Muestra el logo de Visa en el listado de los medios de pago al pie del sitio:

Show Amazon Pay

Type:
Checkbox
Default value:
Off

Muestra el logo de Amazon Pay en el listado de los medios de pago al pie del sitio:

Show Google Pay

Type:
Checkbox
Default value:
Off

Muestra el logo de Google Pay en el listado de los medios de pago al pie del sitio:

Show Klarna

Type:
Checkbox
Default value:
Off

Muestra el logo de Klarna en el listado de los medios de pago al pie del sitio: