编辑 Woocommerce 结帐模板

Question

在此先感谢大家， 我对服装编辑很陌生，想知道如何将 woo 结帐字段更改为图片中的样子（包括在内）。 我试图查看 form-b​​illing.php 和 form-checkout.php，但没有弄清楚所有字段的位置，因此我可以操纵输出并在 css 中编辑所有其余部分。

关于问题还有几个问题：

1.这可以通过动作/过滤器完成还是需要手动编码？

2.我可以通过functions.php将#id附加到woo commerce的某些部分

相信你们可以帮忙，祝大家干杯

Image:

Answer 1

您可以使用一些操作和过滤器来通过 woocommerce 结帐执行大量工作：https://docs.woocommerce.com/document/tutorial-customising-checkout-fields-using-actions-and-filters/

但是，您想要的快速 css 修复是：

#billing_address_1_field {
	width: 48%;
	float: left;
    clear: none;
}
#billing_address_2_field {
	width: 48%;
    float: right;
    clear: none;
	padding-top: 36px;
}

这对我有用。