Technologie

Wie kann ich bei WooCommerce ähnliche Produkte ausblenden?

Melden
  1. Warum ähnliche Produkte ausblenden?
  2. Möglichkeiten, ähnliche Produkte in WooCommerce auszublenden
  3. Codebeispiel zum Ausblenden der ähnlichen Produkte
  4. Alternativ: Ähnliche Produkte per CSS ausblenden
  5. Fazit

In WooCommerce werden auf den Produktseiten standardmäßig ähnliche oder verwandte Produkte angezeigt, um Kunden weitere Kaufoptionen anzuzeigen. Manche Shop-Betreiber möchten jedoch diese Funktion deaktivieren oder die Anzeige der ähnlichen Produkte ausblenden, um die Aufmerksamkeit auf das Hauptprodukt zu lenken oder das Design der Seite sauberer zu gestalten. Im Folgenden wird erklärt, wie man ähnliche Produkte bei WooCommerce ausblenden kann.

Warum ähnliche Produkte ausblenden?

Ähnliche Produkte werden automatisch basierend auf Kategorien oder Schlagwörtern ausgewählt. Nicht in jedem Fall ist diese Funktion sinnvoll, da sie unter Umständen zu ablenkend wirkt oder nicht gewünschte Artikel hervorhebt. Auch aus gestalterischen Gründen kann es wichtig sein, die Sektion mit den related products oder ähnlichen Produkten zu verbergen, um die Produktseite minimalistischer zu gestalten und Ladenzeiten zu verbessern.

Möglichkeiten, ähnliche Produkte in WooCommerce auszublenden

Es gibt mehrere Ansätze, wie man die Anzeige der ähnlichen Produkte deaktivieren oder ausblenden kann. Eine einfache Variante ist das Hinzufügen eines kurzen Codeschnipsels in die functions.php des Child-Themes, wodurch die Ausgabe der verwandten Produkte unterbunden wird. Alternativ kann man per CSS die entsprechende Sektion schlicht verstecken, wenn keine programmiertechnische Anpassung gewünscht ist.

Codebeispiel zum Ausblenden der ähnlichen Produkte

Der folgende PHP-Code kann in die functions.php des Child-Themes eingefügt werden, um die Ausgabe der verwandten Produkte komplett zu deaktivieren:

remove_action( woocommerce_after_single_product_summary, woocommerce_output_related_products, 20 );

Diese Zeile entfernt die Funktion, die standardmäßig die ähnlichen Produkte anzeigt. Damit werden keine Produkte mehr unterhalb der Produktbeschreibung geladen.

Alternativ: Ähnliche Produkte per CSS ausblenden

Wer keine Änderungen am PHP-Code vornehmen möchte, kann auch mit einer einfachen CSS-Regel arbeiten, um die Anzeige zu unterdrücken. Dabei wird der Container für die ähnlichen Produkte mit display: none; versehen, so dass sie nicht sichtbar sind:

.related.products { display: none !important; }

Dieser Ansatz ist unkompliziert und kann z.B. im Customizer unter Zusätzliches CSS hinterlegt werden. Allerdings werden die Produkte weiterhin geladen, auch wenn sie nicht sichtbar sind.

Fazit

Das Ausblenden ähnlicher Produkte bei WooCommerce ist je nach Anforderung und technischem Kenntnisstand problemlos möglich. Die sauberste Lösung ist das Entfernen der Funktion per PHP-Code, wodurch keine unnötigen Daten mehr geladen werden. Für eine schnelle Lösung ohne Programmieraufwand eignet sich das Verstecken per CSS. Shop-Betreiber sollten abhängig von Design und Performance entscheiden, welcher Weg für sie sinnvoll ist.

0

Kommentare