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

2025-05-25 0 106

在很多站长建站的时候,使用到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) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

快网idc优惠网 建站教程 WooCommerce购物车按钮删除和隐藏几种方法 https://www.kuaiidc.com/16229.html

相关文章

发表评论
暂无评论