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

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

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

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:

 

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

Escribir un comentario