更改颜色和大小前的添加到购物车按钮的文本

问题描述 投票:0回答:1

过去几天我一直想弄清楚,如何在客户选择一个选项之前更改“添加到购物车”按钮的文本。

https://www.surendra.sk/shop/accessories/arizona-sandals-2/这是产品页。

因此,基本上,在选择颜色和大小之前,应该有另一个文本,例如“请选择选项”,并且在用户选择之后,它将更改为“添加到购物车”。

已经有另一个类被调用,它将在进行任何选择之前更改CTA的背景颜色。我试图首先通过Javascript修改它;

jQuery(document).ready(function(){
jQuery('div.summary.entry-summary > form > div > div.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-disabled > button').html('Vyberte farbu a veľkosť');

});

没有结果。

然后,我试图将其直接实现到functions.php中

add_action( 'woocommerce_before_add_to_cart_button', 'test' );

function test(){
    echo 'Vyberte farbu a veľkosť';
}

在CTA上方显示了文字。

所以我尝试使用过滤器并使用

woocommerce_product_add_to_cart_text

再次让我没有结果。

因此,我试图在.php文件中找到“ woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-disabled”以直接在此处更改文本。

可悲的是,我发现的唯一是一个替换了类的.js,基本上是这样的:

VariationForm.prototype.onHide = function( event ) {
    event.preventDefault();
    event.data.variationForm.$form.find( '.single_add_to_cart_button' ).removeClass( 'wc-variation-is-unavailable' ).addClass( 'disabled wc-variation-selection-needed' );
    event.data.variationForm.$form.find( '.woocommerce-variation-add-to-cart' ).removeClass( 'woocommerce-variation-add-to-cart-enabled' ).addClass( 'woocommerce-variation-add-to-cart-disabled' );

[我知道我想以某种方式调用$ product和$ args,但要使用functions.php来实现,但是我是PHP的新手,对此我还是听不清。

您能帮我这个吗?

非常感谢。

在过去的几天里,我试图弄清楚,如何在客户选择一个选项之前更改“添加到购物车”按钮的文本。 https://www.surendra.sk/shop/accessories/arizona-sandals-2/ ...

javascript php wordpress woocommerce
1个回答
0
投票

为什么不通过WC语言文件更改文本?如果您觉得困难,请使用Loco Translate插件。

© www.soinside.com 2019 - 2024. All rights reserved.