woocommerce - 向 Woocommerce 运输选项添加工具提示

Question

只是想看看是否有办法为我的送货选项添加工具提示或弹出窗口，以便在客户悬停或点击(通过移动设备)时更详细地向客户解释此选项的含义？

Answer 1

简单的解决方案是通过将以下内容添加到您的 functions.php 文件(请参见下面的屏幕截图)来使用点击模式弹出窗口。链接将位于送货选项下方。

基本弹窗代码引用这里:https://www.w3schools.com/howto/howto_js_popup.asp

或者，使用带有以下代码的 Boxzilla 插件(免费)。

    add_action( 'woocommerce_checkout_order_review', function() {
    echo '<p style="text-align: center; text-decoration: underline;"><a href="#boxzilla-15213">Shipping Estimates</p>';
});

• Example of link location
• Example of popup