• 欢迎访问小朱博客,博主主要从事阿里巴巴国际站运营,WordPress建站,电子商务。如果你也是从事阿里巴巴国际站运营工作,欢迎加入阿里巴巴国际站SEO QQ群
  • 本站所有内容都是我在工作中所遇到的问题,通过搜索引擎查到资料,有自己原创经验分享,有收集来的,记录并分享,方便自己以后查阅。
  • 主要:建站资料,网络推广,服务器,软件分享,办公软件操作,阿里巴巴国际站,国外社交平台,各类工具等等。
  • 好记性不如烂笔头。
  • 如果您觉得本站非常有看点,那么赶紧使用 Ctrl+D 收藏 小朱博客 吧!

WooCommerce修改“添加到购物车”按钮的文字

WordPress技巧 小朱博客 1年前 (2018-04-02) 203次浏览 0个评论

使用WooCommerce发布产品,当填写了商品价格时,添加到购物车上的文字为“添加到购物车(Add to cart)”, 大多数情况下,这种默认设置都是没问题的,当我们需要个性化我们的网络商店,提现品牌差异化的时候,我们可能需要修改一下添加到购物车按钮上的文字。

修改button文字

WooCommerce产品列表页面中每个产品的下面都有一个“添加到购物车”按钮。假设现在我们想把按钮上的文字改成“查看“。

有两种方式可是实现:插件;修改代码。

插件

WC Custom Add to Cart labels插件专门用来做这个工作。安装并激活后,在WooCommerce的Setting->Products中会出现Add to cart button labels子项。把默认设置“Add to cart”修改成你希望显示的文字。

修改代码

修改woocommerce/includes/class-wc-product-simple.php文件

此文件定义了类WC_Product_Simple,继承自WC_Product。该类有成员函数add_to_cart_text(),规定了在按钮中显示的文字,修改成自己希望的文字即可。
这里修改的只是产品列表页面上的att-to-cart按钮,没有修改单个产品页面上的按钮。

修改主题的function.php文件

WooCommerce版本<2.1:

修改单产品页面上的添加到购物车按钮上的文字:

add_filter( 'add_to_cart_text', 'woo_custom_cart_button_text' );    // < 2.1
function woo_custom_cart_button_text() {
        return __( 'My Button Text', 'woocommerce' );

}

修改产品列表页面上的添加到购物车按钮上的文字:

add_filter( 'add_to_cart_text', 'woo_archive_custom_cart_button_text' );    // < 2.1
function woo_archive_custom_cart_button_text() {
        return __( 'My Button Text', 'woocommerce' );
}

WooCommerce>2.1

修改单产品页面上的添加到购物车按钮上的文字:

add_filter( 'woocommerce_product_single_add_to_cart_text', 'woo_custom_cart_button_text' );    // 2.1 +
function woo_custom_cart_button_text() {
        return __( 'My Button Text', 'woocommerce' );
}

修改产品列表页面上的添加到购物车按钮上的文字:

add_filter( 'woocommerce_product_add_to_cart_text', 'woo_archive_custom_cart_button_text' );    // 2.1 +
function woo_archive_custom_cart_button_text() {
        return __( 'My Button Text', 'woocommerce' );
}

欢迎浏览小朱博客 , 由小朱发表的:WooCommerce修改“添加到购物车”按钮的文字
转载请注明原文链接:https://www.zhudc.com/wordpress/911
喜欢 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址