Katalog produktów na stronie internetowej WordPress

Katalog produktów na stronie internetowej WordPress

7 kwietnia 2022 | 2 min czytania


Wiele stron firmowych chce się pochwalić tym, co ma do zaoferowania i chciałaby stworzyć katalog produktów na swojej stronie internetowej. Jest to stosunkowo proste rozwiązanie, ale można je zrobić na kilka sposobów. Każdy jest dobry w zależności od tego, co chcemy osiągnąć i jakie mamy umiejętności.

Pamiętajmy jednak, że zarówno w katalogu produktów, tak jak w sklepie, ważne jest to, żeby podzielić je odpowiednio na kategorie, zadbać o warianty oraz nadać atrybuty. Tym bardziej, jeżeli planujemy przekształcić go kiedyś w pełnoprawny sklep internetowy.

Woocommerce – gdy w przyszłości planujemy sklep

Jeżeli na razie nieśmiało chcemy stworzyć katalog produktów, ale gdzieś w głowie mamy myśl o stworzeniu sklepu internetowego, skorzystajmy z tej opcji. Będzie nam się potem łatwiej „przełączyć” i produkty będziemy już mieli gotowe do sprzedaży, czyli większość brudnej roboty będzie zrobiona 🙂

Kiedyś Woocommerce miało checkboxa, który odpowiadał za to, czy sklep pełni funkcje sklepu, czy jest jedynie katalogiem. Niestety dzisiaj są potrzebne dodatkowe działania.

Dodatkowa wtyczka do Woocommerce

Idealną wtyczką do tego jest YITH Catalog Mode. Jest ona darmowa i możliwa do pobrania z repozytorium WordPressa. Jeżeli nie jesteśmy technicznym użytkownikiem, taka opcja na pewno nas zadowoli.

Dodatkowa linijka kodu do motywu WordPressa

Jeżeli jednak wiemy co nie co na temat modyfikacji kodu i ogólnych zasadach i dobrych praktykach, jeżeli chodzi o programowanie w WordPressie, zachęcam do ręcznej modyfikacji kodu.

Sprawdź też:   Podstrona O nas na stronie internetowej

Pamiętaj o tym, żeby nie dokonywać żadnych modyfikacji na oryginalnym motywie. Stwórz do tego motyw potomny. Jeżeli nie wiesz jak. Przeczytaj jakiś artykuł dotyczący tworzenia motywów potomnych i wróć.

Głównym naszym zadaniem jest ukrycie przycisku „Dodaj do koszyka„, który umożliwia zakupy. Dodając poniższe linie kodu automatycznie zniknie:

remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10 );
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );
remove_action( 'woocommerce_simple_add_to_cart', 'woocommerce_simple_add_to_cart', 30 );
remove_action( 'woocommerce_grouped_add_to_cart', 'woocommerce_grouped_add_to_cart', 30 );

Darmowa wtyczka – łatwa opcja

Jeżeli w przyszłości nie myślimy o założeniu sklepu internetowego i wystarczy nam katalog produktów online możemy zainstalować jedną wtyczkę, która nam to zagwarantuje. Podobnych wtyczek jest wiele, ja nigdy nie korzystam z takich rozwiązań, ale jeżeli odpowiada Ci taka opcja, nie wahaj się.

Zbadałem najlepiej ocenione pluginy w repozytorium WordPressa i najlepiej wypadła wtyczka „Katalog Produktów dla WordPressa (eCommerce Product Catalog)”. Jest do pobrania oczywiście za darmo i ma całkiem dobre oceny.

Darmowa wtyczka od webites.pl

Dla naszych Klientów i nie tylko stworzyliśmy darmową wtyczkę obsługującą wyświetlanie produktów w formie katalogu. Udostępniamy ją Państwu z kilku źródeł i zachęcamy do pobierania, testowania i kontaktu z nami w razie problemów, nowych pomysłów na jej rozwój oraz opinii.

Wtyczka jest do pobrania na oficjalnym repozytorium WordPressa oraz Githubie. W obu tych miejscach jest jej najnowsza wersja, ale polecamy wordpress.org. Poniżej zamieszczamy jej krótki opis z możliwością bezpośredniego pobrania najnowszej wersji i zapraszamy także do zapoznania się z kartą wtyczki na podstronie realizacji: Katalog produktów wtyczka WordPress

