WooCommerce购物车按钮删除和隐藏几种方法(购物车添加删除怎么实现)

WooCommerce购物车按钮删除和隐藏几种方法(购物车添加删除怎么实现)

扫码添加渲大师小管家,免费领取渲染插件、素材、模型、教程合集大礼包!

在很多站长建站的时候。使用到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教程:给订单添加视频或图片》

分享到 :
相关推荐

主机托管服务常见的问题有哪些(主机托管服务常见的问题有哪些呢)

主机托管服务常见的问题有:1。主机带宽出现问题。导致服务器出现故障影响整个网络环境;...

海外服务器备案如何办理(海外服务器备案如何办理手续)

海外服务器备案如何办理?应用国外的服务器基本建设网站是不用办理备案的。网站办理备案在...

apache将不带www域名301重定向到带www的域名的配置方法

相信很多站长朋友都有这样的的问题出现。即带www前缀的域名与不带www前缀的顶级域名...

香港云服务器网站速度不理想该如何解决(香港云服务器网站速度不理想该如何解决)

香港云服务器的网站速度不理想的解决方法:1.网络问题的话。可以考虑切换香港云服务器[...

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注