BLOG / Plugins de WordPress

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


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.

TU SIGUIENTE PASO

Hagamos sitio a tu idea.

Cuéntanos qué necesitas. Te acompañamos para darle forma.

Hablemos