如何从WooCommerce中的特定div中删除产品缩略图链接?

时间:2016-05-11 作者:T.Doe

我在头版上有一个部分,显示了我的Woocommerce商店中最受欢迎的四大产品。I位于div内,如下所示:

<div id="trending">
    <p class="trending-title">Trending Products</p>
    <?php echo do_shortcode(\'[best_selling_products per_page="4"]\'); ?>
</div>
我想消除缩略图可以单击的事实。我的意思不是删除“添加到购物篮”按钮,而是可以单击缩略图并将您带到单个产品页面。我最初想编辑产品图片。php文件,但我不想影响整个网站的这一功能,只是在该分区的“趋势”。有人知道我怎样才能做到这一点吗?提前感谢您的回答和建议!

1 个回复
最合适的回答,由SO网友:Usce 整理而成

是的,例如,您可以使用CSS将链接本身定位在趋势id内,并使用CSS本身删除操作,在您的位置上,它会是这样的:

#trending > li.product > a {

   pointer-events: none;
   cursor: default;

}
请注意,这是CSS方案,而不是确切的CSS,它依赖于您拥有的类(如果您提供链接,我会更具体)。但关键是你的目标是<li> 在…内#trending id和内部链接<li> 并且您正在禁用任何事件,这样就可以完成工作。

我希望这有帮助。

相关推荐

显示作者姓名PHP(自制插件)

我有一个需要帮助的问题,因为我自己找不到解决办法。我接管了一个网站,之前有人在那里创建了一个自制插件。。使用默认插件“Contact Form 7”,用户可以在页面上创建帖子。()https://gyazo.com/c8b20adecacd90fb9bfe72ad2138a980 )关于自行创建的插件“Contact Form 7 extender”,帖子是通过PHP代码在后台生成的(https://gyazo.com/115a6c7c9afafd2970b66fd421ca76a3)其工作原理如下:如果