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.