PrestaShop: [solución ] Ampliar web desde Android con los dedos

Si tu prestashop desde móvil, tablet android no te permite ampliar el contenido de tu web con los dedos es seguramente porque se este bloqueando (user-scalable=0) por js como sucede en el theme por defecto (default-bootstrap) de prestashop 1.6.

1. Lo primero es editar el archivo js que bloquea que se pueda scalar el viewport. Busca y abre en tu theme el archivo : js/global.js

En las primeras 30 líneas aparece la siguiente condicional:

if (navigator.userAgent.match(/Android/i)){
    var viewport = document.querySelector('meta[name="viewport"]');
    viewport.setAttribute('content', 'initial-scale=1.0,maximum-scale=1.0,user-scalable=0,width=device-width,height=device-height');
    window.scrollTo(0, 1);
}

Vamos a quitar o comentar esas 2 lineas que modifican viewport en dispositivos android dejandolo así:

if (navigator.userAgent.match(/Android/i)){
    window.scrollTo(0, 1);
}

2. Por último hay que revisar en el header.php de tu theme y buscar la meta viewport y si tiene el parámetro «maximum-scale» puedes poner el nivel de escalado máximo que quieres (Ej: 5 sería a ampliar x5), ejemplo:

<meta name="viewport" content="width=device-width, minimum-scale=0.25, maximum-scale=5, initial-scale=1.0" />

Y sino quieres ningún tipo de restricción de escalado (mínimo o máximo) puedes dejar la meta viewport así:

<meta name="viewport" content="width=device-width, initial-scale=1.0">