在重定向到Woocommerce中的支付网关页面之前打开弹出消息

Question

我不想在重定向到我的支付网关页面之前向用户显示弹出消息(在我的情况下，我使用PayU Latam)。我在woocomerce > templates > checkout > payment.php文件中做了一些修改，但没有成功，因为虽然我实现了弹出窗口打开，但弹出窗口打开，但1秒后重定向到PayU页面。我想找到的方法，以重定向到付款页面后，他们关闭弹出窗口的用户。

有什么想法吗？

Answer 1

您可以在payment.php中的"Place Order“按钮上方为弹出框添加新链接。然后使用CSS隐藏原来的Place Order按钮，并使用jQuery在单击弹出消息中的“确认”按钮时触发它。

下面是一个使用https://jquerymodal.com/中的jQuery Modal作为弹出框的示例，因为您没有提供任何代码可用。您可以根据您已有的代码对其进行调整。

在弹出窗口中单击jQuery to trigger order按钮：

<script>
jQuery(document).ready(function($){
    $( "a#close_and_confirm_checkout" ).click(function() {
        $( "button#place_order" ).click();
    });
});
</script>

新的“下单”按钮、弹出消息和用于确认结帐的新按钮的HTML：

<a href="#confirm_checkout" rel="modal:open">Place Order</a>

<div id="confirm_checkout" class="modal">
    <p>Your popup message</p>
    <a href="#" rel="modal:close" id="close_and_confirm_checkout">Confirm Order</a>
</div>

最后，在弹出框中隐藏最初的WooCommerce Place Order按钮，该按钮将由我们的新按钮触发：

#place_order { display:none; }

经过测试并正常工作。你可以选择关闭弹出框点击新的“确认订单”按钮或不，我认为这是最好的情况下，用户还没有完成所有的必填字段在结帐表单，但您可以始终进一步发展，以检查这些字段，只有当必填字段为空时才关闭框。