如何替换 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 加入购物车按钮。代码会在近期 PO 出。放个效果图