Jak zmienić ilość produktów w “Produkty podobne”?
Ponad rok temu we wpisie “Jak usunąć podobne produkty w WooCommerce” pokazałem jak ukryć/usunąć “Podobne Produkty” na karcie produktu. Dla jednego z klientów w Net-Factory przygotowaliśmy motyw WP kompatybilny z WooCommerce, docelowo w kategoriach produkty wyświetlane są w 5 kolumnach.
Jednak zmiana w ustawieniach motywu w żaden sposób nie wpływała na domyślną liczbę kolumn w sekcji “Related Products“, których standardowo są 4 sztuki.
Jak zatem zmienić ich ilość oraz ilość kolumn? Z pomocą przychodzi dokumentacja WooCommerce i poniższy kod do wstrzyknięcia w functions.php (najlepiej w motywie potomnym).
/* Change number of related products output */
function wplab_related_products_limit() {
global $product;
$args['posts_per_page'] = 5;
return $args;
}
add_filter( 'woocommerce_output_related_products_args', 'wplab_related_products_args', 20 );
function wplab_related_products_args( $args ) {
$args['posts_per_page'] = 5; // The number of displayed products
$args['columns'] = 5; // Number of columns in the "Related products"
return $args;
}
Po wrzuceniu pliku na serwer w karcie produktu zobaczycie poniższy efekt i 5 produktów w 5 kolumnach (to jak dostosujecie te liczby zależy od was):
Jak zmienić napis “Produkty podobne” ?
Pewnie zastanawiacie jak zmienić napis “Produkty podobne” tak jak to zostało zrobione w powyższym przypadku. Za wyświetlanie tytułu “Related products / Produkty podobne” odpowiada funkcja:
/* Change WooCommerce "Related products" text */
add_filter('gettext', 'wplab_change_related_text', 10, 3);
add_filter('ngettext', 'wplab_change_related_text', 10, 3);
function wplab_change_related_text($translated, $text, $domain)
{
if ($text === 'Related products' && $domain === 'woocommerce') {
$translated = esc_html__('Może Cię zainteresować...', $domain);
}
return $translated;
}
W miejscu “Może Cię zainteresować…” wpisz swoją frazę, zapisz i wrzuć plik na serwer.
I to wszystko. Za pomocą powyższych snippetów zmienicie ilość produktów (kolumn), a także zmienicie nagłówek w sekcji ‘related’ na karcie produktu.
W razie jakichś problemów pisz śmiało w komentarzu lub na hello@wp-lab.pl