Wie aktiviere ich Seitenleistenelemente für das aktuelle Produkt in WooCommerce?

Aktives Seitenleistenelement für aktuelles Produkt in WooCommerce

Das Hinzufügen einer Seitenleiste zu Ihrer WooCommerce-Produktdetailseite ist eine Möglichkeit, die Benutzererfahrung zu verbessern . Möglicherweise stehen Sie jedoch vor der Herausforderung, das aktuelle Produkt zu identifizieren und entsprechend eine „aktive“ Klasse anzuzeigen.

Erhalten der aktuellen Produkt-ID

Um ein „ Wenn Sie die Klasse „active“ zum aktuell ausgewählten Produkt in der Seitenleiste hinzufügen möchten, müssen Sie die ID des aktuellen Produkts abrufen. In WooCommerce-Versionen vor 3.0 konnten Sie mit dem folgenden Code auf die Produkt-ID zugreifen:

echo get_the_ID();

In WooCommerce 3.0 und höher müssen Sie jedoch diesen geänderten Code verwenden:

global $product;
$id = $product->get_id();

Dieser Code greift über die globale Variable $product auf das Produkt zu und ruft dann seine ID mithilfe der Methode get_id() ab.

Hinzufügen der Klasse „Aktiv“

Sobald Sie die aktuelle Produkt-ID haben, können Sie diese mit der Produkt-ID in der Seitenleiste vergleichen und bei Übereinstimmung die Klasse „aktiv“ hinzufügen. Hier ist ein Beispiel:

Dieser Code vergleicht die zuvor erhaltene Produkt-ID ($id) mit der ID des aktuellen Seitenleistenelements ($li). Wenn sie übereinstimmen, wird die Klasse „aktiv“ zur Klasse

hinzugefügt. Element.

Durch die Implementierung dieses Codes können Sie effektiv eine „aktive“ Klasse für das Seitenleistenelement anzeigen, das dem aktuell ausgewählten Produkt in Ihrem WooCommerce-Theme entspricht.

Das obige ist der detaillierte Inhalt vonWie aktiviere ich Seitenleistenelemente für das aktuelle Produkt in WooCommerce?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!