Comment accéder à l'ID produit dans WooCommerce pour un style de barre latérale personnalisé ?

DDD
Libérer: 2024-11-14 21:49:02
original
851 Les gens l'ont consulté

How to Access Product ID in WooCommerce for Custom Sidebar Styling?

Accès à l'ID de produit dans WooCommerce pour un style de barre latérale personnalisé

Lors de la création de barres latérales personnalisées pour les pages de détails des produits WooCommerce, un défi courant se pose en mettant en évidence le produit actuel. Cet article résout ce problème en proposant une solution pour ajouter une classe « active » au produit sélectionné dans la barre latérale.

Pour y parvenir, il est nécessaire d'obtenir l'ID de produit actuel. Dans WooCommerce 3 et versions ultérieures, cela peut être récupéré à l'aide du code suivant :

global $product;
$id = $product->get_id();
Copier après la connexion

La variable globale $product contient l'objet produit actuellement chargé. En accédant à sa méthode get_id(), nous pouvons obtenir l'ID du produit actuel.

Avec l'ID du produit en main, vous pouvez maintenant ajouter la classe "active" à l'élément de menu correspondant dans votre barre latérale. Par exemple, vous pouvez utiliser une logique conditionnelle telle que la suivante :

<li class="<?php if ($id === $sidebar_product_id) { echo 'active'; } ?>">
    <!-- Product information -->
</li>
Copier après la connexion

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal