php - 更改 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 文件中。经过测试并有效。