Dostosuj swój sklep WooCommerce za pomocą haków WordPress

Opublikowany: 2020-01-14
WordPress hooks

Ostatnia aktualizacja - 24 lutego 2020 r.

W tym artykule przedstawimy jeden z najważniejszych tematów podczas tworzenia motywów WordPress lub wtyczek do WordPressa: zaczepy WordPress , a także wyjaśnimy różnicę między zaczepami akcji a zaczepami filtrów.

Hooki są osadzone w rdzeniu WordPress, większości motywów WordPress i wszystkich najlepszych wtyczkach WordPress. WordPress Hooki to system oparty na zdarzeniach, który umożliwia dodanie własnego nowego kodu lub edycję istniejącego kodu w ekosystemie WordPress.

Haki WooCommerce

WordPress hooki to zasadniczo funkcje php, które umożliwiają dodawanie własnego kodu do WordPressa lub edycję istniejącego kodu w całym WordPressie bez konieczności edytowania podstawowych plików podczas dostosowywania witryny WordPress i/lub sklepu WooCommerce.

Hooki są również używane w całym WooCommerce , umożliwiając programistom łatwe dodawanie własnych niestandardowych funkcji za pomocą haków akcji lub edycję funkcji wbudowanych we wtyczkę WooCommerce w celu dalszego dostosowania sklepu internetowego za pomocą haków filtrów.

Działania i filtry WooCommerce:

Istnieją 2 różne rodzaje haczyków, których możesz użyć, aby jeszcze bardziej dostosować swój sklep WooCommerce. Chociaż zaleca się, aby NIE edytować bezpośrednio swoich motywów ani plików wtyczek, zaleca się utworzenie motywu podrzędnego, a następnie wstawienie fragmentów kodu php do pliku functions.php lub użycie wtyczki WooCustomizer , która pozwala edytować wiele filtrów bez konieczności znajomości kodu.

Akcje Haki:

Hooki akcji są umieszczane w całym WooCommerce za pomocą funkcji do_action( 'action_name' ) , więc możesz użyć nazwy akcji, aby określić, gdzie chcesz wykonać dodawany kod.

Aby dodać własny kod, po prostu tworzysz nową funkcję php ze swoim kodem w środku i określasz, gdzie chcesz uruchomić kod, dodając nazwę akcji jako pierwszy parametr w funkcji add_action() .

Przykład:

add_action( 'action_name', 'your_custom_function_name' );
function your_custom_function_name() {
// Your code
}

Więc po prostu mówisz do kodu WooCommerce – „ dodaj moją akcję, gdy to do_action zostanie uruchomione ”.

Filtruj haki:

Hooki filtrów są wywoływane w całym WooCommerce za pomocą funkcji apply_filter( 'filter_name', $variable ) . Pozwala to na manipulowanie zmienną, która jest przekazywana do funkcji, a następnie zwracanie wartości zmiennej w razie potrzeby.

Przykład:

add_filter( 'filter_name', 'your_custom_function_name' );
function your_custom_function_name( $variable ) {
// Your code editing the variable
return $variable;
}

Podobnie jak w przypadku zaczepu akcji, tworzysz własną funkcję php i określasz, na którym filtrze jej użyć, ale tym razem przekazujesz zmienną, która już istnieje, i używasz swojej funkcji do manipulowania danymi wyjściowymi tak, jak chcesz.

Z hookami filtra musisz zwrócić wartość .

Nie masz pewności co do tworzenia motywu potomnego, samodzielnego dodawania lub edytowania własnych funkcji php za pomocą hooków WooCommerce?

Dostosuj swój sklep WooCommerce za pomocą WooCustomizer

Spójrz na nową wtyczkę WooCustomizer … WooCustomizer oferuje wiele funkcji do edycji i dalszego dostosowywania sklepu WooCommerce bez znajomości kodowania lub konieczności dodawania własnego kodu.

Haki WordPress

WooCustomizer oferuje wiele istniejących haczyków WooCommerce do edycji i dodawania dodatkowej funkcjonalności do Twojego sklepu WooCommerce.

