Los productos en mó...
 
Avisos
Vaciar todo

Los productos en móviles ocupan mucho

13 Respuestas
3 Usuarios
0 Reactions
159 Visitas
Respuestas: 110
Estimable Member
Topic starter
 

Como poner el botón de añadir al carrito , más y añadir a lista de deseos en móviles encima del producto para que no se alarge tanto un solo producto
Gracias de antemano

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 11/02/2019 3:14 pm
Respuestas: 110
Estimable Member
Topic starter
 

Adjunto imagen de la página de inicio donde se ven las novedades como quiero que se vea el resto de productos Dentro de la categoría


 
Respondido : 11/02/2019 3:36 pm
Pepe
 Pepe
Respuestas: 41113
Illustrious Member Admin
 

Hola Maria del Mar.

Añade lo siguiente al mismo archivo que antes " global.css "

@media (max-width: 479px) {
.col-xs-7 {
width: 300px!important;
}
}

Un saludo


 
Respondido : 11/02/2019 4:14 pm
Respuestas: 110
Estimable Member
Topic starter
 

Así lo hice y se contrajo un poco pero aún sigue abajo añadir a lista de deseos y la descripción
Me gustaría contraerlo todo


 
Respondido : 11/02/2019 4:39 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Actualmente veo que se muestra de otra manera, veo algo similar a lo que se muestra en la imagen adjunta
En esta url :Contenido solo visible a usuarios registrados

Has realizado cambios?, sino indícanos la url exacta de tu captura de pantalla.

Saludos.


 
Respondido : 11/02/2019 5:11 pm
Respuestas: 110
Estimable Member
Topic starter
 

me ocurre desde el movil


 
Respondido : 11/02/2019 5:15 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

En lugar del código anterior, prueba con el siguiente código :

@media (max-width: 479px) {
  .product-container .col-sm-12,
  ul.product_list.list > li .right-block .right-block-content{
    width:100%;
  }

  ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare,
  ul.product_list.list > li .right-block .right-block-content .functional-buttons .wishlist{
    float:none;
    display:block;
    margin:auto;
    margin-bottom:10px;
  }
}

Saludos.


 
Respondido : 11/02/2019 5:33 pm
Respuestas: 110
Estimable Member
Topic starter
 

lo hice tal como me dijo y sigue igual
digame que hago ahora
gracias


 
Respondido : 11/02/2019 6:29 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Siempre que hagas cambios CSS para verlos tienes que refrescar la cache o borrar la cache de tu navegador
Actualmente se muestra como se ve en la imagen adjunta.

Saludos


 
Respondido : 11/02/2019 6:33 pm
Respuestas: 110
Estimable Member
Topic starter
 

ok muchas gracias consegido pero abria alguna manera de que se suprimiera la descripcion tambien


 
Respondido : 11/02/2019 6:46 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Agrega al código .product-desc para que no se muestre, es decir el código quedaría:

@media (max-width: 479px) {
  .product-container .col-sm-12,
  ul.product_list.list > li .right-block .right-block-content{
    width:100%;
  }
 
  ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare,
  ul.product_list.list > li .right-block .right-block-content .functional-buttons .wishlist{
    float:none;
    display:block;
    margin:auto;
    margin-bottom:10px;
  }

  .product-desc{
    display:none;
  }
}

Saludos.


 
Respondido : 11/02/2019 6:59 pm
Respuestas: 110
Estimable Member
Topic starter
 

ok todo perfecto como lo queria muchisimas gracias me fue de gran ayuda
saludos


 
Respondido : 11/02/2019 8:00 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Que bien que lo solucionaste.

Saludos.


 
Respondido : 11/02/2019 8:36 pm