Woocommerce - 您如何在购物车中选择运输选项时执行 ShortCode？

Question

我有一个电子商务商店，其购物车页面显示了一个名为“运费报价（给我们发送电子邮件）”的自定义运输选项。但是，我想在我的网站上执行一些简短的代码，该代码将显示一个联系表格，以便用户可以轻松填写​​所需的详细信息以获得运费报价。以下是我的页面目前的样子：

在我的插件中添加代码 sn-p 后，我设法让表单触发，但它会在页面加载后立即触发，然后在 任何 其他选项时消失已选中。

这是我添加的代码 sn-p 以显示上述内容：

    <?php

add_action( 'woocommerce_after_shipping_rate', 'checkout_shipping_additional_field', 20, 2 );
function checkout_shipping_additional_field( $method, $index )
{
    if( $method->get_id() == 'request_shipping_quote' ){
        echo do_shortcode('[ws_form id="1"]');
    }
}

?>

为了重申这个问题，我可以执行简短的代码来显示我的联系表单，但它只会在购物车页面加载后显示，然后在选择任何运输选项时立即消失。我只希望它在选择“运费报价（向我们发送电子邮件）”时执行，并在每次用户再次点击关闭/重新打开时重新显示。

Answer 1

我建议你使用 woocommerce_cart_totals_after_shipping 钩子。

function show_form_woocommerce_cart_totals_after_shipping(){
    echo do_shortcode('[ws_form id="1"]');
}
add_action( 'woocommerce_cart_totals_after_shipping', 'show_form_woocommerce_cart_totals_after_shipping', 20 );

更多信息，你可以在这里查看WooCommerce Visual Hook Guide: Cart Page

您可以使用 woocommerce 拒绝的updated_shipping_method 触发器。检查here

function show_hide_form_based_on_shipping(){
    ?>
    <script type="text/javascript">
        (function($){

            $( document.body ).on( 'updated_shipping_method', function(){
                
                var shipping_method = $('.shipping_method:checked').val();

                if( shipping_method == 'your-shipping-method-id' ){
                    $('.wsf-form').show();
                }else{
                    $('.wsf-form').hide();
                }
                
            } );

        })(jQuery);
    </script>
    <?php
}
add_action( 'wp_footer', 'show_hide_form_based_on_shipping', 10, 1 );