Php 点击后,将“添加到购物车”按钮更改为“查看购物车”按钮

Php 点击后,将“添加到购物车”按钮更改为“查看购物车”按钮,php,ajax,wordpress,woocommerce,storefront,Php,Ajax,Wordpress,Woocommerce,Storefront,我有一个Wordpress网站。我正在使用WooCommerce的店面主题。我启用了ajax添加到购物车按钮。单击“添加到购物车”按钮并将产品成功添加到购物车时,我希望该按钮更改为“查看购物车”按钮(将文本更改为“查看购物车”,并链接到购物车)。如果可能的话,我还想改变按钮的样式,以区别于标准的“添加到购物车”按钮。php代码是什么样子的?在Woocommerce中,默认情况下,当您单击“添加到购物车”按钮时,另一个按钮已出现在右侧的“查看购物车”: 这已经由woocommerce jQuer

我有一个Wordpress网站。我正在使用WooCommerce的店面主题。我启用了ajax添加到购物车按钮。单击“添加到购物车”按钮并将产品成功添加到购物车时,我希望该按钮更改为“查看购物车”按钮(将文本更改为“查看购物车”,并链接到购物车)。如果可能的话,我还想改变按钮的样式,以区别于标准的“添加到购物车”按钮。php代码是什么样子的?

在Woocommerce中,默认情况下,当您单击“添加到购物车”按钮时,另一个按钮已出现在右侧的“查看购物车”

这已经由woocommerce jQuery脚本完成,该脚本在“添加到购物车”按钮后添加链接到购物车页面的“查看购物车”按钮

如果单击“添加到购物车”按钮,则可以隐藏“添加到购物车”按钮,因为其中会显示一个附加类
“已添加”
(请参见下面生成的代码):

然后很容易重新设置“查看购物车”按钮的样式(链接到购物车页面):


所以您不需要任何代码,只需要一些CSS…

谢谢!有没有办法通过模板文件对其进行样式设置/编辑?在functions.php中重写?
<a rel="nofollow" href="/shop/?add-to-cart=741" data-quantity="1" data-product_id="741" data-product_sku="WN001-1" class="button product_type_simple add_to_cart_button ajax_add_to_cart added">Add to cart</a>
a.added_to_cart.wc-forward {
    background-color: #8c8c8c !important;
    color: white !important;
    min: .618em 2.4em !important;
}
a.added_to_cart.wc-forward:after {
    content: inherit; !important;
}