Comment rendre les éléments de la barre latérale actifs pour le produit actuel dans WooCommerce ?

Élément de la barre latérale active pour le produit actuel dans WooCommerce

L'ajout d'une barre latérale à la page de détails de votre produit WooCommerce est un moyen d'améliorer l'expérience utilisateur . Cependant, vous pourriez rencontrer le défi d'identifier le produit actuel et d'afficher une classe « active » en conséquence.

Obtention de l'ID du produit actuel

Pour ajouter un " active" au produit actuellement sélectionné dans la barre latérale, vous devez obtenir l'ID du produit actuel. Dans les versions WooCommerce antérieures à 3.0, vous pouvez accéder à l'ID du produit en utilisant le code suivant :

echo get_the_ID();

Cependant, dans WooCommerce 3.0 et versions ultérieures, vous devez utiliser ce code modifié :

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

Ce code accède au produit à l'aide de la variable globale $product puis récupère son identifiant à l'aide de get_id()

Ajout de la classe "Active"

Une fois que vous avez l'ID de produit actuel, vous pouvez le comparer à l'ID de produit dans la barre latérale et ajouter le classe "active" si elles correspondent. Voici un exemple :

Ce code compare l'ID de produit obtenu précédemment ($id) à l'ID de l'élément actuel de la barre latérale ($li). S'ils correspondent, il ajoute la classe "active" au

element.

En implémentant ce code, vous pouvez effectivement afficher une classe "active" pour l'élément de la barre latérale correspondant au produit actuellement sélectionné dans votre thème WooCommerce.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!