logo chisoftpc
ilustración

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.

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