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 Tabs umplatzieren

von | Mrz 7, 2020 | Allgemein, eCommerce | 3 Kommentare

Schlagwörter: WooCommerce

In einem etwas älteren Beitrag wurde heute ein Kommentar hinterlegt und da hat mich jemand gefragt:

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?

Meine Stammleser wissen, dass ich so Fragen einfach liebe, dann kann ich nämlich einen neuen Blogbeitrag dazu schreiben und eure Fragen so direkt beantworten 🙂

So also hier meine Antwort auf diese Frage.

Natürlich ist es möglich, die Position des Produkt Tabs zu ändern und nein, es ist kein grosser Aufwand und sollte eigentlich für alle Möglich sein – die wissen wie WordPress funktioniert.

Wie immer gilt – „DONT TOUCH WordPress without a New BACKUP!!“ – übersetzt heisst es – NIE was an WordPress rumschrauben, ohne zuvor ein komplettes sauberes Backup zu machen. Denn wie ihr wisst, können Unfälle geschehen und da ist man immer froh, wenn man ein Sicherheitsnetz hat…

Also ihr kennt WooCommerce, im normalen Zustand ist der Produkt Tab direkt unter dem Bild und meistens quer über die ganze Seite (ausser ihr habt ein spezielles Theme im Einsatz)

Nun möchte man also den Tab auf die rechte Seite verschieben.

Ihr geht dazu einfach in eure functions.php File und fügt folgender Code hinzu und speichert es dann ab.

1
2
remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 10 );
add_action( 'woocommerce_single_product_summary', 'woocommerce_output_product_data_tabs', 60 );

Nachher sollte der Tab umplatziert sein und etwa so aussehen.

Denkt einfach daran wenn ihr den Tab umplatziert habt, dass ihr dann auch weniger Platz habt. Wenn ihr also mehr als 2 Tabs aktiv habt, dann kann es sehr komisch aussehen. Ich würde das also nur machen wenn ich unbedingt müsste.

So danke für die Frage und wenn noch weitere Fragen auftauchen, einfach in die Kommentare reinschreiben.





3 Kommentare

  1. Sarah

    Hello, merci für diesen Code, die add-function funktioniert prima, allerdings wird bei mir leider die remove-function nicht ausgeführt…

    Antworten
    • Maxi D.

      Hallo, ich habe leider das selbe Problem. Die remove-function wird nicht ausgeführt und daher zeigt es mir die Tabs zweimal an. Gibt es hierfür schon eine Lösung?

      Vielen Dank im Vorraus!

      Antworten
  2. Bernd

    Hallo Eric-Oliver,
    Ist es auch möglich einen einzelnen tab, zB den Bewertungs-Tab, aus den tabs zu lösen und ganz unten der Produktseite zu platzieren?

    Antworten

Einen Kommentar abschicken

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