Avisos
Vaciar todo

mostrar mas columnas en el movil de la lista de productos prestashop  

 
Enrique
 Enrique
Reputable Member

Hola, he cambiado el numero de productos por fina en la lista de productos segun indica John en el blog:
https://www.webempresa.com/blog/aumentar-la-cantidad-de-productos-por-fila-en-prestashop.html

Pero necesitaria lo correspondiente en el movil. Llevo mucho tiempo queriendo esto. Actualmente solo muestra un producto por fila con el movil vertical y quisiera 2 que se ajusten como en el ordenador de escritorio y si es posible mostrar 3 al rotarlo en horizontal ya que actualmente muestra 2.

muchas gracias y saludos como siempre

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 05/05/2016 2:48 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Prueba lo siguiente: edita el archivo themes/default-bootstrap/product-list.tpl. Previa copia de seguridad del mismo, localiza el siguiente código:

  • ($smarty.foreach.products.total - $totModulo)} last-line{/if}{if $smarty.foreach.products.iteration%$nbItemsPerLineTablet == 0} last-item-of-tablet-line{elseif $smarty.foreach.products.iteration%$nbItemsPerLineTablet == 1} first-item-of-tablet-line{/if}{if $smarty.foreach.products.iteration%$nbItemsPerLineMobile == 0} last-item-of-mobile-line{elseif $smarty.foreach.products.iteration%$nbItemsPerLineMobile == 1} first-item-of-mobile-line{/if}{if $smarty.foreach.products.iteration > ($smarty.foreach.products.total - $totModuloMobile)} last-mobile-line{/if}">
  • En él, cambia el valor col-xs-12, que aparece 2 veces, por col-xs-6. De esta forma se tendrían que mostrar 2 productos por fila en móviles. Comprueba si funciona.

    ResponderCitar
    Respondido : 05/05/2016 5:43 pm

    Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

    Enrique
     Enrique
    Reputable Member

    Si señor. Pablo perfecto. Aunque he probado a rotarlo en el movil (de 4" y de 4,8 ") y siguen saliendo 2, es posible añadir aqui alguna mas?

    Te pregunto esto, por que en la tablet si que lo hace bien al girarla y sale uno más.

    Muchisimas gracias y saludos.

    ResponderCitar
    Respondido : 05/05/2016 7:02 pm
    Jhon
     Jhon
    Soporte CMS Webempresa Moderator

    Hola

    Podrías probar cambiando col-sm-6 por col-sm-4 en el codigo enviado anteriormente por Pablo

    Si esto no funciona creo que no tiene demasiado ancho el celular para que se acomoden 3 columnas. (al menos de acuerdo a las definicios de las clases de bootstrap que estamos cambiando)

    Saludos.

    ResponderCitar
    Respondido : 05/05/2016 10:41 pm

    Cursos Gratuitos WordPress

    Enrique
     Enrique
    Reputable Member

    No funciona, pero es un problema menor o ni eso. Se queda como está.

    Lo que no tengo manera de arreglar es que tengo un puñetero tema (si no el unico) que esta constantemente redimensionando el producto (toda su parte inferior) al pasar el raton por encima, desde que cambiamos el nuemero de columnas. Por eso sigo teniendo los saltos en el modulo de productos populares en pagina de inicio (por favor miralo un momento pinchando en las fichas). Le estoy dando mil vueltas y no soy capaz. He tocado y retocado lo que dices del min-hight=400 con varios valores y nada.

    Lo cierto es que me gusta como tengo el tema ahora y no quiero volver atras.

    Dime si abro un nuevo tema o sigo aquí. Por mi podeis cerrar este.

    Muchisimas gracias de nuevo. Sois fenómenos.

    ResponderCitar
    Respondido : 06/05/2016 12:15 am