Avisos
Vaciar todo

[Resuelto] Problema visual en mi carrito  

 
Gian Michell
 Gian Michell
Usuario experto

Hola.

Una consulta:

En mi carrito de compra se ve actualmente así 🙁 

image

No sé cómo editarlo para que se vea mejor, una ayuda por favor. 

Respondido : 15/07/2020 3:04 am
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

Hola Gian,

En este caso tienes 2 opciones:

1.- Crear una plantilla en Divi para la página del carrito de compras -> page-panier-theme-builder

2.-  Personalizar mediante CSS la vista de la plantilla del carrito de compras -> how-to-customize-the-woocommerce-shopping-cart-with-divi-theme-css

Ambas opciones pueden requerir de conocimientos en programación o diseño Web. Si nos indicaras con precisión qué cambios deseas hacer a la página del carrito de compras podríamos evaluar si podemos apoyarte con la modificación mediante código CSS. Quedamos a la espera.

Saludos 🙂

 

Respondido : 15/07/2020 3:39 am

Gian Michell
 Gian Michell
Usuario experto

Hola @bulmaro-webempresa

El problema que tengo es que la columna cantidad está desbordada, los contenedores que están en plomo deberían estar bajo cantidad y no colocarse sobre la columna subtotal.

Espero en verdad puedan darme una mano con ello. 

wp

Mil gracias. 

PD: La página es https://www.pecosa.pe

Esta publicación ha sido modificada el hace 4 años por Gian Michell
Respondido : 15/07/2020 4:45 am
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

@lossio-giangmail-com

Hola Gian,

Creo que lo mas viable es que instales el plugin de postpage-specific-custom-css, posteriormente accede a Apariencia -> Personalizar -> CSS Adicional y elimina:

.quantity input {
position: absolute;
width: 30% !important;
margin-top: 3px;
display: block;
height: 34px !important;
}
button.button.alt.ajax_add_to_cart.add_to_cart_button.product_type_simple {
margin-top: 2px !important;
width: 68% !important;
font-size: 12px;
float: right;
}

Guarda cambios. 

Finalmente, edita dando click en "Editar" en la sección de "Páginas" a las páginas de Productos, Accesorios e Hilos. En la parte inferior verás un recuadro de texto titulado Custom CSS (ver captura), allí pega el código:

.quantity input {
position: absolute;
width: 30% !important;
margin-top: 3px;
display: block;
height: 34px !important;
}

button.button.alt.ajax_add_to_cart.add_to_cart_button.product_type_simple {
margin-top: 2px !important;
width: 68% !important;
font-size: 12px;
float: right;
}

De esta manera, se restablecen los estilos originales que fueron modificados luego de tu requerimiento anterior en foro y ahora solo se aplican los estilos modificados (los que te proporcionamos anteriormente) en las páginas donde se necesitan.

Captura de Pantalla 2020 07 14 a la(s) 23.38.21
Respondido : 15/07/2020 5:39 am
Gian Michell me gusta

Gian Michell
 Gian Michell
Usuario experto

@bulmaro-webempresa

Eres un capo! muchas gracias, ya me dio curiosidad eso del CSS, estoy siguiendo unos tutoriales para aprender. Veamos como me va, ya que esta página la hice para mi negocio a puro curioso ja, ja, ja. Espero no haberlo hecho tan mal ayer recién salimos al  aire y hasta el momento tan mal no ha ido. 

Muchas gracias por tu apoyo

Respondido : 15/07/2020 8:45 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Glan.

La verdad que esta muy chula 😍 

Cualquier consulta que tengas, no dudes en comunicarlo.

 

Cerramos el tema.

Un saludo

Respondido : 15/07/2020 11:12 am
Gian Michell me gusta