สลับตำแหน่งรหัสไปรษณีย์หน้า Checkout Woocommerce

สามารถเพิ่ม css ชุดนี้เพื่อเปลี่ยนการแสดงผล

form.checkout .address-field {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
}
form.checkout label[for=billing_address_1]{
  width: 100%;
  order: 2;
}
form.checkout span.woocommerce-input-wrapper{
  width: 100%;
  order: 3;
}
form.checkout p.billing-address-filter{
  width: 100%;
  order: 1;
  margin: 0 0 16px;
}

ผลลัพธ์

วิธีการเพิ่มโค้ด CSS