在Woocommerce单个产品页面中的单击事件上更改添加到购物车按钮文本

Question

当我单击“添加...”时，我试图交换woocommerce“添加到购物车”按钮的名称 如何在下面的函数中添加onclick行为？（无需编辑woocommerce模板文件。）

add_filter( 'woocommerce_product_single_add_to_cart_text', 'quailstudio_add_to_cart_text' );
function quailstudio_add_to_cart_text() {
        return __( 'Adding...', 'your-slug' );
}

Answer 1

以下代码将通过单击事件中的自定义文本替换正常的添加到购物车文本按钮：

add_action( 'wp_footer', 'single_add_to_cart_event_text_replacement' );
function single_add_to_cart_event_text_replacement() {
    global $product;

    if( ! is_product() ) return; // Only single product pages
    if( $product->is_type('variable') ) return; // Not variable products
    ?>
        <script type="text/javascript">
            (function($){
                $('button.single_add_to_cart_button').click( function(){
                    $(this).text('<?php _e( "Adding...", "woocommerce" ); ?>');
                });
            })(jQuery);
        </script>
    <?php
}

此代码位于您的活动子主题（或活动主题）的function.php文件中。经过测试并可以正常工作。