{"id":28745,"date":"2021-05-30T16:18:00","date_gmt":"2021-05-30T13:18:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=28745"},"modified":"2021-10-18T03:38:42","modified_gmt":"2021-10-18T00:38:42","slug":"dostosuj-wyszukiwanie-produktow-woocommerce-w-witrynie-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pl\/dostosuj-wyszukiwanie-produktow-woocommerce-w-witrynie-wordpress\/","title":{"rendered":"Dostosuj wyszukiwanie produkt\u00f3w WooCommerce w witrynie WordPress"},"content":{"rendered":"

Czy chcesz dostosowa\u0107 wyszukiwanie produkt\u00f3w WooCommerce w swoim sklepie internetowym? WooCommerce udost\u0119pnia osobn\u0105 stron\u0119 sklepu z list\u0105 produkt\u00f3w. Modyfikuj\u0105c wyszukiwanie produkt\u00f3w, Tw\u00f3j klient mo\u017ce filtrowa\u0107 po\u017c\u0105dany produkt na samej stronie sklepu. W tym artykule dowiemy si\u0119, jak dostosowa\u0107 wyszukiwanie produkt\u00f3w WooCommerce w witrynie WordPress.<\/p>\n

WordPress ma wbudowany formularz wyszukiwania. Gdy u\u017cytkownik wprowadzi jakie\u015b s\u0142owo kluczowe w polu wyszukiwania, przekieruje go do strony wyszukiwania, na kt\u00f3rej zostanie wy\u015bwietlona tre\u015b\u0107 zwi\u0105zana ze s\u0142owem kluczowym. W WordPressie strona wyszukiwania zwykle wygl\u0105da jak strona z list\u0105 wpis\u00f3w.<\/p>\n

Ten przep\u0142yw wyszukiwania jest idealny dla witryn CMS. Ale je\u015bli chodzi o WooCommerce, musimy zmodyfikowa\u0107 ten przep\u0142yw.<\/p>\n

W przypadku WooCommerce, gdy u\u017cytkownik szuka produktu, powinien wy\u015bwietli\u0107 przefiltrowany wynik na stronie sklepu. Pokazywanie wyniku w formacie strony z list\u0105 post\u00f3w nie ma sensu.<\/p>\n

Pozw\u00f3lcie, \u017ce wyja\u015bni\u0119 to poprzez zrzuty ekranu.<\/p>\n

W moim przypadku u\u017cywam motywu \u201edwadzie\u015bcia pi\u0119tna\u015bcie". Zainstalowa\u0142em wtyczk\u0119 WooCommerce i na stronie mojego sklepu znajduje si\u0119 kilka produkt\u00f3w.<\/p>\n

\"Dostosuj<\/a><\/p>\n

Teraz, gdy wprowadz\u0119 s\u0142owo kluczowe \u201erozw\u00f3j” w polu wyszukiwania, przekieruje ono na stron\u0119, na kt\u00f3rej widz\u0119 produkt, jak pokazano na zrzucie ekranu poni\u017cej.<\/p>\n

\"Dostosuj<\/a><\/p>\n

To jest co\u015b, czego nie chcemy na stronie internetowej. W ko\u0144cu jest to sklep internetowy, wi\u0119c wolimy, aby wyszukiwanie produkt\u00f3w by\u0142o odfiltrowane na stronie sklepu jak poni\u017cej.<\/p>\n

\"Dostosuj<\/a><\/p>\n

Powiedziawszy to, zobaczmy, jak dostosowa\u0107 wyszukiwanie produkt\u00f3w w WooCommerce.<\/p>\n

Dostosuj wyszukiwanie produkt\u00f3w w WooCommerce<\/h3>\n

WooCommerce przechowuje wszystkie produkty z post_type 'produkt’. Aby osi\u0105gn\u0105\u0107 nasz cel, musimy przekaza\u0107 parametr post_type=product<\/code>w adresie URL wyszukiwania.<\/p>\n

Zasadniczo, kiedy klikamy przycisk wyszukiwania, musimy zmodyfikowa\u0107 adres URL<\/p>\n

YOUR_SITE_URL\/?s=development<\/p>\n

Z<\/p>\n

YOUR_SITE_URL\/?s=development&post_type=product<\/p>\n

W tym celu musimy utworzy\u0107 searchform.php<\/code>plik w katalogu naszego aktywnego motywu. Jest to plik, z kt\u00f3rego WordPress wy\u015bwietla formularz wyszukiwania. Je\u015bli ten plik nie zostanie znaleziony w folderze motywu, formularz wyszukiwania jest renderowany z podstawowego pliku WordPress. Deweloper powinien utworzy\u0107 ten plik w folderze motywu, je\u015bli nie istnieje.<\/p>\n

Je\u015bli masz ju\u017c searchform.php<\/code>sw\u00f3j motyw, wystarczy doda\u0107 do formularza ukryte pole, jak pokazano w poni\u017cszym kodzie.<\/p>\n

searchform.php<\/strong><\/p>\n

<form method=\"get\" action=\"<?php echo home_url('\/'); ?>\">\n\u00a0\u00a0\u00a0\u00a0<input type=\"text\" name=\"s\" placeholder=\"What you are looking for?\" value=\"<?php the_search_query(); ?>\">\n\u00a0\u00a0\u00a0\u00a0<input type=\"hidden\" name=\"post_type\" value=\"product\">\n<\/form><\/code><\/pre>\n
Tutaj powiniene\u015b doda\u0107 troch\u0119 kodu CSS do tego formularza i dopasowa\u0107 go do projektu Twojej witryny.<\/p>\n
Zauwa\u017c, \u017ce przekazali\u015bmy ukryte pole o nazwie 'post_type’ i warto\u015bci jako 'product’. To jest rzeczywista logika dostosowywania wyszukiwania produkt\u00f3w w WooCommerce.<\/p>\n
Teraz spr\u00f3buj wpisa\u0107 dowoln\u0105 nazw\u0119 produktu w polu wyszukiwania, przekieruje Ci\u0119 to na stron\u0119 sklepu. A na stronie sklepu zobaczysz przefiltrowany wynik zwi\u0105zany ze s\u0142owem kluczowym.<\/p>\n
Mam nadziej\u0119, \u017ce rozumiesz, jak dostosowa\u0107 wyszukiwanie produkt\u00f3w WooCommerce w witrynie WordPress. Chcia\u0142bym us\u0142ysze\u0107 wasze przemy\u015blenia i sugestie w sekcji komentarzy poni\u017cej.<\/p>\n
Powi\u0105zane artyku\u0142y<\/h4>\n