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

Question

我在woocommerce购物车页面（http://www.couponclippingworld.com/cart/）上发送选项的单选按钮不会显示首次查看或刷新页面的时间。

但是，如果有人点击4个送货方法文本中的一个，按钮就会出现。

如果买家前往结帐页面（http://www.couponclippingworld.com/checkout/），则此页面上会显示按钮。

我检查了CSS，但我无法理解。任何帮助将不胜感激。 Thx Greg

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设计运输单选按钮不是一个好主意，因为它永远不会在每个移动设备上完美运行，它可以阻止客户结账。