• Zur Hauptnavigation springen
  • Skip to main content
  • Zur Hauptsidebar springen
  • Zur Fußzeile springen
Logo

CITROWEB

Erste Wahl für Ihren Onlineauftritt

  • Home
  • Leistungen
    • Webdesign, Webentwicklung und Beratung
    • Online-Shops mit WooCommerce
    • Technische Unterstützung für WooCommerce-Shops
    • Suchmaschinenmarketing
      • SEO: Ihr Webauftritt erhält mehr relevante Besucher
      • SEA: Suchmaschinenwerbung für Ihren Webauftritt
    • Webhosting
  • Blog
  • Kontakt aufnehmen
Home » Blog » Unterkategorien von Produkten visuell trennen in WooCommerce – separate ‚ul‘-Listen

Unterkategorien von Produkten visuell trennen in WooCommerce – separate ‚ul‘-Listen

7. September 2021

Unterkategorien von Produkten visuell trennen in WooCommerce

Bei WooCommerce werden auf der Kategorie-Archive-Seite im Standard, je nach Konfiguration, die Unterkategorien vor den Produkten angezeigt oder ausgeblendet. Es ist aber nicht möglich die Auflistung getrennt darzustellen. Wenn wir die Darstellung trennen möchten und zwei separate Auflistungen haben möchten, so ist es möglich folgenden Code zu verwenden.

/**
* Move WooCommerce subcategory list items into their own <ul> separate from the product <ul>.
*/
add_action( 'init', 'iphf_move_subcat_list' );
function iphf_move_subcat_list() {
	// Remove the subcat <li>s from the old location.
	remove_filter( 'woocommerce_product_loop_start', 'woocommerce_maybe_show_product_subcategories' );
	add_action( 'woocommerce_before_shop_loop', 'iphf_product_loop_start', 1 );
	add_action( 'woocommerce_before_shop_loop', 'iphf_maybe_show_product_subcategories', 2 );
	add_action( 'woocommerce_before_shop_loop', 'iphf_product_loop_end', 3 );
}
/**
 * Conditonally start the product loop with a <ul> contaner if subcats exist.
 */
function iphf_product_loop_start() {
	$subcategories = woocommerce_maybe_show_product_subcategories();
	if ( $subcategories ) {
		woocommerce_product_loop_start();
	}
}
/**
 * Print the subcat <li>s in our new location.
 */
function iphf_maybe_show_product_subcategories() {
	echo woocommerce_maybe_show_product_subcategories();
}
/**
 * Conditonally end the product loop with a </ul> if subcats exist.
 */
function iphf_product_loop_end() {
	$subcategories = woocommerce_maybe_show_product_subcategories();
	if ( $subcategories ) {
		woocommerce_product_loop_end();
	}
}

So sieht es dann im Frontend aus:

Move WooCommerce subcategory list items into their own separate from the product

Somit sind wir in der Lage die Unterkategorien entsprechend zu stylen und beispielsweise als Filter darzustellen. Das ermöglicht den Kunden und Kundinnen Produkte besser aus dem Katalog rauszusuchen.

Danke an twoelevenjay

Kategorie: WooCommerce, WordPress

Haupt-Sidebar

Suche

Neueste Beiträge

  • „Danke für dein Vertrauen in WordPress“ vom unteren Rand des Dashboards entfernen
  • WordPress-Logo aus der Toolbar entfernen
  • Lebensdauer des Login-Cookies in WordPress verändern
  • WordPress-Multisite und Cookie Einstellungen in der wp-config.php
  • GUIDs in WordPress nach Domainumzug aktualisieren

Footer

Logo




© 2023 CITROWEB
  • Datenschutzerklärung
  • Impressum
  • English