在 woocommerce 购物车页面上看不到单选按钮

Question

首次查看或刷新页面时，我的 woocommerce 购物车页面 (http://www.couponclippingworld.com/cart/) 上的配送选项单选按钮不显示。

但是，如果有人点击 4 种运输方式文本中的一种，按钮就会显示出来。

如果买家进入结帐页面 (http://www.couponclippingworld.com/checkout/)，则此页面上会显示按钮。

我检查了 CSS，但无法弄清楚。任何帮助将不胜感激。谢谢格雷格

Answer 1

这是因为您将输入包装在 <div class="tm-radio"> 中，在结帐时删除该元素。

当你点击一个选项时它也会起作用，因为它会发送一个 ajax 请求，用这个替换你的块的内容：

<ul id="shipping_method">
        <li>
                            <input type="radio" name="shipping_method[0]" data-index="0" id="shipping_method_0_flat_rate"
 value="flat_rate"  class="shipping_method" />
                            <label for="shipping_method_0_flat_rate">Standard (Free)</label>
                        </li> etc.

但是，如果您想使用 css 设置这些按钮的样式，则需要将宽度和高度添加到 .tm-radio。通过 css 为发货单选按钮设置样式并不是一个好主意，因为它永远无法在所有移动设备上完美运行，并且可能会阻止您的客户结帐。