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:
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;
}
.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.
Alex
Dónde debo añadir estas lineas?
Pablo Sardina
Hola Alex, debes añadirlo en los css.
Saludos!