小编zdo*_*lny的帖子

如何在woocommerce结帐表单字段中重新排列/自定义html

我想在我的 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)

如何按照我描述的方式自定义它?

php wordpress woocommerce

2
推荐指数
1
解决办法
7004
查看次数

将Woocommerce媒体查询断点更改为以max-width:767px而不是768px加载woocommerce-smallscreen.css

Woocommerce加载woocommerce-smallscreen.css最大宽度768px.如何将其更改为767px?我使用这个css文件,所以我希望它被加载,但也改变了这个媒体查询断点.

我在woocommerce css文件中搜索了这个媒体查询,但我没有找到我在chrome devtools中看到的这个短语: media="only screen and (max-width: 768px)"

wordpress woocommerce

2
推荐指数
1
解决办法
1525
查看次数

标签 统计

woocommerce ×2

wordpress ×2

php ×1