


Wie aktiviere ich Seitenleistenelemente für das aktuelle Produkt in WooCommerce?
Nov 13, 2024 am 06:41 AM<h2>Aktives Seitenleistenelement für aktuelles Produkt in WooCommerce</h2>
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.
<h3>Erhalten der aktuellen Produkt-ID</h3>
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.
<h3>Hinzufügen der Klasse „Aktiv“</h3>
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:
<?php global $product; $id = $product->get_id(); $li = get_the_ID(); if ($id == $li) { echo '<li>
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 <li> 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!

Heißer Artikel

Hot-Tools-Tags

Heißer Artikel

Heiße Artikel -Tags

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen

11 beste PHP -URL -Shortener -Skripte (kostenlos und Premium)

Arbeiten mit Flash -Sitzungsdaten in Laravel

Vereinfachte HTTP -Reaktion verspottet in Laravel -Tests

Erstellen Sie eine React -App mit einem Laravel -Back -Ende: Teil 2, reagieren

Curl in PHP: So verwenden Sie die PHP -Curl -Erweiterung in REST -APIs

12 Beste PHP -Chat -Skripte auf Codecanyon
