web-dev-qa-db-fra.com

Comment supprimer le lien de la vignette du produit d'une div spécifique dans Woocommerce?

J'ai une section sur ma page d'accueil qui présente les 4 produits les plus populaires de ma boutique Woocommerce. I est situé dans une div en tant que tel:

<div id="trending">
    <p class="trending-title">Trending Products</p>
    <?php echo do_shortcode('[best_selling_products per_page="4"]'); ?>
</div>

Je veux supprimer le fait que la vignette est cliquable. Je ne veux pas dire supprimer le bouton "Ajouter au panier", mais la vignette est cliquable et vous amène à la page du produit individuel. Au départ, je pensais éditer le fichier product-image.php mais je ne voulais pas affecter cette fonctionnalité sur l’ensemble du site, mais simplement dans cette "tendance" div. Est-ce que quelqu'un sait comment je peux accomplir cela? Merci d'avance pour vos réponses et suggestions!

phpwoocommercehtml
1
T.Doe

Oui, vous pouvez par exemple cibler le lien lui-même dans l'ID de tendance avec CSS et supprimer l'action avec CSS lui-même. À votre place, cela ressemblerait à ceci:

#trending > li.product > a {

   pointer-events: none;
   cursor: default;

}

Notez que c’est un schéma CSS, pas un CSS exact, qui dépend des classes que vous avez (je serais plus précis si vous fournissiez un lien). Mais le fait est que vous ciblez <li> dans #trending id et un lien dans <li> lui-même et que vous désactivez tous les événements pour que le travail soit effectué.

J'espère que ça aide.

0
Usce