WooCommerce:隐藏付款按钮,直到选择运输
问题描述:
我已经联系了几年前我为其制作网站的客户。那是在我从头开始制作自定义主题之前,所以这是一个模板/儿童主题的混乱。WooCommerce:隐藏付款按钮,直到选择运输
客户希望结账部分的底部只在用户选择运送时才显示,否则用户只需点击即可结束结账过程的最后一步,而无需选择运送。据我所见,任何包含div的任何包含div的视图都不会更改为另一个视图,所以我找不到任何要用CSS定位的内容,这些内容将隐藏此部分,直到用户位于正确的视图中。有没有人有任何想法,我可以如何实现这一目标?
该网站是在这里:http://www.hidalgoequine.com
非常感谢!
答
添加您的自定义“上一个”和“下一个”按钮在主题重写为woocomerce检出页面(或)使用jquery,添加您的自定义按钮并附加事件 - 基于该显示/隐藏。例如隐藏运输。 jQuery的( “six.columns.shipping”)隐藏();基于CSS活动/跟踪步数并相应地显示div。最后一步显示付款选项,然后显示paynow按钮。
+0
谢谢Senthil。不知道我完全理解你的答案,但我会根据无序列表的状态和结帐步骤尝试一个jQuery hack(活动视图的li有一个'active'类),我会在这里发布解决方案,如果我得到这个工作。 –
试图用CSS来做这似乎不是正确的做法。您应该提供所需的运输字段,这样用户无法点击下一步,因为他们必须先填写运输。 – Christophvh
感谢您的回答。据我所见,运费已设置为必填项,但问题在于付款方式/“下订单”div在结帐过程的所有阶段都可见,因此用户可以点击即可在WorldPay结帐之前进行点击添加他们的地址。我反对黑客,但这个客户不支付这项工作(他们认为这是对原始网站的错误),所以我正在寻找任何功能解决方案。 –