Productpagina tabs verwijderen of hernoemen

Standaard worden op de pagina van een product een aantal tabs getoond. Deze tabs kun je gebruiken om extra informatie over het product tonen of klanten de mogelijkheid te geven een review achter te laten.

Met wat aangepaste code kun je deze tabs compleet verwijderen, hernoemen of zelfs aanvullen met extra tabs. In dit korte artikel laat ik je zien welke code je daarvoor kunt gebruiken en hoe je die aanpast om jouw gewenste resultaat te krijgen.

Tab Manager plugin

Als je totaal niet technisch bent en je bang bent voor code is het wellicht verstandig dit niet zelf te doen.

Wil je tabs aanpassen zonder met code te hoeven werken? Schaf dan WooCommerce Tab Manager van YITH themes aan.

Met deze plugin kun simpel en snel tabs aanpassen en indelen en krijg je er nog allerlei extra functies bij. Deze plugin biedt tevens de mogelijkheid om extra tabs aan je productpagina toe te voegen.

Verwijder een specifieke tab

Als je een van de standaard tabs wilt verwijderen kun je gebruik maken van het onderstaande stukje code. Plaats deze in het functions.php bestand van je thema.

add_filter( 'woocommerce_product_tabs', 'woo_remove_product_tabs', 98 );

function woo_remove_product_tabs( $tabs ) {

    unset( $tabs['description'] );      	// Verwijder de omschrijving tab
    unset( $tabs['reviews'] ); 			// Verwijder de reviews tab
    unset( $tabs['additional_information'] );  	// Verwijder de extra informatie tab

    return $tabs;

}

Als je niks wijzigt aan deze code worden alle tabs op de productpagina verwijderd.

Als je bijvoorbeeld de reviews tab wilt verwijderen, maar de tab met de productomschrijving en de extra informatie (bij een variabel product) wilt behouden verwijder je unset( $tabs['additional_information'] ); en unset( $tabs['description'] ); uit de code. Zo kun je zelf kiezen welke tabs je wel en niet op de productpagina toont.

Hernoem een tab

Het kan ook zijn dat je een tab wilt hernoemen om de naam beter aan te laten sluiten bij de producten die je verkoopt. In dat geval kun je het onderstaande stukje code in functions.php plaatsen en de tabs een andere naam geven.

add_filter( 'woocommerce_product_tabs', 'woo_rename_tabs', 98 );
function woo_rename_tabs( $tabs ) {

	$tabs['description']['title'] = __( 'Meer informatie' );	// Hernoem de omschrijving tab
	$tabs['reviews']['title'] = __( 'Klantreviews' );		// Hernoem de reviews tab
	$tabs['additional_information']['title'] = __( 'Details' );	// Hernoem de extra informatie tab

	return $tabs;

}

In dit voorbeeld heb ik de Omschrijving tab hernoemt naar ‘Meer informatie’, de Reviews tab hernoemt naar ‘Klantreviews’ en de Extra informatie tab heb ik omgedoopt tot ‘Details’.

Voeg een tab toe

Het is ook mogelijk om met wat custom code een tab toe te voegen. Omdat dit echter complexer is dan bovenstaande voorbeelden raden wij niet aan om dit zelf te doen.

Wil je zelf alle controle over tabs op je productpagina hebben? Download dan WooCommerce Tab Manager.