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.