[Resolved] Pagina de carrito en woocommerce en 2 columnas

[carlos]

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:

https://safegest.com/carrito/

Creo que este modo de ver el carrito aumenta el CRO.

Un saludo

Un saludo

[David]

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 ?

[carlos]

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

[David]

Place your CSS inside a @media Query for desktop ie.

@media(min-width: 769px) {

    /** Add your CSS here **/

}

[carlos]

Perfecto David!!!! funciona!!!!

Por ultimo podrias ayudarme a guardar distancia entre los botones “actualizar carrito” y “seguir comprando”

Thanks

[Leo]

Can you open a new topic for the separate question?

Thanks!

[carlos]

yes!!!

[Leo]

Thanks 🙂

[Author]

Posts