Pelsue (Shop)
An amazing project developed with love.
QUICK
Introducere
Primul meu magazin WooCommerce Powered, construit pe WordPress. Proiectul a început la sfârșitul anului 2018 și l-a terminat în februarie 2019, când a intrat și el live. Evaluat la peste 150 de ore de muncă (design + dezvoltare) acest proiect a fost destul de interesant pentru mine, deoarece nu am mai construit niciodată un magazin.
Site-ul web Pelsue a fost reproiectat de la zero pentru a oferi o experiență mai bună pentru clienți, pentru a genera mai mulți clienți potențiali și pentru a îmbunătăți brandingul general. Noul site web include o hartă de localizare a distribuitorilor, posibilitatea clienților de a adăuga produse și accesorii la o ofertă, o pagină de prezentare video în loc să trimită utilizatorii pe YouTube, pagini de produse reproiectate și o căutare cu completare automată, astfel încât utilizatorii să poată găsi cu ușurință ceea ce caută.
OVERCOMED
Challenges
Una dintre cele mai mari provocări pentru mine a fost dezvoltarea funcționalității paginii Distribuitorilor. Afacerea lor are peste 200 de distribuitori și trebuiau să enumere o hartă a acestora în partea de sus a paginii. De îndată ce utilizatorul site-ului web acceptă cererea de autorizare a locației, harta trebuie actualizată cu cei mai apropiați distribuitori de el.
De asemenea, era necesar să funcționeze mai ales cu API-ul Rest al WordPress. Întrucât sunt mai mult un tip front-end, asta a fost destul de interesant. Fiecare distribuitor trebuie să aibă o hartă cu coordonatele locației în back-end. Acest lucru se realizează prin utilizarea ACF Google Map, apoi locația este salvată sub formă de post meta (lat/lng) pentru a face posibilă interogarea pe baza razei unei anumite locații. Front-end-ul este realizat 100% folosind API-ul REST și un WP_Query modificat. Distanța este calculată în momentul căutării unei adrese (comparând locația adresei utilizatorului cu locația CPT a distribuitorului din meta și calculând distanța / expus la API-ul de odihnă după), deoarece este puțin mai rapid decât o face după ce rezultatele au fost populate folosind API-ul Google, ca să nu mai vorbim că rezultatul distanței a fost aproximativ același cu distanța Google.