Niektóre funkcje oferowane przez wtyczkę WooCustomizer:

  • Edytuj banery produktów „Wyprzedaż” na stronach sklepu i produktów
  • Edytuj przyciski „Dodaj do koszyka” dla różnych typów produktów
  • Usuń wszelkie elementy Sklepu, Produktu, Konta użytkownika i lub Strony koszyka
  • Dodaj banery „Nowy produkt” lub „Wyprzedane” do produktów w swoim Sklepie
  • Dostosuj wygląd przycisków Dodaj do koszyka, banerów wyprzedaży i nie tylko
  • Edytuj zakładki konta użytkownika i podstawowe pola kasy dla użytkowników
  • Dodaj statystyki produktu do front-endu strony dla użytkowników Administratora
  • Dodaj pozycję menu logowania/wylogowania do dowolnego wybranego menu

+ wiele więcej

Pobierz WooCustomizer

Chcesz więcej dla swojego sklepu WooCommerce?

WooCustomizer jest również wyposażony w wersję premium, która oferuje dużo więcej, aby zwiększyć sprzedaż i dodać dodatkowe przydatne funkcje do Twojego sklepu WooCommerce.

WooCustomizer Pro zawiera:

Tryb katalogu dla WooCommerce

Z łatwością usuń wszystkie funkcje „dodaj do koszyka” i kup ze swojego sklepu WooCommerce, zmieniając swój sklep w piękny katalog online. Zastosuj te ustawienia do wszystkich produktów, wybranych produktów lub tylko do wylogowanych użytkowników, prosząc użytkowników o utworzenie konta i zalogowanie się w celu zakupu Twoich produktów.

Haki WordPress

Niestandardowe strony z podziękowaniami dla WooCommerce

WooCustomizer oferuje możliwość tworzenia własnych niestandardowych stron z podziękowaniami dla WooCommerce, przy użyciu domyślnego edytora WordPress lub dowolnego innego kreatora stron, który Ci się podoba. Przekieruj klienta na nową domyślną stronę z podziękowaniem, przekieruj go na różne strony w zależności od kupionych produktów lub przekieruj ich na strony w zależności od tego, jak kupili produkty w Twoim sklepie.

Haki WordPress

Szybki podgląd produktu dla WooCommerce

Daj swoim użytkownikom możliwość podglądu pełnych informacji o produkcie i łatwego „dodawania do koszyka” lub przeglądania wszystkich zdjęć z wyskakującego okienka na stronach Twojego sklepu lub archiwum. Pomaga to Twoim użytkownikom szybciej przeglądać sklep.

Haki WordPress

Wyszukiwarka Ajax WooCommerce

Pomóż użytkownikom szybciej znaleźć Twoje produkty? Dodaj proste wyszukiwanie produktów ajax do paska wyszukiwania, obszarów widżetów lub strony sklepu, aby wyświetlić przewidywanie produktów, gdy użytkownicy zaczną pisać w celu wyszukania Twoich produktów.

Haki WordPress

Koszyk menu WooCommerce

Włącz koszyk menu WooCustomizers dla WooCommerce i wybierz menu, w którym chcesz wyświetlać koszyk WooCommerce. Dodaj rozwijany koszyk mini-koszyk, aby użytkownicy mogli dodawać lub usuwać produkty, przeglądać swój koszyk lub przejść bezpośrednio do kasy.

Zobacz WooCustomizer

Skorzystaj z naszego specjalnego kuponu, aby otrzymać 15% zniżki na pierwszy zakup w WooCustomizer

LW15WYŁ

Rozpocznij edycję za pomocą haków!

Teraz, gdy już wiesz, jak działają haki WordPress w WordPress i WooCommerce, możesz łatwo dodawać lub edytować potrzebne funkcje w swoim sklepie internetowym WooCommerce.

Uwaga: nie zapominaj, że ten kod powinien być zawsze dodawany do motywu podrzędnego lub do wtyczki dostosowywania witryny , aby nie utracić wprowadzonych zmian po aktualizacji motywu WordPress.

Jeśli nadal nie masz pewności, czy dodać własny kod w celu dalszej edycji sklepu WooCommerce, zalecamy wypróbowanie wtyczki WooCustomizer . Zajmuje wszystkie dostępne haki WooCommerce i tworzy wizualny interfejs do edycji kodu, wszystko wbudowane w WP Customizer, a ponadto oferuje o wiele więcej, takie jak statystyki produktu, pozycje menu logowania / wylogowania i wiele więcej.