首页 > 解决方案 > 隐藏运输方式价格并仅显示运输方式标题

问题描述

请参考视频参考链接:“https://www.loom.com/share/e3fb59a2423545aca06f40ec864d7af1”</p>

我在结账时根据区域有近 30 种运输方式,我只需要显示运输方式标题并隐藏其成本,因此用户只能看到添加到他们的运费中的总总额

无法定位价格类 id(在 CSS 中实现 none 属性)以单独隐藏价格,因为两者都显示为同名类 id

我还检查了其他禁用的插件,例如购物车流或运输方式显示样式,但无法做到

你能检查一下这个问题吗?

谢谢!

标签: phpwordpresswoocommerce

解决方案


请尝试下面的 javascript 代码,因为价格不在单独的类别中,所以我们需要去掉 " : " 之后的字符串。我已经使用您的运输方式测试了脚本并且它有效。将脚本放在页面的页脚或网站的页脚中。

  var x = document.getElementById("shipping_method_0");
  
  for(var i=0; i<=x.length-1; i++) {

    var opt = x.options[i];
    var opt_curr_label = opt.innerText;
    var opt_new = opt_curr_label.substr(0, opt_curr_label.lastIndexOf(":"));
    opt.label = opt_new;

  }
<html lang="en" dir="ltr">

  <body>

    <select name="shipping_method[0]" data-index="0" id="shipping_method_0" class="shipping_method">
                                        <option value="flat_rate:6" selected="selected">Select Your Area Ammanur: ₹40.00</option>
                                        <option value="flat_rate:7">Ambedkar Nagar: ₹25.00</option>
                                        <option value="flat_rate:43">Arakkonam State Highways: ₹25.00</option>
                                        <option value="flat_rate:8">Ashok Nagar: ₹30.00</option>
                                        <option value="flat_rate:9">Ganesh Nagar: ₹30.00</option>
                                        <option value="flat_rate:10">Gandhi Nagar: ₹30.00</option>
                                        <option value="flat_rate:11">Galivari Kandigai: ₹40.00</option>
                                        <option value="flat_rate:12">Jawahar Nagar In &amp; Out: ₹40.00</option>
                                        <option value="flat_rate:41">Jothi Nagar: ₹25.00</option>
                                        <option value="flat_rate:13">Kainoor Railway Gate Near: ₹35.00</option>
                                        <option value="flat_rate:14">Krishna Polytechnic Surrounding: ₹30.00</option>
                                        <option value="flat_rate:15">Kilkuppam: ₹50.00</option>
                                        <option value="flat_rate:16">Lakshmi Nagar: ₹30.00</option>
                                        <option value="flat_rate:17">Madhava Nagar: ₹30.00</option>
                                        <option value="flat_rate:18">Mangammapet: ₹35.00</option>
                                        <option value="flat_rate:93">Mangammapet outer: ₹40.00</option>
                                        <option value="flat_rate:19">Netaji Nagar: ₹40.00</option>
                                        <option value="flat_rate:20">Nehruji Nagar: ₹25.00</option>
                                        <option value="flat_rate:21">Nagaalamma Nagar: ₹40.00</option>
                                        <option value="flat_rate:22">Palanipet: ₹30.00</option>
                                        <option value="flat_rate:23">Palanipet (Outer): ₹35.00</option>
                                        <option value="flat_rate:24">Perumuchi: ₹50.00</option>
                                        <option value="flat_rate:25">Polur: ₹50.00</option>
                                        <option value="flat_rate:26">Puliyamangalam Railway Station (7am-5pm): ₹40.00</option>
                                        <option value="flat_rate:27">Rajaji Nagar: ₹25.00</option>
                                        <option value="flat_rate:28">Railway Hospital Circle: ₹30.00</option>
                                        <option value="flat_rate:42">SBI Surrounding: ₹35.00</option>
                                        <option value="flat_rate:29">Shah Nagar: ₹40.00</option>
                                        <option value="flat_rate:30">Sivasakthi Nagar Near: ₹40.00</option>
                                        <option value="flat_rate:31">SR Gate: ₹30.00</option>
                                        <option value="flat_rate:32">Stuartpet Circle: ₹25.00</option>
                                        <option value="flat_rate:33">Taluk Office Backside: ₹25.00</option>
                                        <option value="flat_rate:34">Thandalam: ₹50.00</option>
                                        <option value="flat_rate:35">Town Hall Streets: ₹25.00</option>
                                        <option value="flat_rate:36">TN Housing Board: ₹25.00</option>
                                        <option value="flat_rate:37">Upparapalayam: ₹35.00</option>
                                        <option value="flat_rate:38">Uppukulam surrounding: ₹25.00</option>
                                        <option value="flat_rate:39">Venkatesapuram: ₹40.00</option>
                                        <option value="flat_rate:40">Winterpet: ₹30.00</option>
                                </select>



</body>
</html>


推荐阅读