WordPress

Allgemein

Technik

Design

Konzept

WordPress Plugins

Interessantes

Vermarktung

Themen

Font / Schriften

Social Media

Youtube

eCommerce

Gemischtes

Kolumne

Webinar

Blog Archiv

Kurse / Webinare

Meine nächste Webinare / Kurse

WooCommerce Produkt Tab anpassen

von | Jan 26, 2018 | eCommerce | 5 Kommentare

Ich habe euch ja schon gesagt wie man die WooCommerce Beschreibungs Tab anpassen kann, so wie auch die WooCommerce Bewertungs Tabs ausblenden kann.

Mit diesen Tabs kann man aber noch viel mehr machen

Wie immer müsst ihr dafür zuerst die functions.php Datei finden und öffnen und dann gebt einfach die Codes ein – speichert es ab und lädt es wieder auf euren Server hoch.

Produkt Tabs umbenennen

Man kann zum Beispiel, den 3 Tabs (Beschreibung, Bewertung und Zusätzliche Informationen) auch andere Titel geben. Ersetzt einfach immer die Worte zwischen den runden Klammern (lasst aber die ‚ stehen).

1
2
3
4
5
6
7
8
9
10
add_filter( 'woocommerce_product_tabs', 'woo_rename_tabs', 98 );
function woo_rename_tabs( $tabs ) {
 
	$tabs['description']['title'] = __( 'More Information' );		// Rename the description tab
	$tabs['reviews']['title'] = __( 'Ratings' );				// Rename the reviews tab
	$tabs['additional_information']['title'] = __( 'Product Data' );	// Rename the additional information tab
 
	return $tabs;
 
}

Produkt Tabs Reihenfolge ändern

Man kann aber auch die Reihenfolge der Tabs anpassen. Mit dem Folgenden Code kommt zuerst die Bewertung, dann die Beschreibung und dann erst die Zusätzlichen Infos.

1
2
3
4
5
6
7
8
9
add_filter( 'woocommerce_product_tabs', 'woo_reorder_tabs', 98 );
function woo_reorder_tabs( $tabs ) {
 
	$tabs['reviews']['priority'] = 5;			// Reviews first
	$tabs['description']['priority'] = 10;			// Description second
	$tabs['additional_information']['priority'] = 15;	// Additional information third
 
	return $tabs;
}

Produkt Tabs mit eigenem Tab erweitern

Und wer ganz mutig ist, kann auch einen zusätzlichen Tab einbauen. Im folgenden Code könnt ihr auch den Titel anpassen (Zwischen den runden Klammern) und unten in der 2. Function könnt ihr den Inhalt definieren. Dafür müsst ihr aber Grundkenntnisse von HTML und PHP können.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
add_filter( 'woocommerce_product_tabs', 'woo_new_product_tab' );
function woo_new_product_tab( $tabs ) {
 
	// Adds the new tab
 
	$tabs['test_tab'] = array(
		'title' 	=> __( 'New Product Tab', 'woocommerce' ),
		'priority' 	=> 50,
		'callback' 	=> 'woo_new_product_tab_content'
	);
 
	return $tabs;
 
}
function woo_new_product_tab_content() {
 
	// The new tab content
 
	.echo '<p>Here\'s your new product tab.</p>';
 
}

Inhalt in Zusätzliche Information Tab einfügen

Wenn ihr im Tab ≪Zusätzliche Information≫ mehr Inhalt einfügen wollt, es aber nur angezeigt werden sollte bei einem bestimmten Produkt. Dann habe ich hier noch eine Lösung für dieses Problem.

Hier WooCommerce Produkte – Zusätzlicher Inhalte einfügen im “Zusätzliche Information” Tab eines spezifischen Produkts findet man die Anleitung und den Code dazu





5 Kommentare

  1. Raymond

    Hallo Eric-Oliver

    Danke für die gute Anleitung, die sehr hilft.

    Ich hätte da aber noch eine zusätzliche Frage. Ist es auch relativ einfach möglich, die Eigenschaften des Tabs „Zusätzliche Informationen“ nicht unterhalb des Produktbildes, sondern rechts neben dem Bild zu platzieren? Oder braucht dies ein erheblicher Aufwand und damit verbundene Programmierkenntnisse?

    Beste Grüsse Raymond

    Antworten
  2. Linus

    Hallo Deine Übersetzungsschnipsel funktionieren Danke dafür.
    Leider ignoriert der Code, dass bei Bewertungen im Standard eine Anzahl in () steht.
    bei den Beschriftungen, die sind mit WPML Mehrsprachig, leider bleibt dann die bezeichnung auf Deutsch stehen, auch wenn man dann in eine andere Sprache schaltet.
    Also für mich ist das leider nicht geeignet. Trotzdem vielen Dank fürs Veröffentlichen.

    Antworten
    • Eric-Oliver Mächler

      Genau, dieser Lösung ist nur dazu da, wenn man 1 Sprache hat – weil das wird fest einprogrammiert.. Wenn man aber mehrere Sprachen haben möchte, dann muss man das ganze zb über das WPML Plugin lösen.

      Antworten

Einen Kommentar abschicken

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert