wordpress插件 WOOCOMMERCE 如何替换商品页的 “加入购物车” 按钮

之前 Forece 写过一篇文章讲的是 如何移除 WOOCOMMERCE 的 “加入购物车” 按钮 ,不过 Forece 发现了一个弊端,就是移除 Add to Cart 按钮之后,如果有产品有分类的话,那么分类产品也不会显示了。所以没办法, Forece 只好自己改造 “加入购物车” 这个按钮了。

在主题模板中找了半天,也没发现加入购物车按钮的元素,后来发现原来藏在了插件模板中~~~

找到
./wp-content/plugins/woocommerce/templates/single-product/add-to-cart/variation-add-to-cart-button.php
./wp-content/plugins/woocommerce/templates/single-product/add-to-cart/simple.php
./wp-content/plugins/woocommerce/templates/single-product/add-to-cart/grouped.php
./wp-content/plugins/woocommerce/templates/single-product/add-to-cart/external.php

看文件名应该能明白这几个页面吧,我就不多说了,如果不懂就全都改掉。

然后搜索关键字 "single_add_to_cart_button button alt"
然后这行就是产品页面添加到购物车的按钮了。

1

<button type="submit" class="single_add_to_cart_button button alt"><?php echo esc_html( $product->single_add_to_cart_text() ); ?></button>

然后你就直接替换成你自己想要的效果即可~~

Forece 直接用按钮弹出微信二维码图片的效果替换了 WOOCOMMERCE 加入购物车按钮

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值