Výpis produktů a podkategorií na stránce obchodu či kategorie je vytvořen pomocí stejného loopu. V článku si ukážeme, jak přesunout výpis podkategorií mimo produkty.
V nastavení zobrazení stránky obchodu a kategorie si můžete vybrat, zda budete zobrazovat:
- pouze produkty
- pouze kategorie
- oboje
Což není problém, pokud zvolíte jednu z možností, ale v případě, že chcete mít vypsané podkategorie i produkty, je to často dost nepřehledné.
WooCommerce totiž využívá jeden a ten samý loop, takže vizuálně nejsou podkategorie oddělené. Vypadá to takto:

Můžete vidět, že to působí celkem zmatečně.
Přesunutí kategorií
Nejprve tedy vypneme zobrazení podkategorií ve výpise.
Vytvoříme si kód pro výpis podkategorií a zavěsíme jej na začátek loopu.
Kód vložíme do vlastního pluginu, nebo do functions.php.
Výsledek:

Jak můžete vidět, podkategorie jsou mimo výpis produktů a je možné je nastylovat jak uznáte za vhodné.
Další užitečné snippety najdete na stránce Užitečné snippety pro WooCommerce