Widgety Trustmate WooCommerce jak zmienić położenie?

Ostatnio integrowałem sklep WooCommerce z wtyczką TrustMate.io, niestety wtyczka nie ma możliwości wyboru położenia widgetów. Poniżej przedstawim prosty sposób na zmianę położenia widgetów TrustMate. Na końcu wpisu wymieniam wszystkie haczyki WordPress na stronie pojedynczego produktu WooCommerce.

TrustMate.io – WooCommerce integration

Zmiana położenia opinii na karcie produktu

Standardowo widget „Hydra” z opiniami klientów na stronie produktowej wyświetla się nad stopką, właściciel sklepu chciał żeby ten widget wyświetlał się pomiędzy metadanymi produktu a podobnymi produktami.

function change_trustmate_hook() {
    remove_action('get_footer', 'trustmate_render_widget_hydra');
    // Usuwam akcję odpowiedzialną za wyświetlanie widgetu Hydra nad stopką
    add_action('woocommerce_product_meta_start', 'trustmate_render_widget_hydra');
// Dodaję akcję która wyświetli widget Hydra przed metadanymi produktu
}
add_action('init', 'change_trustmate_hook');

Zmiana położenia średniej oceny produktu widgetu TrustMate

Identycznym sposobem zmieniłem położenie Widgetu „Hornet” który standardowo wyświetla się pod nad przyciskiem dodaj do koszyka.

function change_trustmate_hook() {
    remove_actionadd_action('woocommerce_before_add_to_cart_form', 'trustmate_render_widget_hornet');
    // Usuwam akcję odpowiedzialną za wyświetlanie opinii o produkcie w formie gwiazdek nad przyciskiem dodaj do koszyka
    add_action('woocommerce_after_add_to_cart_form', 'trustmate_render_widget_hornet');
// Dodaję akcję która wyświetli widget Hornet pod przyciskiem dodaj do koszyka
}
add_action('init', 'change_trustmate_hook');

Dzięki dodaniu powyższego kodu do pliku functions.php naszego motywu (najlepiej korzystać z motywu potomnego – Child Theme) możemy zmienić położenie widgetów które generuje wtyczka TrustMate. Dla chętnych w kolejnym akapicie wyjaśnię jak i dlaczego działa ten kod.

Haczyki WordPress, uchwyty (HOOKS)

Co ja właściwie zrobiłem? Wykorzystałem Haczyki (Hooks) akcji które są wbudowane w rdzeń WordPress i w skrócie są one pomocne dla osób, które tworzą wtyczki WordPress.

funkcja change_trustmate_hook() {

Ta linia deklaruje nową funkcję o nazwie change_trustmate_hook. Gdy zostanie wywołana, uruchomi kod zawarty w nawiasach klamrowych {}, które następują po niej.

remove_action('get_footer', 'trustmate_render_widget_hydra');

remove_action() to funkcja WordPress, która mówi WordPressowi, aby przestał uruchamiać określoną funkcję, gdy nastąpi określona akcja. W tym przypadku mówi „kiedy nastąpi akcja„ get_footer ”, nie uruchamiaj funkcji „trustmate_render_widget_hydra”.

add_action('woocommerce_before_add_to_cart_form', 'trustmate_render_widget_hydra');

add_action() to funkcja WordPress, która mówi WordPressowi, aby uruchamiał określoną funkcję, gdy nastąpi określona akcja. Tutaj jest napisane „kiedy nastąpi akcja„ woocommerce_before_add_to_cart_form ”, uruchom funkcję„ trustmate_render_widget_hydra ”.

}
add_action('init', 'change_trustmate_hook');

Po zdefiniowaniu funkcji change_trustmate_hook add_action(’init’, 'change_trustmate_hook’); wydaje instrukcję uruchomienia tej funkcji podczas inicjalizacji WordPressa (init). Zasadniczo mówi „jak tylko się uruchomisz, uruchom funkcję„ change_trustmate_hook ”, która z kolei dodaje i usuwa akcje, którą ówiliśmy powyżej.

Wszystkie haczyki (HOOKS) WordPress na na stronie pojedynczego produktu WooCommerce

Jeżeli chcecie zmienić położenie widgetu TrustMate według własnych potrzeb, poniżej prezentuje wszystkie haczyki WooCommerce dla strony pojedynczego produktu.

woocommerce_before_single_product
woocommerce_before_single_product_summary
woocommerce_product_thumbnails
woocommerce_single_product_summary
woocommerce_before_add_to_cart_form
woocommerce_before_variations_form
woocommerce_before_add_to_cart_button
woocommerce_before_single_variation
woocommerce_single_variation
woocommerce_after_single_variation
woocommerce_after_add_to_cart_button
woocommerce_after_variations_form
woocommerce_after_add_to_cart_form
woocommerce_product_meta_start
woocommerce_product_meta_end
woocommerce_share
woocommerce_after_single_product_summary
woocommerce_after_single_product

Dzięki znajomości dostępnych haczyków możemy zmienić położenie widgetu TrustMate według własnych upodobań.