2025-01-02 | Programowanie | 3 min czytania

Strony produktowe oparte o WooCommerce


programowanie php

Strony produktowe (bez obsługi sklepu) można budować na wpisach lub produktach. Dla klienta wykonaliśmy analizę rozwiązań oraz przedstawiliśmy naszą rekomendację.

Strony produktowe – analiza czyli zbieranie założeń biznesowych

Klient zaplanował jako kolejny etap rozwoju dużego portalu zdrowotnego uruchomienie stron produktowych. Strony mają być czysto informacyjne, bez cen i możliwości zamawiania. W przyszłości jedynie może dojść funkcjonalność koszyka.

Wstępna analiza kierowała wszystkie kroki w stronę wpisów. Tutaj były przygotowane komponenty do re-użycia. To jednak zmieniło się, ponieważ wymagania co do wyszukiwarki i potencjalnego koszyka w bliżej nieokreślonym czasie skierowały rozwiązanie w kierunku woocommerce.

Przygotowany POC (proof of concept) potwierdził ten kierunek.

Wykorzystane funkcje WooCommerce

W standardzie woo ma dużo możliwości:

  • atrybuty – możliwość określenia rożnych atrybutów i filtrowania po nich,
  • produkty powiązane – croos i up sell,
  • duża ilość bloków gutenberga do prezentacji,
  • szablony przygotowane do obsługi sklepu,
  • szybki export i import produktów.

To właśnie te możliwości wykorzystane zostały przy pracach nad stronami produktowymi.

Strony produktowe – wygląd

Strony produktowe miały być przejrzyste i nowoczesne. W górnej części zostało podkreślone zdjęcie z aktywnym tekstem hotspot. Uzupełnieniem jest opis z rozwijanymi tabelkami oraz opisem ciekawostek. Całość spinają 2 sekcje z produktami powiązanymi oraz lista artykułów związanych z produktem.

Strony produktowe – mobile

Strony produktowe są tak zrobione, że w wersji mobilnej użytkownik ma dużą swobodę w poruszaniu. Dostępny tekst jest optymalny do ekranu, co za tym idzie większe teksty można odkrywać jednym ruchem.

Strona wyszukiwarki i filtrów

Całość stron produktowych spina strona wyszukiwarki i filtrów, która umożliwia wygodę w wyszukiwaniu interesujących produktów. Poniżej sekcji wyszukiwarki jest część informacyjna przygotowana w estetyczny i przejrzysty sposób.

Ważne terminy PoC i hotspot

Co to jest PoC?

PoC to skrót od „Proof of Concept”, co w języku polskim oznacza „dowód koncepcji”. Jest to termin używany w różnych dziedzinach, takich jak technologia, biznes czy nauka, i odnosi się do realizacji projektu lub prototypu, który ma na celu udowodnienie, że dana koncepcja, pomysł lub technologia są wykonalne i mogą działać w praktyce.
W kontekście technologii, PoC często odnosi się do wczesnej wersji oprogramowania lub systemu, który demonstruje kluczowe funkcje lub możliwości, ale niekoniecznie jest w pełni rozwinięty ani gotowy do komercyjnego użycia. W biznesie PoC może być stosowany do przetestowania nowego pomysłu rynkowego przed zainwestowaniem większych zasobów.
W skrócie, PoC służy jako narzędzie do weryfikacji i oceny potencjalnych rozwiązań przed podjęciem decyzji o ich dalszym rozwoju czy wdrożeniu.

Co to jest hotspot?

Hotspot to interaktywny element w formie aktywnego linku, który można umieścić na zdjęciu lub grafice. Po najechaniu kursorem lub kliknięciu na dany obszar zdjęcia, użytkownik może uzyskać dodatkowe informacje, przejść do innej strony internetowej lub wykonać inną akcję. Hotspoty są często wykorzystywane w edukacji, marketingu oraz interaktywnych prezentacjach, aby zwiększyć zaangażowanie i umożliwić łatwiejsze przyswajanie informacji. W kontekście zdjęć mogą one wskazywać na konkretne elementy, oferując szczegóły, opisy lub linki do powiązanych zasobów.

Najczęściej czytane:

prowadzenie firmy

Dzielenie dysku na partycje to ważny element instalacji systemu operacyjnego. Możemy podzielić dysk na partycje w czasie lub po instalacji Windows 11.

prowadzenie firmy

Resetowanie hasła w systemie Windows może być konieczne, gdy zapomnimy swoje aktualne hasło lub chcemy zresetować hasło dla innego użytkownika.

modernizacja wordpress

Z przedstawionych we wisie 3 sposobów na usunięcie /category wg mnie najlepszym sposobem jest wykorzystanie wtyczki Yoast SEO. Polecamy tą wtyczkę do SEO.


Zapoznaj się z innymi wpisami:

modernizacja wordpress

Jak migrować 2 serwisy działające na 2 WordPressach o różnych templatkach i technologiach? To zadanie jakie się podjęliśmy dla naszego klienta.

strony internetowe

Twenty Twenty Four – testy nowej skórki Wordpress czyli czy warto przechodzić na nowe. Page Speed pokazał dobitnie jaka jest nasza rekomendacja. Zapraszamy do lektury.

portfolio programowanie

Wykonanie wtyczka do płatności Autopay (wcześniej Bluemedia) bazującej na bibliotece PHP SDK. Opis zakresu prac i problemów w czasie implementacji.