Zdjęcia sprzedają produkty w Twoim sklepie. Są jednym z najistotniejszych elementów skłaniających do podjęcia decyzji zakupowej. W przypadku produktów jak meble, biżuteria, sprzęt sportowy, odzież – wyraźna i szczegółowa fotografia warta jest więcej niż 1000 słów. Według statystyk sklepów Prestashop promowanych i pozycjonowanych przez Gościa od Reklamy ruch mobilny stanowi średnio 30% całego ruchu! Dlatego właściciele nowoczesnego sklepu internetowego muszą zapewnić swoim mobilnym klientom funkcjonalne i wygodne formy oglądania oferowanych produktów. Tymczasem zauważyliśmy ostatnio brak możliwości powiększenia (zoom in) zdjęć produktów w sklepie Prestashop odwiedzanym ze smartfona z Androidem . Mówimy tu oczywiście o typowym powiększeniu poprzez rozsunięcie stykających się dwóch palców na ekranie telefonu ze szczegółową fotografią produktu.  Oto filmik z problemem, aby nie być gołosłownym:

Warto dodać iż tego problemu nie zaobserwowaliśmy na urządzeniach z oprogramowaniem iOS.
Oczywiście, wg. Google  jest sposób na to aby gesty powiększenia działały poprawnie poprzez zmiany w  ustawieniach telefonu/tabletu. Który jednak z użytkowników systemu Android tym wie i stosuje te wskazówki?

Aby trwale poprawić tą usterkę otwórz plik:


themes/{TWÓJ-SZABLON}/js/global.js

Na początku tego pliku znajdź wystąpienie:


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);
}

Następnie drugą linijkę w tym warunku zamień na:


viewport.setAttribute('content', 'initial-scale=1.0,maximum-scale=3.0,user-scalable=1,width=device-width,height=device-height');

Po przeprowadzeniu tej modyfikacji w kodzie powiększanie zdjęcia produktu poprzez rozsunięcie dwóch palców dotykających ekranu powinno działać be zarzutu. Nam się udało, oto filmik po wprowadzeniu powyższej modyfikacji:

Share This:

Zostaw komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *