外贸独立站删除和隐藏WooCommerce添加到购物车按钮的几种方式

外贸建站 很大部分企业都是做B2B业务,在使用WordPress和WooCommerce组合建立外贸独立站时,不需要使用WooCommerce自带的加入购物车在线下单功能Add to cart和价格功能,这就是说使用WooCommerce的Catalog Mode。所以本文给大家分享几种移除隐藏Add to cart和价格的方法。

方法一:安装插件移除隐藏

YITH WooCommerce Catalog Mode

WordPress插件YITH WooCommerce Catalog Mode的主要功能就是使WooCommerce能够开启目录模式,隐藏添加到购物车和结账按钮,使WooCommerce能够适用于外贸B2B网站发布管理产品。

woocommerce_catalog_mode

该插件使用简单,只需要下载插件安装激活插件,在setting页面简单设置 ,开启对应的选项即可。

下载地址

MMWD Remove Add To Cart for WooCommerce

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

woocommerce remove Add to cart

下载地址

方法二:主题自带删除隐藏

有些高级主题自带移除隐藏woocommerce加入购物车按钮功能,以Astra Pro主题为例,主题选项里面激活WooCommerce功能后,再进入主题自定义设置,这里我们看到商店产品结构配置的选项,将添加到购物车的功能关闭即可。

astra themes remove add to cart

通常情况一些高级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。

总结

通过这3种方法,我们就实现了使用WordPress和WooCommerce配合搭建一个产品展示的B2B网站,你还有好的方法推荐吗?

Posted in 外贸建站教程.