Jak przenieść opis kategorii pod produkty w WooCommerce 9

Przez /

Domyślnie w WooCommerce opis kategorii produktów wyświetla się nad listą produktów na stronie kategorii. Co jednak, jeśli chcesz go umieścić na dole, np. ze względów UX, SEO albo po prostu porządku?

W najnowszych wersjach WooCommerce (8.6+ i 9.x) nie wystarczy już remove_action(...), bo WooCommerce wstawia opis „na twardo” przez woocommerce_shop_loop_header(). Rozwiązaniem jest usunięcie go globalnie, a następnie ręczne wyświetlenie w nowym miejscu.

// 1. Usuń domyślny opis kategorii z nagłówka listy produktów
remove_action( 'woocommerce_archive_description', 'woocommerce_taxonomy_archive_description', 10 );

// 2. Dodaj opis kategorii pod produktami (na dole strony)
add_action( 'woocommerce_after_main_content', 'opis_kategorii_po_produktach', 5 );
function opis_kategorii_po_produktach() {
    if ( is_tax( 'product_cat' ) ) {
        echo '<div class="opis-kategorii-po-produktach">';
        woocommerce_taxonomy_archive_description(); // bezpośrednio funkcja
        echo '</div>';
    }
}

📌Dlaczego to działa?

  • woocommerce_taxonomy_archive_description() jest przypisane do hooka woocommerce_archive_description, który z kolei WooCommerce wywołuje przed produktami.
  • remove_action(...) usuwa to przypięcie, więc opis znika z góry.
  • Wywołując woocommerce_taxonomy_archive_description() ręcznie, pokazujesz opis dokładnie tam, gdzie chcesz – np. na dole strony.

🧠 Bonus: co jeśli masz motyw blokowy?

Jeśli używasz motywu opartego na blokach (FSE), możesz użyć edytora szablonów WordPressa i ręcznie przesunąć blok „Opis kategorii” niżej, bez potrzeby kodowania.

Dla bardziej zaawansowanych można również ręcznie poprawiać

Szablony bloków

Nowy WooCommerce domyślnie zawiera kilka szablonów bloków . Są to:

  • Pojedynczy produkt ( single-product.html)
  • Katalog produktów ( archive-product.html)
    • Produkty według kategorii ( taxonomy-product_cat.html)
    • Produkty według tagu ( taxonomy-product_tag.html)
    • Produkty według atrybutu ( taxonomy-product_attribute.html)
  • Wyniki wyszukiwania produktów ( product-search-results.html)
  • Strona: Już wkrótce ( page-coming-soon.html)
  • Strona: Koszyk ( page-cart.html)
  • Strona: Kasa ( page-checkout.html)
  • Potwierdzenie zamówienia ( order-confirmation.html)

W przypadku motywów blokowych można dostosowywać szablony w następujący sposób:

  • Można zastąpić szablony, tworząc plik o tej samej nazwie w folderze /templates. Na przykład, jeśli motyw blokowy zawiera szablon wp-content/themes/yourtheme/templates/single-product.html, będzie on miał pierwszeństwo przed domyślnym szablonem Single Product WooCommerce.
  • Szablony Products by Category, Products by Tag i Products by Attribute wracają do szablonu Product Catalog. Innymi słowy, jeśli motyw udostępnia szablon archive-product.html, ale nie udostępnia szablonu taxonomy-product_cat.html, szablon Products by Category użyje szablonu archive-product.html. To samo dotyczy szablonów Products by Tag i Products by Attribute.
  • Można tworzyć szablony dla konkretnych produktów i taksonomii. Na przykład, jeśli motyw dostarcza szablon z nazwą pliku single-product-cap.html, ten szablon będzie używany podczas renderowania produktu za pomocą slug cap. Podobnie, motywy mogą dostarczać konkretne szablony taksonomii: taxonomy-product_cat-clothing.html byłyby używane w kategorii produktów za pomocą slug clothing.
  • Pamiętaj, że użytkownicy mogą modyfikować szablony udostępniane przez motyw za pośrednictwem Edytora witryny.
Przewijanie do góry