Personalizar página de carrito WooCommerce

Personalizar página de carrito WooCommerce

WooCommerce es superextensible en el sentido de que proporciona una tonelada de filtros y acciones a las que se pueden conectar.

El problema es que requieren al menos algunas habilidades de desarrollo de nivel intermedio que pueden no ser factibles para algunas personas. Y, al menos en mi experiencia, la personalización de la página del carrito tiende a ser la más difícil de asimilar y aplicarle un nuevo diseño.

Veamos cómo cambiar la página de carrito implementando un diseño diferente.

Personalizar pagina de carrito WooCommerce

Esto es lo que haremos diferente:

Estamos adoptando un diseño de dos columnas en lugar del diseño único de ancho completo de la plantilla predeterminada. Esto nos permite llevar el elemento «de Totales» hacia arriba para que sea más visible en pantallas más grandes.

Lo que aprendemos al finalizar de ver este tutorial es

 

  • Configurar carrito
  • Notificación o mensajes
  • ​Configurar total de carrito
  • Cómo aumentar el tamaño de las imágenes thumbnail de productos en el carrito
  • Cantidad de productos
  • ​Tablas de productos
  • Tabla de productos línea
  • Botón finalizar compra carrito WooCommerce
  • Hover botón finalizar compra carrito
  • Botón cupón carrito
  • ​Botón actualizar carrito

Código CSS y Jquery Módulo Divi

Copia y pega
Shares