WooCommerce购物车按钮删除和隐藏几种方法

79次阅读

共计 1189 个字符,预计需要花费 3 分钟才能阅读完成。

在很多站长建站的时候,使用到 WooCommerce 购物车功能,其中基本上都用不到 Add to cart 和价格功能,也称为 Catalog Mode。本篇文章分享几种去除 Add to cart 和价格的方法。

方法一:使用插件

YITH WooCommerce Catalog Mode

WooCommerce 购物车按钮删除和隐藏几种方法

YITH WooCommerce Catalog Mode 是一款 WordPress 插件,主要作用就是为 WooCommerce 开启目录模式,隐藏添加到购物车和结账按钮。

使用方法很简单,下载插件并且安装,然后进入插件设置开启对应的选项即可。

MMWD Remove Add To Cart for WooCommerce

这款插件也可以帮我们隐藏掉添加到购物车和价格的内容,安装插件后,进入 WooCommerce 的设置,产品,Remove Add to Cart 标签里面可以设置。

方法二:主题设置里面隐藏

WooCommerce 购物车按钮删除和隐藏几种方法

这里以 Astra Pro 主题为例,在主题选项里面激活 WooCommerce 功能后,进入主题自定义设置,就可以看到商店产品结构的选项,关闭添加到购物车的功能即可。

通常情况一些高级 WordPress 主题都带有这些设置,你可以仔细找找设置选项。

方法三:使用代码

如果你的主题不支持隐藏,也不想使用插件隐藏,那么可以使用下面的两种代码移除购物车按钮。

代码 1:直接设置产品为不可购买状态

add_filter(‘woocommerce_is_purchasable’, ‘__return_false’);

代码 2:移除 add to cart 按钮

remove_action(‘woocommerce_after_shop_loop_item’, ‘woocommerce_template_loop_add_to_cart’);
remove_action(‘woocommerce_single_product_summary’, ‘woocommerce_template_single_add_to_cart’, 30);

代码 3:移除价格

remove_action(‘woocommerce_after_shop_loop_item_title’, ‘woocommerce_template_loop_price’, 10);
remove_action(‘woocommerce_single_product_summary’, ‘woocommerce_template_single_price’, 10);

代码 1 是直接把产品设置成了不可购买,相比代码 2,可能兼容性更好,因为代码 2 直接把对应的钩子删除了,有些主题上可能存在界面展示的 bug。

总结:以上就是 WooCommerce 购物车按钮删除和隐藏方法介绍,通过以上这 3 种方法,就可以实现使用 WordPress 和 WooCommerce 配合搭建一个产品展示的 2B 网站。

推荐:《WooCommerce 教程:给订单添加视频或图片》

正文完
 0