防止 WooCommerce 图像上的可点击图像答案

【问题标题】：Prevent clickable image on WooCommerce image防止 WooCommerce 图像上的可点击图像
【发布时间】：2021-06-03 20:30:02
【问题描述】：

我尝试通过添加以下代码来阻止 WooCommerce 上的可点击图像事件。它工作正常，但添加后，在单个产品页面中，它会在图像上方显示一个文本（在本例中为“打开”）。我该如何解决这个问题？

function e12_remove_product_image_link( $html, $post_id ) {
    return preg_replace( "!<(a|/a).*?>!", '', $html );
}
add_filter( 'woocommerce_single_product_image_thumbnail_html', 'e12_remove_product_image_link', 10, 2 );

【问题讨论】：

标签： php css woocommerce

【解决方案1】：

您可以尝试在 css 中的 class 或 image 标签中添加：pointer-events: none;，这将使容器无法通过 CSS 进行点击。

关于“打开”文本，它可能来自图像中的 title 标记 (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title)。您可以尝试使用 javascript 将其删除以删除文本。

我不知道 WooCommerce 默认会向其链接添加什么，但其中一个默认设置可能是您的问题。

【讨论】：

pointer-events: none; 的问题是我还有一个插件可以让我有机会在悬停时放大。如果我添加此代码，它也会阻止缩放。顺便说一句，“打开”只是文本，它不是 div 或任何东西，也没有类，所以不知道如何删除它。
好的我解决了问题，我只是弄错了div，谢谢你的回答。
太棒了，你发现了问题！