El carrito lateral trae su propio panel de aspecto, dentro de Ajustes → Módulos → Carrito lateral → Editar, en la sección Cómo se ve el cajón.

Los cambios se ven al momento en la vista previa de la derecha, con dos productos de ejemplo. No se guarda nada hasta que pulsas «Guardar», así que puedes trastear sin miedo.

Los controles

Control Qué cambia Plan
Fondo El color del cajón entero. Gratis
Texto El color del texto principal: nombres de producto, totales. Gratis
Texto secundario Lo de menos peso: variaciones, precios unitarios, notas. Gratis
Líneas y separadores Los bordes entre productos y el contorno de los campos. Gratis
Texto sobre el color principal El color de la letra del botón de pago. Gratis
Radio de las esquinas Cuánto se redondean botones y tarjetas. Gratis
Anchura del cajón Cuánto ocupa en pantallas grandes. Gratis
Tamaño del texto Escala todo el contenido de golpe. Gratis
Oscurecimiento del velo Cuánto se apaga la página de detrás cuando el cajón está abierto. Gratis
Tipografía La del tema, del sistema, con serifa o monoespaciada. De pago
Disposición de los productos Filas simples o tarjetas con borde. De pago
Disposición de las sugerencias Lista de una por línea o rejilla de dos. De pago

El color principal no está en esta sección sino un poco más arriba, en «Textos y color», junto al título del cajón y al botón de pago.

Cuatro consejos

Deja la tipografía del tema

Es la opción recomendada, y la de fábrica. Con la fuente del tema, el cajón se lee como parte de la tienda; con otra, se lee como una ventana venida de fuera. La opción está ahí para casos concretos, no para usarla por defecto.

El color principal es un botón, no una decoración

El botón de pago es lo único que tiene que destacar en el cajón. Si el fondo ya es de color, baja la intensidad del fondo antes que apagar el botón.

No copies la paleta entera de la web

El cajón se dibuja encima de tu tienda, con el velo oscureciendo el fondo. Un cajón del mismo color que la página se difumina; uno con un punto de contraste se lee como una capa aparte, que es lo que es.

Mira la anchura en portátil

Es el error más común: se ajusta la anchura en un monitor grande y luego en un portátil de 13 pulgadas el cajón se come media pantalla. Compruébalo en los dos.

Si algo no va

Síntoma Qué comprobar
Los colores no se aplican Caché de página o de CSS. Vacíala y vuelve a mirar en una ventana de incógnito.
La tipografía sigue siendo otra Es de pago: en la versión gratuita se usa siempre la del tema.
El texto no se lee sobre el botón Cambia «Texto sobre el color principal», no el color principal.
El velo tapa demasiado Baja el oscurecimiento; a cero desaparece.
En móvil se ve distinto La anchura solo manda en pantallas grandes: en móvil el cajón ocupa casi todo a propósito.

Seguir leyendo

¿No lo resuelve este artículo?

Si eres cliente, escríbenos y te contestamos nosotros. Si usas la versión gratuita de wordpress.org, el foro oficial del plugin es el sitio: ahí quedan las respuestas para todo el mundo.

EscribirnosForo de wordpress.org