![\"home-screen\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Category-Of-Home-screen.png\")
<\/a><\/p>\nPrzed zakupem rozszerzenia zobacz dzia\u0142anie aplikacji demonstracyjnej, otwieraj\u0105c adres URL aplikacji demonstracyjnej PrestaShop PWA w przegl\u0105darce.<\/p>\n
Adres URL sklepu demonstracyjnego:<\/strong> https:\/\/psm.knowband.com\/pwa\/admin1<\/a> –> Urz\u0105dzenia z systemem iOS nie oferuj\u0105 wbudowanego monitu \u201eDodaj do ekranu g\u0142\u00f3wnego\u201d, wi\u0119c u\u017cytkownicy musz\u0105 r\u0119cznie doda\u0107 aplikacj\u0119 mobiln\u0105 PWA do ekranu g\u0142\u00f3wnego iPhone’a lub iPada. –> iOS nie obs\u0142uguje powiadomie\u0144 web push, st\u0105d powiadomienia push mo\u017cna wysy\u0142a\u0107 tylko na urz\u0105dzenie z systemem Android z panelu administracyjnego PrestaShop PWA Mobile App Builder.<\/p>\n Kreator aplikacji mobilnych PrestaShop PWA obs\u0142uguje teraz wszystkie j\u0119zyki na ca\u0142ym \u015bwiecie, w tym j\u0119zyki RTL (od prawej do lewej), takie jak arabski, hebrajski, perski itp. Administrator sklepu mo\u017ce umie\u015bci\u0107 wszystkie j\u0119zyki swojego sklepu w progresywnej aplikacji internetowej, a nawet doda\u0107 dowolne j\u0119zyki RTL zgodnie z wymaganiami. Z drugiej strony klienci mobilni nie b\u0119d\u0105 mieli problemu z dost\u0119pem do aplikacji mobilnej PrestaShop PWA w preferowanym przez siebie j\u0119zyku.<\/p>\n Projekt Rynek wielu dostawc\u00f3w PrestaShop<\/a> modu\u0142 jest w pe\u0142ni kompatybilny z PrestaShop PWA Mobile App. Progresywna aplikacja internetowa wy\u015bwietla sekcj\u0119 sprzedawcy ze wszystkimi sprzedawcami z rynku w tej samej aplikacji. Dane sprzedawcy pozostaj\u0105 zsynchronizowane w czasie rzeczywistym z sieci\u0105 marketplace i b\u0119d\u0105 automatycznie aktualizowane w aplikacji PrestaShop PWA.<\/p>\n Uwaga:<\/strong> Aplikacja mobilna PWA od wielu dostawc\u00f3w dla PrestaShop jest zorientowana wy\u0142\u0105cznie na klienta. Oznacza to, \u017ce nie b\u0119dzie \u017cadnego pulpitu nawigacyjnego sprzedawcy ani zarz\u0105dzania z poziomu aplikacji. Administrator sklepu mo\u017ce zarz\u0105dza\u0107 sprzedawcami z modu\u0142u PrestaShop Marketplace, a to samo zostanie natychmiast zaktualizowane w aplikacji.<\/p>\n Aplikacj\u0119 mobiln\u0105 PrestaShop PWA mo\u017cna w pe\u0142ni skonfigurowa\u0107 za pomoc\u0105 tych przydatnych kart i ustawie\u0144 administratora. Wszystko, co musisz zrobi\u0107, to wykona\u0107 niezb\u0119dne klikni\u0119cia i prze\u0142\u0105czy\u0107 przyciski, aby wprowadzi\u0107 zmiany w progresywnej aplikacji internetowej. Om\u00f3wmy szczeg\u00f3\u0142owo ka\u017cdy z nich:<\/p>\n Jak sama nazwa wskazuje, te og\u00f3lne ustawienia konfiguracyjne dotycz\u0105 wszelkiego rodzaju regularnych zmian w progresywnych aplikacjach internetowych (PWA). Opcje w tej zak\u0142adce sprawiaj\u0105, \u017ce aplikacja dzia\u0142a na urz\u0105dzeniach kupuj\u0105cych online.<\/p>\n a) W\u0142\u0105cz wtyczk\u0119:<\/strong>\ufffdW\u0142\u0105cz modu\u0142 PrestaShop PWA, aby aplikacja dzia\u0142a\u0142a na urz\u0105dzeniach mobilnych. e) Kolor t\u0142a ekranu powitalnego:<\/strong> Wybierz odpowiedni\u0105 opcj\u0119 koloru t\u0142a ekranu powitalnego Progressive Web App (PWA). Powiadomienia push to przydatne narz\u0119dzie do wprowadzania na rynek i promowania produkt\u00f3w, ofert i ofert sprzeda\u017cy w Twoim sklepie. Ustawienia w tej zak\u0142adce pozwalaj\u0105 u\u017cytkownikom konfigurowa\u0107 i wysy\u0142a\u0107 nieograniczon\u0105 liczb\u0119 powiadomie\u0144 push w aplikacji PrestaShop PWA.<\/p>\n R\u00f3\u017cne szczeg\u00f3\u0142y tych ustawie\u0144 zostan\u0105 uzyskane podczas konfigurowania konta Firebase. Oto krok po kroku, jak to zrobi\u0107:<\/p>\n Krok 1:<\/strong>\ufffdZaloguj si\u0119 do Google Firebase<\/p>\n Krok 5: <\/strong>Znajd\u017a klucze Firebase W ustawieniach projektu kliknij Ustawienia wiadomo\u015bci w chmurze. St\u0105d mo\u017cesz bezpo\u015brednio uzyska\u0107 klucz serwera.<\/p>\n Krok 7:<\/strong> Pobierz inne szczeg\u00f3\u0142y zwi\u0105zane z Firebase i wklej je w panelu administracyjnym modu\u0142u PWA.<\/p>\n Krok 8:<\/strong> Uzyskaj klucz serwera Firebase z karty wiadomo\u015bci w chmurze w Ustawieniach:<\/p>\n Krok 9:<\/strong> Dodaj swoj\u0105 domen\u0119 w uwierzytelnianiu>>zaloguj si\u0119.<\/p>\n W\u0142\u0105cz\/wy\u0142\u0105cz automatyczne powiadomienia push wysy\u0142ane do u\u017cytkownik\u00f3w aplikacji w celu pomy\u015blnego tworzenia zam\u00f3wie\u0144 z aplikacji PrestaShop PWA.<\/p>\n W\u0142\u0105cz\/wy\u0142\u0105cz automatyczne powiadomienia push wysy\u0142ane do u\u017cytkownik\u00f3w aplikacji w przypadku jakichkolwiek aktualizacji dotycz\u0105cych ich poprzedniego statusu dostawy zam\u00f3wienia. U\u017cytkownicy mog\u0105 zobaczy\u0107 ten status w zak\u0142adce \u201eSzczeg\u00f3\u0142y zam\u00f3wienia\u201d aplikacji PWA<\/p>\n W\u0142\u0105cz\/wy\u0142\u0105cz automatyczne powiadomienia push wysy\u0142ane do u\u017cytkownik\u00f3w, kt\u00f3rzy porzucili koszyk bez udanego zakupu. To powiadomienie push zostanie wys\u0142ane do u\u017cytkownik\u00f3w automatycznie po wprowadzonym przedziale czasowym.<\/p>\n Tutaj administrator sklepu mo\u017ce wy\u015bwietli\u0107 pe\u0142n\u0105 histori\u0119 powiadomie\u0144 push wysy\u0142anych do Progressive Web App (PWA). Opr\u00f3cz tego administrator sklepu mo\u017ce nawet spersonalizowa\u0107 r\u0119czne powiadomienie i wys\u0142a\u0107 je do u\u017cytkownik\u00f3w Progressive Web App.<\/p>\n Co lepiej projektowa\u0107 i wysy\u0142a\u0107 powiadomienia push zgodnie z potrzebami? Ta opcja pozwala w\u0142a\u015bcicielom sklep\u00f3w r\u0119cznie skonfigurowa\u0107 i wys\u0142a\u0107 niestandardowe powiadomienie do u\u017cytkownik\u00f3w aplikacji PrestaShop PWA.<\/p>\n Modu\u0142 PrestaShop PWA pozwala administratorowi sklepu omin\u0105\u0107 ograniczenia zwi\u0105zane z posiadaniem sta\u0142ego interfejsu u\u017cytkownika na ekranie g\u0142\u00f3wnym i zaprojektowa\u0107 taki, kt\u00f3ry odpowiada ich potrzebom biznesowym. Ta zak\u0142adka umo\u017cliwia administratorowi sklepu tworzenie i zapisywanie wielu uk\u0142ad\u00f3w oraz u\u017cywanie ich zgodnie z bie\u017c\u0105cymi okazjami i festiwalami.<\/p>\n Najwa\u017cniejsze kategorie s\u0105 wy\u015bwietlane w postaci ma\u0142ych kwadrat\u00f3w na ekranie g\u0142\u00f3wnym Progressive WebApp (PWA). Ich obrazy i linki przekierowuj\u0105ce mo\u017cna skonfigurowa\u0107 tutaj. Te kategorie mog\u0105 s\u0142u\u017cy\u0107 do wyr\u00f3\u017cniania najlepszych marek na ekranie g\u0142\u00f3wnym aplikacji. Modu\u0142 PrestaShop PWA dopuszcza maksymalnie 8 kategorii, w kt\u00f3rych minimum 4 s\u0105 obowi\u0105zkowe.<\/p>\n Lista baner\u00f3w kwadratowych na ekranie g\u0142\u00f3wnym aplikacji Progressive Web App (PWA) oferuje blok banerowy w kszta\u0142cie kwadratu, w kt\u00f3rym administrator sklepu mo\u017ce u\u017cy\u0107 \u017c\u0105danego obrazu. W przypadku tych baner\u00f3w mo\u017cna u\u017cy\u0107 odpowiedniego linku przekierowuj\u0105cego.<\/p>\n S\u0105 to bloki banerowe w kszta\u0142cie prostok\u0105ta, kt\u00f3re mo\u017cna przesuwa\u0107 poziomo na ekranie g\u0142\u00f3wnym aplikacji PrestaShop PWA. R\u00f3wnie\u017c w tym celu mo\u017cna w pe\u0142ni konfigurowa\u0107 \u0142\u0105cze do obrazu i przekierowania.<\/p>\n S\u0105 to banery w kszta\u0142cie kwadratu wymienione na ekranie g\u0142\u00f3wnym Progressive Web App (PWA) w formie widoku siatki. Administrator sklepu mo\u017ce doda\u0107 dowoln\u0105 liczb\u0119 baner\u00f3w i ustawi\u0107 ich link do przekierowania.<\/p>\n Modu\u0142 PWA PrestaShop pozwala administratorowi sklepu skonfigurowa\u0107 i doda\u0107 baner oparty na zegarze na ekranie g\u0142\u00f3wnym aplikacji internetowej. Administrator sklepu mo\u017ce doda\u0107 obraz banera i ekran docelowy wraz z zegarem, a\u017c baner zostanie wy\u015bwietlony na ekranie g\u0142\u00f3wnym progresywnej aplikacji internetowej. Po up\u0142ywie czasu baner zostanie automatycznie usuni\u0119ty.<\/p>\n Od baner\u00f3w, aplikacje mobilne PrestaShop PWA umo\u017cliwiaj\u0105 prezentacj\u0119 produkt\u00f3w w formie kwadratowych blok\u00f3w. Administrator mo\u017ce wybra\u0107 produkty dla tego elementu.<\/p>\n Produkty mo\u017cna dodawa\u0107 w formie przesuwnej poziomej. Wybrane produkty mog\u0105 by\u0107 wybrane przez administratora sklepu, takie jak nowo\u015bci, bestsellery, produkty niestandardowe itp.<\/p>\n Produkty mo\u017cna r\u00f3wnie\u017c dodawa\u0107 na ekranie g\u0142\u00f3wnym w postaci listy blok\u00f3w widoku siatki. Administrator sklepu mo\u017ce wybra\u0107 \u017c\u0105dane produkty i ilo\u015b\u0107 do wy\u015bwietlenia na ekranie g\u0142\u00f3wnym aplikacji PrestaShop PWA.<\/p>\n Modu\u0142 PrestaShop Mobile PWA umo\u017cliwia w\u0142a\u015bcicielowi sklepu dodanie ostatniego elementu karty na ekranie g\u0142\u00f3wnym aplikacji internetowej. Wy\u015bwietli wszystkie produkty, kt\u00f3re ostatnio przegl\u0105dali u\u017cytkownicy.<\/p>\n Uwaga:<\/strong> Administrator sklepu mo\u017ce doda\u0107 do 20 element\u00f3w podczas projektowania uk\u0142adu w panelu zaplecza.<\/p>\n Aplikacj\u0119 Facebook mo\u017cna utworzy\u0107, wykonuj\u0105c poni\u017csze czynno\u015bci:-<\/p>\n Krok 1:<\/strong>\ufffdId\u017a do danego\ufffdURL: https:\/\/developers.facebook.com\/apps\/<\/p>\n Krok 2:<\/strong>\ufffdKliknij przycisk \u201eDodaj now\u0105 aplikacj\u0119\u201d.<\/p>\n Krok 3 i 4:<\/strong>Wprowad\u017a nazw\u0119 swojej aplikacji i identyfikator e-mail, a nast\u0119pnie kliknij przycisk \u201eUtw\u00f3rz identyfikator aplikacji\u201d.<\/p>\n Krok 5 i 6:<\/strong>\ufffdPo klikni\u0119ciu Create App ID b\u0119dziesz musia\u0142\ufffd przej\u015b\u0107 kontrol\u0119 bezpiecze\u0144stwa, jak pokazano:<\/p>\n Krok 7:<\/strong>\ufffdKliknij na zak\u0142adk\u0119 \u201eUstawienia\u201d.<\/p>\n Krok 8-13:<\/strong>\ufffdDwie opcje b\u0119d\u0105 dost\u0119pne na li\u015bcie rozwijanej, Podstawowe i Zaawansowane, kliknij \u201ePodstawowe\u201d. Nast\u0119pnie wprowad\u017a swoj\u0105 \u201eDomen\u0119 aplikacji\u201d,\ufffd\u201eKontaktowy adres e-mail\u201d, \u201ePrywatno\u015b\u0107\ufffdURL\u201d, \u201eZasady i warunki\ufffdURL\u201d, \u201eDodaj logo\u201d, \u201eWybierz kategori\u0119\u201d i kliknij przycisk \u201eZapisz zmiany\u201d. Domeny aplikacji: twojadomena.com jest\ufffdpoprawna twojadomena.com\/store jest\ufffdnieprawid\u0142owa www.domena.com jest\ufffdnieprawid\u0142owa<\/p>\n Krok 14:<\/strong>\ufffdTeraz kliknij \u201e+Dodaj platform\u0119\u201d.<\/p>\n Krok 16:<\/strong>\ufffdTeraz wprowad\u017a adres URL swojej witryny.<\/p>\n Krok 20:<\/strong>\ufffdTeraz kliknij Zapisz.<\/p>\n Krok 23 i 24:<\/strong>\ufffdKliknij \u201ePrzegl\u0105d aplikacji\u201d. I zaznacz \u201eUstaw \u201eNazw\u0119 swojej aplikacji\u201d jako publiczn\u0105\u201d na Tak.<\/p>\n Typ aplikacji:<\/strong> Aplikacja internetowa. 1. Uk\u0142ad dynamiczny:<\/strong><\/p>\n Korzystaj\u0105c z r\u00f3\u017cnych element\u00f3w projektowych, administrator sklepu mo\u017ce stworzy\u0107 dynamiczny uk\u0142ad zgodnie z potrzebami.<\/p>\n 2. Logo sklepu:<\/strong><\/p>\n Dodaj logo sklepu w nag\u0142\u00f3wku \u201eProgressive Web\u201dApp (PWA).<\/p>\n 3. Koszyk:<\/strong><\/p>\n Ikona koszyka na zakupy w prawym g\u00f3rnym rogu ekranu g\u0142\u00f3wnego pozwala u\u017cytkownikom prze\u0142\u0105cza\u0107 si\u0119 na ekranie koszyka.<\/p>\n 4. Menu nawigacji:<\/strong> Aplikacja \u201eProgressive web app\u201d wymy\u015bla odpowiedni\u0105 kategoryzacj\u0119 produkt\u00f3w zgodnie z dost\u0119pnymi na stronie internetowej. Klienci mobilni mog\u0105 \u0142atwo przegl\u0105da\u0107 produkty z wielu kategorii. Wszystkie strony CMS s\u0105 r\u00f3wnie\u017c dost\u0119pne w menu Accordion. Zapewnia nast\u0119puj\u0105ce opcje:<\/p>\n 1. Moje konto:<\/strong> 2. Kategorie<\/strong> 3. Strony CMS:<\/strong> 4. J\u0119zyk(i)<\/strong> 5. Waluta(e)<\/strong> 6. Zaloguj si\u0119\/Wyloguj<\/strong> 1. Wiele widok\u00f3w:<\/strong> 2. Sortowanie:<\/strong> 3. Filtr:<\/strong> Ekran produktu Twojej Progressive Web App (PWA) jest prosty i intryguj\u0105cy. Wy\u015bwietlanych jest wiele zdj\u0119\u0107 tego samego produktu wraz z nazw\u0105 i cen\u0105. Dost\u0119pno\u015b\u0107 produktu jest r\u00f3wnie\u017c wy\u015bwietlana jako \u201eW magazynie\u201d lub \u201eBrak w magazynie\u201d na podstawie 1. Informacje o produkcie i piel\u0119gnacja<\/strong> 2. Kr\u00f3tki opis<\/strong> 3. Opcje produktu:<\/strong> 5. Dodaj do koszyka:<\/strong> 6. Udost\u0119pnianie spo\u0142eczno\u015bciowe produktu:<\/strong> Progresywna aplikacja internetowa (PWA)\ufffd 1. Zaloguj Si\u0119<\/strong> 2. Zapisz si\u0119<\/strong> 3. Zaloguj si\u0119 przez facebook<\/strong> 4. Zaloguj si\u0119 przez Google+<\/strong> Ekran Koszyk Twojej Progresywnej aplikacji internetowej wy\u015bwietli wszystkie produkty dodane do koszyka. U\u017cytkownicy aplikacji mog\u0105 wy\u015bwietli\u0107 nazw\u0119 produktu, 1. Zastosuj kupon<\/strong> 2. Ca\u0142kowita cena produktu<\/strong> 3. Zaktualizuj ilo\u015b\u0107 produktu<\/strong> 4. Usu\u0144 produkt<\/strong> 5. Kontynuuj zakupy<\/strong> 6. Przejd\u017a do kasy<\/strong>
\nURL aplikacji PWA:<\/strong> https:\/\/psm.knowband.com\/pwa\/pwa-app\/<\/a><\/p>\n1.2 G\u0142\u00f3wne cechy progresywnej aplikacji internetowej PrestaShop (PWA):<\/h3>\n
\n
[IMP] Uwagi dla iOS:<\/h3>\n
[NOWA AKTUALIZACJA] PrestaShop PWA obs\u0142uguje skrypty j\u0119zykowe RTL<\/h2>\n
Kompatybilny z rynkiem wielu dostawc\u00f3w PrestaShop<\/h2>\n
2.0 Ekrany panelu administracyjnego<\/h2>\n
Ustawienia og\u00f3lne 2.1<\/h3>\n
<\/a><\/p>\n
\nb) Przekieruj na stron\u0119 koszyka po dodaniu do koszyka:\ufffd<\/strong>Ta funkcja pozwala administratorowi kontrolowa\u0107 przekierowanie przycisku \u201eDodaj do koszyka\u201d. U\u017cytkownik\u00f3w mo\u017cna przekierowa\u0107 do koszyka lub zatrzyma\u0107 na ekranie produktu, klikaj\u0105c \u201eDodaj do koszyka\u201d.
\nc) Kr\u00f3tki opis wy\u015bwietlacza:<\/strong>\ufffdW\u0142\u0105cz wy\u015bwietlanie kr\u00f3tkiego opisu produktu na ekranie produktu w Progressive Web App (PWA).
\nd) W\u0142\u0105cz logo:<\/strong> Dodaj logo swojego sklepu w nag\u0142\u00f3wku Progressive Web App (PWA) i zaprezentuj swoj\u0105 mark\u0119 u\u017cytkownikom.<\/p>\n<\/a><\/p>\n
\nf) Nazwa aplikacji PWA:<\/strong> Wybierz nazw\u0119 swojej aplikacji PWA zgodnie z w\u0142asnym wyborem.
\ng) Wybierz uk\u0142ad:<\/strong>Wybierz \u017c\u0105dany uk\u0142ad strony g\u0142\u00f3wnej dla swojej aplikacji PrestaShop. Mo\u017cesz tworzy\u0107 wiele uk\u0142ad\u00f3w ekranu g\u0142\u00f3wnego w zapleczu zgodnie z r\u00f3\u017cnymi festiwalami i motywami i u\u017cywa\u0107 ich zgodnie z wymaganiami sklepu.
\nh) Wy\u0142\u0105czone metody wysy\u0142ki:<\/strong>\ufffdWy\u0142\u0105cz metody wysy\u0142ki z pracy w\ufffdProgressive Web App (PWA)\ufffdw zale\u017cno\u015bci od tego, co Ci si\u0119 nie podoba. Na stronie b\u0119d\u0105 dzia\u0142a\u0107 zwykle dobrze.
\ni) W\u0142\u0105czone strony CMS:<\/strong>Wybierz \u017c\u0105dane strony CMS, kt\u00f3re maj\u0105 by\u0107 wy\u015bwietlane w aplikacji PrestaShop PWA.
\nj) W\u0142\u0105cz raportowanie dziennika \u017c\u0105da\u0144:<\/strong>\ufffdW\u0142\u0105cz opcj\u0119 udost\u0119pniania pliku dziennika w progresywnych aplikacjach internetowych, aby uzyska\u0107 szczeg\u00f3\u0142owe informacje o wszelkich nietypowych zachowaniach aplikacji.
\nk) W\u0142\u0105cz kodowanie adres\u00f3w URL link\u00f3w graficznych:<\/strong>W\u0142\u0105cz t\u0119 funkcj\u0119, aby obs\u0142ugiwa\u0107 znaki spoza zestawu ASCII w progresywnej aplikacji internetowej (PWA).<\/p>\n2.2 Ustawienia powiadomie\u0144 push<\/h3>\n
<\/a><\/p>\n<\/a><\/p>\n2.21 Jak skonfigurowa\u0107 konto Firebase?<\/h4>\n
<\/a>
\nKrok 2:<\/strong> Utw\u00f3rz nowy projekt Po klikni\u0119ciu przycisku Dodaj projekt pojawi si\u0119 nast\u0119puj\u0105ce okno dialogowe:<\/p>\n<\/a>
\nUtworzenie projektu zajmie kilka sekund. Gdy projekt b\u0119dzie gotowy, kliknij\ufffdkontynuuj.<\/p>\n<\/a>
\nKrok 3:<\/strong> Zarz\u0105dzaj ustawieniami projektu Po utworzeniu projektu kliknij Ustawienia projektu.<\/p>\n<\/a>
\nKrok 4:<\/strong> Przejd\u017a do opcji uwierzytelniania:
\n<\/a><\/p>\n<\/a>
\nKrok 6:<\/strong> Dodaj swoj\u0105 aplikacj\u0119 internetow\u0105 do Firebase<\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\nA) Powiadomienie push o pomy\u015blnym zam\u00f3wieniu:<\/h4>\n
<\/a><\/p>\nB) Powiadomienie push o aktualizacji statusu zam\u00f3wienia:<\/h4>\n
<\/a><\/p>\nC) Powiadomienie push o porzuconym koszyku:<\/h4>\n
<\/a><\/p>\n2.2 Historia powiadomie\u0144 push<\/h2>\n
<\/a><\/p>\nA) Wy\u015blij powiadomienie:<\/h3>\n
<\/a>
\nUk\u0142ad strony g\u0142\u00f3wnej 2.3<\/h2>\n<\/a>
\nW celu skonfigurowania uk\u0142ad\u00f3w strony g\u0142\u00f3wnej aplikacji PWA w back-endzie dost\u0119pne s\u0105 nast\u0119puj\u0105ce elementy:<\/p>\nA) Najwa\u017cniejsze kategorie:<\/h3>\n
<\/a><\/p>\nB) Kwadrat\ufffd Baner:<\/h3>\n
<\/a>
\nC) Poziomy, przesuwny, baner:<\/h3>\n<\/a><\/p>\nD) Siatka Banery:<\/h3>\n
<\/a>
\nE) Odliczanie\ufffdBaner czasu:<\/h3>\n<\/a>
\nF) Kwadratowe produkty:<\/h3>\n<\/a>
\nG) Poziome produkty przesuwne:<\/h3>\n<\/a>
\nH) Produkty sieciowe:<\/h3>\n<\/a>
\nI) Ostatnio u\u017cywane produkty:<\/h3>\n2.4 Jak uzyska\u0107 szczeg\u00f3\u0142owe informacje o aplikacji Facebook?<\/h2>\n
<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a>
\nKrok 15:\ufffd<\/strong>I wybierz Witryn\u0119 jako Platform\u0119.<\/p>\n<\/a><\/p>\n<\/a>
\nKrok 17 i 18:<\/strong>\ufffdKliknij \u201eProdukty+\u201d i wybierz login Facebook.<\/p>\n<\/a>
\nKrok 19:<\/strong>\ufffdWybierz sie\u0107 jako platform\u0119 aplikacji.<\/p>\n<\/a><\/p>\n<\/a>
\nKrok 21 i 22:\ufffd<\/strong>Kliknij Ustawienia i dodaj prawid\u0142owe identyfikatory URI przekierowania OAuth. Prawid\u0142owe identyfikatory URI przekierowania OAuth: https:\/\/example.com\/pwa-app\/login<\/p>\n<\/a><\/p>\n<\/a>
\nOstatni krok:<\/strong>\ufffdSkopiuj identyfikator aplikacji i klucz tajny aplikacji i wklej je w pola w module.<\/p>\n<\/a><\/p>\n2.5 Jak uzyska\u0107 szczeg\u00f3\u0142owe informacje o aplikacji Google?<\/h2>\n
\n
<\/a><\/p>\n\n
\nAutoryzowane \u017ar\u00f3d\u0142a JavaScript:<\/strong> Nazwa domeny Twojego sklepu (https:\/\/www.yourstore.com).
\nAutoryzowany identyfikator URI przekierowania lub URI strony przekierowania Loginizera:<\/strong>
\nhttps:\/\/example.com\/pwa-app\/login<\/p>\n<\/a><\/p>\n\n
3.0 Ekrany aplikacji Front End PWA:<\/h2>\n
Ekran g\u0142\u00f3wny 3.1
<\/a><\/h3>\n
\nPrzegl\u0105daj kategorie w aplikacjach z lewym menu nawigacyjnym na ekranie g\u0142\u00f3wnym.<\/p>\n3.2 Menu Akordeon (Pasek Nawigacyjny)<\/h3>\n
<\/a><\/p>\n
\nOpcja Moje konto zawiera wszystkie informacje osobiste, wysy\u0142kowe, dotycz\u0105ce zam\u00f3wienia. Kupuj\u0105cy aplikacji PWA mog\u0105 przegl\u0105da\u0107 wszystkie powi\u0105zane z nimi przechowywane dane i mog\u0105 je r\u00f3wnie\u017c aktualizowa\u0107.<\/p>\n
\nKategorie wy\u015bwietlane w lewym menu nawigacyjnym aplikacji \u201eProgressive Web\u201d (PWA) s\u0105 takie same jak na Twojej stronie.<\/p>\n
\nR\u00f3\u017cne strony CMS, takie jak O nas, Kontakt z nami, Regulamin itp. Mo\u017cna uzyska\u0107 dost\u0119p tutaj.<\/p>\n
\nOpcja j\u0119zyka umo\u017cliwia u\u017cytkownikom aplikacji PWA przegl\u0105danie aplikacji internetowej w \u017c\u0105danym j\u0119zyku. Wszystkie dost\u0119pne j\u0119zyki s\u0105 wy\u015bwietlane tylko w tej opcji.<\/p>\n
\nWszystkie dost\u0119pne waluty na Twojej stronie s\u0105 wy\u015bwietlane tutaj w aplikacji PrestaShop PWA.<\/p>\n
\nDzi\u0119ki tej opcji u\u017cytkownicy mog\u0105 \u0142atwo zalogowa\u0107 si\u0119\/wylogowa\u0107 si\u0119 z aplikacji PrestaShop Progressive Web App.<\/p>\n3.3 Ekran kategorii:
<\/a><\/h3>\n
\nKategorie w Progressive Web App (PWA) dla PrestaShop mo\u017cna przegl\u0105da\u0107 zar\u00f3wno w widoku listy, jak i siatki.<\/p>\n
\nTa opcja pozwala kupuj\u0105cym online wybra\u0107 kolejno\u015b\u0107 sortowania w celu zaw\u0119\u017cenia wyszukiwania i \u0142atwego uzyskania po\u017c\u0105danego produktu.<\/p>\n
\nOpcja filtrowania produkt\u00f3w upraszcza wyszukiwanie produkt\u00f3w. U\u017cytkownicy mog\u0105 filtrowa\u0107 wszystkie produkty w kategoriach za pomoc\u0105 r\u00f3\u017cnych atrybut\u00f3w, takich jak rozmiar, kolor, cena itp.<\/p>\n3.4 Ekran produktu:<\/h3>\n
<\/a>stan inwentarza. Zawiera nast\u0119puj\u0105ce inne opcje:<\/p>\n
\nTutaj zostan\u0105 wy\u015bwietlone pe\u0142ne informacje o produkcie dost\u0119pne w ekwipunku.<\/p>\n
\nU\u017cytkownicy mog\u0105 zapozna\u0107 si\u0119 z kr\u00f3tkim opisem Twojego produktu, aby szybko podj\u0105\u0107 decyzj\u0119 o zakupie.<\/p>\n
\nTutaj wy\u015bwietlane s\u0105 wszystkie opcje zwi\u0105zane z produktem, takie jak rozmiar, kolor itp.<\/p>\n
\nTen przycisk pozwala u\u017cytkownikom doda\u0107 produkt do koszyka. U\u017cytkownicy mog\u0105 dalej przetwarza\u0107 koszyk do zakupu.<\/p>\n
\nOpcja udost\u0119pniania produktu umo\u017cliwia u\u017cytkownikom udost\u0119pnianie produktu w wielu kana\u0142ach spo\u0142eczno\u015bciowych.<\/p>\nEkran logowania 3.5<\/h3>\n
<\/a>Oferuje r\u00f3\u017cne opcje logowania jednym dotkni\u0119ciem i u\u0142atwia proces logowania\/rejestracji:<\/p>\n
\nU\u017cytkownicy aplikacji mog\u0105 \u0142atwo uwierzytelnia\u0107 si\u0119 i logowa\u0107 do aplikacji PWA przy u\u017cyciu swoich poprzednich danych logowania e-mail.<\/p>\n
\nWszyscy nowi u\u017cytkownicy aplikacji mog\u0105 zarejestrowa\u0107 si\u0119 i utworzy\u0107 swoje konto w sklepie z aplikacji PrestaShop PWA. Formularz rejestracyjny prosi o podanie tylko danych niezb\u0119dnych do utworzenia konta.<\/p>\n
\nU\u017cytkownicy mog\u0105 logowa\u0107 si\u0119 do aplikacji PWA za pomoc\u0105 swoich danych logowania do konta na Facebooku.<\/p>\n
\nU\u017cytkownicy mog\u0105 logowa\u0107 si\u0119 do aplikacji Progressive Web (PWA) za pomoc\u0105 swoich danych logowania do konta Google.<\/p>\n3.6 Ekran koszyka:<\/h3>\n
<\/a>ilo\u015b\u0107, \u0142\u0105czna cena i koszt wysy\u0142ki. Na tym ekranie dost\u0119pne s\u0105 nast\u0119puj\u0105ce opcje:<\/p>\n
\nTa opcja umo\u017cliwia u\u017cytkownikom korzystanie z kupon\u00f3w na stronie i zbieranie ofert rabatowych.<\/p>\n
\nU\u017cytkownicy mog\u0105 zobaczy\u0107 pe\u0142ny koszt swojej torby na zakupy, zanim przejd\u0105 dalej. Jest automatycznie aktualizowany zgodnie z ka\u017cd\u0105 aktualizacj\u0105 o ilo\u015b\u0107 produktu lub nowy dodatek.<\/p>\n
\nU\u017cytkownicy aplikacji PWA mog\u0105 nawet aktualizowa\u0107 ilo\u015b\u0107 produktu za pomoc\u0105 opcji \u201eAktualizuj ilo\u015b\u0107\u201d.<\/p>\n
\nU\u017cytkownicy aplikacji mog\u0105 po prostu usun\u0105\u0107 produkt z koszyka, klikaj\u0105c opcj\u0119 \u201eUsu\u0144\u201d.<\/p>\n
\nU\u017cytkownicy mog\u0105 opu\u015bci\u0107 koszyk, aby przegl\u0105da\u0107 wi\u0119cej produkt\u00f3w w Twojej progresywnej aplikacji internetowej.<\/p>\n
\nU\u017cytkownicy aplikacji PWA mog\u0105 przej\u015b\u0107 dalej do ekran\u00f3w kasy i p\u0142atno\u015bci, klikaj\u0105c opcj\u0119 \u201ePrzejd\u017a do kasy\u201d.<\/p>\nEkran kasowania 3.7<\/h3>\n