Podgląd motywów w widoku mobilnym

Tutaj przechodzimy przez to, jak można wyświetlić podgląd motywów w widoku mobilnym dla różnych przeglądarek. Większość przeglądarek posiada narzędzia, które dostosowują okno do różnych rozmiarów, aby móc imitować wygląd telefonu komórkowego lub tabletu. Ponieważ wielu klientów końcowych dokonuje zakupów na telefonach komórkowych i tabletach, interesujący może być np. podgląd nowego motywu, który stworzyłeś, abyś wiedział również, jak wygląd sklepu będzie wyglądał dla tych klientów.

Podgląd w przeglądarce Firefox, Google Chrome i Edge

Podczas podglądu aktywnego lub nieaktywnego motywu w Wygląd>Tematy, wykonaj następujące czynności, aby otworzyć narzędzie inspekcji w przeglądarce:

• Firefox: Ctrl + shift + M
• Google Chrome: F12, a następnie Ctrl + shift + M
• Edge: F12, a następnie Ctrl + shift + M

Po uruchomieniu narzędzia inspekcyjnego możesz poszerzyć wysokość lub szerokość samego widoku lub wybrać jeden z gotowych rozmiarów, aby imitować wygląd na różnych urządzeniach.

Podgląd w Safari

Podczas podglądu aktywnego lub nieaktywnego motywu w Wygląd>Tematy, wykonaj następujące czynności, aby otworzyć narzędzie inspekcji w przeglądarce:

1) Menu Safari > Preferencje > Zaawansowane.

2) Zaznacz pole dla "Pokaż menu rozwijania w pasku menu"

3) "Develop" jest teraz opcją w pasku menu w Safari. Kliknij na Develop-> "Responsive design mode".

Teraz narzędzie inspekcji jest uruchomione, możesz następnie wybrać poszerzenie wysokości lub szerokości samego widoku lub wybrać jeden z predefiniowanych rozmiarów, aby naśladować, jak wyglądałby na wielu różnych urządzeniach.