[Resuelto] Cómo diseñar y hacer operativa la página del carrito.

Hola Francisco,

Veo que la página de carrito está operativa:

Para que se muestre el contenido solo basto con agregar un producto al carrito, si no agregas nada es como tener el carrito de compras vacío:

De hecho, el mismo sistema te lo indica.

Un saludo 🖐️ 

Hola Argenis.

Sí, llevas razón. Estaba confuso, me quería referir a la operativa de pagos. Abro otro tema.

En cuanto a la página del carrito necesito diseñarla y para empezar, las imágenes de los productos están cortados.

¿Me ayudas, por favor?.

Gracias.

Hol Francisco,

Agrega este codigo en Apariencias > personalizar > css adicional:

.wc-block-components-sidebar-layout .wc-block-components-main {
width: 50% !important;
margin-left: 6% !important;
}

Ten en cuenta que el editar esta página a voluntad por elementor es parte de la version de pago.

Un saludo 🖐️ 

Hola Argenis.

Solucionado. Estoy muy contento. Gracias.

A continuación, necesito que los botones del carrito tengan la misma forma ovalada y color corporativo (c700ae) que los del resto de la web.

Te adjunto una url, por si quieres echar un vistazo.

Contenido solo visible a usuarios registrados

¿Cómo podría hacerse, por favor?.

Gracias.

Que tal Francisco, 

Quiero suponer que te refieres a este botón cierto?

Si ese es el caso y ya tienes claro como aplicar estilos CSS personalizados puedo compartirte lo siguiente

.wc-block-components-button{
color: white !important;
background-color: #c700ae !important;
border-radius: 50px;
}

Para obtener el siguiente resultado

Prueba y nos comentas

Saludos!

Hola Bruno. 

Me estaba refiriendo a la página de los productos, las que llevan al carrito.

Pero ese también había que modificarlo y de pronto no me había apercibido. Así que gracias.

Por otra parte, observo que desde el móvil la página del carrito sigue cortada.

Muchas gracias.

Hola Francisco,

Me estaba refiriendo a la página de los productos, las que llevan al carrito.

Pero ese también había que modificarlo y de pronto no me había apercibido. Así que gracias.

Genial, igual para evitar confusiones dejanos el enlace de la vista que contenga en concreto los elementos o en este caso los botones que deseas modificar

Por otra parte, observo que desde el móvil la página del carrito sigue cortada.

Esto podríamos gestionarlo en una consulta aparte

Saludos!

Hola Bruno.

Te comparto el enlace de uno de los productos, para cambiar el botón "añadir al carrito", así como otro para que veas como quiero el botón.

Contenido solo visible a usuarios registrados

Gracias.

Hola Francisco Miguel, 

Revisa el comentario añadido en tu hilo de foro del carrito, ya que actualmente no se visualiza bien y es importante primero utilizar el shortcode de WooCommerce, una vez lo tengas continuar con los cambios que deseas se muestren en tu carrito sobre todo en los botones para revisarlo con mayor detalle. 

Un Saludo 

Hola Karen.

Como te escribí en el tema al que te referías, quedó solucionado el shortcode.

Entonces, creo que ahora podemos realizar lo que solicitaba en el comentario anterior.

Quería cambiar los botones "añadir al carrito", "ver carrito" y "finalizar compra", tal que tengan la misma forma ovalada y color corporativo (c700ae) que los del resto de la web.

Para ello comparto el enlace de uno de los productos, así como otro para que veas como quiero el botón.

Contenido solo visible a usuarios registrados

Gracias.

Hola Francisco Miguel, 

Perfecto, ya lo veo para modificar estos botones, prueba añadir el siguiente código CSS en el apartado de Apariencia → Personalizar → CSS Adicional

button.single_add_to_cart_button.button.alt {
background-color: #c700ae;
border-radius: 50px;
}

a.button.wc-forward {
background: #c700ae;
color: #ffffff;
border-radius: 50px;
}

a.checkout-button.button.alt.wc-forward {
background: #c700ae;
border-radius: 50px;
}

Verifícalo y nos comentas si con ello puedes modificar lo que necesitas. 

Un Saludo 

Hola Karen.

Solucionado. Gracias genia.

¡Mejor dicho, todos son unos genios. Gracias por tanto!.

Voy a cursar otro testimonio.

Que tal Francisco,

Siempre es un gusto el poder ayudarte, cualquier otra duda que tengas sabes que puedes contar con nosotros

Saludos!