WooCommerce 产品图像在悬停禁用时缩放 - PHP

本主题介绍如何在 WooCommerce 中禁用产品悬停时的缩放效果，并提供 PHP 代码示例。

什么是 WooCommerce？

WooCommerce 是一个用于创建电子商务网站的 WordPress 插件。它是一款功能强大的电子商务解决方案，可帮助您创建自己的在线商店，管理产品目录、付款方式、运输方式等。

什么是产品悬停缩放？

在 WooCommerce 中，当用户将鼠标悬停在产品图像上时，产品图像会自动缩放以显示更多细节。这是一种非常有用的功能，但在某些情况下，您可能希望禁用它。

如何禁用产品悬停缩放？

要禁用产品悬停缩放，您需要向主题中添加以下 PHP 代码：

add_action( 'after_setup_theme', 'remove_theme_support', 11 );

function remove_theme_support() {
   remove_theme_support( 'wc-product-gallery-zoom' );
}

将上面的代码添加到您的主题 functions.php 文件中即可禁用产品悬停缩放效果。

代码解析

该代码使用 add_action() 函数添加一个名为 remove_theme_support 的自定义函数，该函数会移除 WooCommerce 中的产品悬停缩放支持。

具体而言，我们使用 remove_theme_support() 函数来删除 wc-product-gallery-zoom 的支持。这个支持是由 WooCommerce 添加的，使得在产品悬停时可以启用缩放效果。通过移除它，我们实现了禁用该效果的目的。

结论

在 WooCommerce 中禁用产品悬停缩放效果是一个非常简单的过程，只需要添加一行代码即可。如果您想要控制产品图像的布局和缩放效果，可以尝试寻找其他 WooCommerce 插件或自己编写定制代码。