En esta guía encontrará los parámetros HTML para añadir el carro de la compra a todas las páginas de su sitio. Los parámetros forman parte del código embebido de su tienda online y tienen el siguiente aspecto:
cartType: 'overlay'
cartColor: '#56AAD8'
showMobileCart: true
flatBackgroundColor: 'transparent'
overlayBackgroundColor: '#F3F3F3'
mobileBackgroundColor: '#FFFFFF'
overlayPosition: 75
Si desea mostrar el carro en su sitio de Website Builder, puede utilizar el componente de código para insertarlo.
La ubicación del componente de código debe ser Normal o Antes de la etiqueta de cierre </body>. Si coloca el componente de código en la plantilla, se hará visible en todas las páginas que usen esa plantilla.
¿Qué parámetros puedo cambiar?
Puede cambiar los siguientes parámetros:
- Seleccionar el tipo de carro
- Establecer el color del carro
- Mostrar el carro en el móvil
- Color de fondo del carro plano
- Color de fondo del carro superpuesto
- Color de fondo del carro en el móvil
- Posición superpuesta en la página
Hemos enumerado lo que hace cada parámetro y cómo puede ajustarlo.
Seleccionar el tipo de carro
Puede elegir entre dos tipos de carros para mostrar en su página:
- strong>Superpuesto: se pega a la página en la posición que seleccione. Permanece visible cuando se desplace hacia arriba y hacia abajo por la página.
- strong>Plano: el icono se coloca en un lugar específico de su página, donde permanecerá. No es visible si se desplaza hacia abajo.
Elija entre «superpuesto» o «plano». Si no selecciona nada, volverá a la configuración por defecto «superpuesto».
Ejemplo:
cartType: 'overlay'
Establecer el color del carro
Esto determina el color del carro utilizado en todos los tipos de carros: plano, superpuesto y en el móvil. El valor por defecto es #56AAD8, pero puede reemplazarlo con cualquier código de color HTML que desee.
Ejemplo:
cartColor: '#56AAD8'
Mostrar el carro en el móvil
Esta opción le permite deshabilitar el carro en los dispositivos móviles. Establezca el valor en true, para mostrar el carro en el móvil o false para ocultarlo.
Ejemplo:
showMobileCart: true
Color de fondo del carro plano
Esta opción cambiará el color de fondo del carro plano. Pondrá un pequeño cuadrado alrededor del icono del carro. La configuración por defecto es transparente, pero puede reemplazarla con cualquier código de color HTML que desee.
Ejemplo:
flatBackgroundColor: 'transparent'
Color de fondo del carro superpuesto
Esta opción cambiará el color de fondo del carro superpuesto. Pondrá un pequeño cuadrado alrededor del icono del carro. El ajuste por defecto es gris claro (#F3F3F3), pero puede reemplazarlo con cualquier código de color HTML que desee.
Ejemplo:
overlayBackgroundColor: '#F3F3F3'
Color de fondo del carro en el móvil
Esta opción cambiará el color de fondo del carro en el móvil. Pondrá un pequeño cuadrado alrededor del icono del carro. El ajuste por defecto es blanco (#FFFFFF), pero puede reemplazarlo con cualquier código de color HTML que desee.
Ejemplo:
mobileBackgroundColor: '#FFFFFF'
Posición superpuesta en la página
Esta opción especifica la posición vertical del carro superpuesto desde la parte superior de la página. Cuanto mayor sea el porcentaje, más abajo estará colocado el carro en la página. El porcentaje se calcula en función de la altura de la pantalla. Elija un número entre 1 y 100.
Ejemplo:
overlayPosition: 75
Artículos relacionados:
