Desarrollo web y diseño web en Madrid

Checkout en dos Columnas WooCommerce

WooCommerce es un popular plugin de comercio electrónico para WordPress que permite crear tiendas en línea de manera rápida y fácil. Por defecto, WooCommerce utiliza un diseño de página de pago en una sola columna. Si deseas cambiar el diseño a un formato de dos columnas, puedes seguir estos pasos:

@media (min-width: 900px) { .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 { float: left; width: 100%;} .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { float: left; width: 100%;} #customer_details, #order_review_heading, #order_review { width: 48%;} #customer_details { float: left;} #order_review_heading, #order_review { float: right;} #order_review_heading { clear: none; padding-top: 0;} }

Este código crea un contenedor para las dos columnas y aplica estilos CSS para mostrar las secciones de detalles del cliente y revisión del pedido en dos columnas en la página de pago.

Deja una respuesta

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Configurar y más información
Privacidad