Archived topic
Pagina de carrito en woocommerce en 2 columnas
7 replies · Started by carlos on October 12, 2020
Buenas tardes,
Me gustaria que la pagina de carrito se viera en dos columnas.
Actualmente utilice dos codigos que encontre que son los siguientes:
https://xtemos.com/forums/topic/2-columns-on-cart-page/
and
https://generatepress.com/forums/topic/mobile-friendly-woocomerce-cart-layout/
Pero el primer código de este enlace (cart.php) no funciona.
Entonces el carrito me queda asi:
En mobile:
Esta es la url:
Creo que este modo de ver el carrito aumenta el CRO.
Un saludo
Un saludo
Hi there,
the issue is the Cart page has been constructed using Elementor - this changes how the template is displayed and introduces extra HTML. Is there any need to use Elementor for the Cart ?
Hola David,
Tienes razón no tiene sentido utilizar elementor en el carrito aun así sigue sin poder configurarse correctamente.
form.woocommerce-cart-form {
max-width: 60%;
float: left;
}
.woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals {
width: 35%;
float: right;
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
float: none;
width: 100%;
}
En escritorio se soluciono el problema, pero en movil se ven las dos columnas en una y no cabe todo, esto se debe a que el codigo lo cogi de una pagina en la que el usuario le pedia a toma ver el carrito en el movil en dos columnas, pero yo el movil solo la quiero en una.
https://generatepress.com/forums/topic/cart-form-2-columns/
Con ver en movil en una columna se me solucionaria.
Un saludo
Place your CSS inside a @media Query for desktop ie.
@media(min-width: 769px) {
/** Add your CSS here **/
}Perfecto David!!!! funciona!!!!
Por ultimo podrias ayudarme a guardar distancia entre los botones "actualizar carrito" y "seguir comprando"
Thanks
Can you open a new topic for the separate question?
Thanks!
yes!!!
Thanks :)
