我想在我的 woocommerce 结帐表单中完成两件事:1. 在某些字段组之间放置一些文本,例如 (h3):
<h3>my custom heading</h3>
<p class="form-row form-row validate-required">
<input type="email">...
</p>
<h3>my other custom heading</h3>
<p class="form-row form-row validate-required">
<input type="text">...
</p>
<p class="form-row form-row validate-required">
<input type="text">...
</p>
Run Code Online (Sandbox Code Playgroud)
2.在html中先显示input tag,label tag为第二(woocommerce默认显示label before input)
我发现此代码显示了结帐表单(用于计费):
<?php foreach ( $checkout->checkout_fields['billing'] as $key => $field ) : ?>
<?php woocommerce_form_field( $key, $field, $checkout->get_value( $key ) ); ?>
<?php endforeach; ?>
Run Code Online (Sandbox Code Playgroud)
如何按照我描述的方式自定义它?
Woocommerce加载woocommerce-smallscreen.css最大宽度768px.如何将其更改为767px?我使用这个css文件,所以我希望它被加载,但也改变了这个媒体查询断点.
我在woocommerce css文件中搜索了这个媒体查询,但我没有找到我在chrome devtools中看到的这个短语: media="only screen and (max-width: 768px)"