Custom post types – zalecana, ale zaawansowana opcja

Jest to opcja, z której zawsze korzystam. Natywna funkcja WordPressa do dodawania własnych typów postów jest stworzona do takich właśnie przypadków. Często tworzenie stron internetowych polega nie tylko na programowaniu, ale także na szukaniu optymalnych rozwiązań i właśnie takimi są custom post types.

Sprawdź też:   Darmowe strony internetowe dla szkół - gotowe szablony czy strona tworzona od A do Z?

Oczywiście do tego potrzebujemy motywu potomnego. Jeżeli go mamy wchodzimy do pliku functions.php w tym motywie i dodajemy poniższy kod:

function custom_post_types_product_catalog() {
  register_post_type('products',
 array(
    'labels' => array(
     'name' => ('Produkty'),    
     'singular_name' => ('Produkt')
    ),
    'public' => true,
    'has_archive' => true,
    'rewrite' => array('slug' => 'produkty'),
   ) ); }
 add_action('init', 'custom_post_types_product_catalog');

Dzięki temu teraz oprócz wpisów i stron możemy dodawać także Produkty. Ale żeby je jakoś skategoryzować powinniśmy utworzyć także taksonomie do nich.

Taksonomie są takimi kategoriami lub tagami (w zależności jak je skonfigurujemy), które dodamy. Dzięki nim będziemy mieli porządek, a każdy produkt będzie na swojej „półce”.

Ponownie dodajemy kod do functions.php:

function custom_tax_product_catalog() {
function news_init() {
  register_taxonomy(
      'products',
      'products',
      array(
          'label' => __( 'Kategoria produktu' ),
          'sort' => true,
          'hierarchical' => true,
          'args' => array( 'orderby' => 'term_order' ),
          'rewrite' => array( 'slug' => 'kategoria-produktu' )
      )
  );      
}
add_action( 'init', 'custom_tax_product_catalog' );

Dzięki temu otrzymamy taką nową sekcję w panelu administracyjnym i będziemy mogli tam dodawać własne produkty i przypisywać je do kategorii.

katalog produktów wordpress

Tego typu katalog produktów można na różne sposoby modyfikować, na przykład można stworzyć im osobny szablon, dzięki czemu będą wyświetlać się inaczej niż inne posty, dodawać im dodatkowe pola, które są wyświetlane w dowolnym miejscu po wejściu na dany produkt i tak naprawdę możliwości konfiguracji są nieograniczone.

Chcę taki u siebie!

Produkty umieszczone we wpisach – łatwa, ale niezalecana opcja

Kolejną opcją jest dodanie produktów do natywnych wpisów WordPressa. Ja nie zalecam tej opcji, ponieważ są one przeznaczone do prowadzenia bloga. Nie będzie oczywiście nic stało na przeszkodzie, że my sobie tam urządzimy katalog produktów, ale to nie jest dobre i nie współpracuje z dobrymi praktykami WordPressa.

Sprawdź też:   Blog na stronie internetowej

Nawet jeżeli nie prowadzimy w tej chwili bloga firmowego, musimy „zostawić” miejsce na czas, kiedy taki blog chcielibyśmy zacząć pisać.

Dedykowana strona dla katalogu produktów

Możemy także utworzyć stronę w panelu administracyjnym w zakładce Strony -> Dodaj nową i nazwać ją katalogiem stron i dodawać tam produkty na przykład w tabelce. Muszę jednak przestrzec przed tym, że tworzenie stron internetowych w ten sposób będzie złe chociażby w oczach wyszukiwarek.

Dopóki mamy w swoim katalogu 5-10 produktów będzie ok. Ale jeżeli uzbiera nam się na przykład 100-200 produktów, strona zacznie być nieczytelna i będzie się wczytywała minutę. Roboty Google indeksując strony zwracają szczególną uwagę na to, czy strona ładuje się szybko, czy wolno, więc w oczach tych robotów jesteśmy przegrani, a raczej żaden użytkownik też nie będzie czekał tak długo.

Podobne posty:

Najnowsze artykuły

WooCommerce czy PrestaShop

WooCommerce czy PrestaShop Przeczytaj

Czym zajmuje się firma e-commerce?

Czym zajmuje się firma e-commerce? Przeczytaj

Własna strona internetowa

Własna strona internetowa Przeczytaj
Więcej artykułów
strzalka w gore