Avisos
Vaciar todo

[Resuelto] Problema visual en mi carrito

6 Respuestas
3 Usuarios
2 Reactions
33 Visitas
Respuestas: 90
Trusted Member
Topic starter
 

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 2:04 am
Bulmaro
Respuestas: 4380
Famed Member 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 2:39 am
Respuestas: 90
Trusted Member
Topic starter
 

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 5 años por Gian Michell
 
Respondido : 15/07/2020 3:45 am
Bulmaro
Respuestas: 4380
Famed Member 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 4:39 am
Gian Michell reaccionó
Respuestas: 90
Trusted Member
Topic starter
 

@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 7:45 am
Pepe
 Pepe
Respuestas: 41115
Illustrious Member 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 10:12 am
Gian Michell reaccionó