Código para mostrar el Checkout de WooCommerce en una sola columna

Código para mostrar el Checkout de WooCommerce en una sola columna

Escrito por Pablo Sardina
10 junio 2020
Plugins de WordPress,WordPress

Tiempo de lectura: < 1 minuto

Si tienes una tienda virtual debes escuchar el capítulo de nuestro podcast en el que hablamos sobre los diferentes tipos de gastos de envío de una tienda virtual, sus ventajas y sus inconvenientes:

PUEDES ESCUCHAR NUESTRO PODCAST DE «QUIERO SER WEBMASTER» EN:

| iTunes | iVoox | Spotify | Google Podcasts

Os dejo el código para mostrar el Checkout de WooCommerce en una sola columna:

.woocommerce .woocommerce-checkout .col2-set .col-1,
.woocommerce .woocommerce-checkout .col2-set .col-2 {
width: 100% !important;
}.woocommerce .woocommerce-checkout .col2-set .col-1 {
margin-bottom: 30px;
}

esta opción no la he probado

.woocommerce .col2-set,
.woocommerce-page .col2-set,
#customer_details+#wc_checkout_add_ons,
#order_review, #order_review_heading {
float: none;
width: 100%;
}

Para finalizar, te dejo una completa guía y muy útil con todos los shortcodes para WooCommerce.

Compártelo con tus contactos y ayúdame a mejorar

Sobre el Autor

Pablo Sardina

Es el capitán del barco, quien te habla y quien cuida de tu web. Un tío con ganas de trabajar y crecer cada día. Diplomado en Turismo y cocinero frustrado, extrabajador del Hotel Palace de Madrid, desarrollador de webs y otras cosas más...