Có nhiều bạn muốn gọn cái trang check out của mình bằng cách đem cái label vào nằm trong ô nhập nội dung, như hình bên dưới
Việc này cũng khá dễ dàng, copy code sau dán vào functions.php của theme đang dùng.
add_filter( 'woocommerce_checkout_fields', 'sgd_labels_inside_checkout_fields', 9999 );
function sgd_labels_inside_checkout_fields( $fields ) {
foreach ( $fields as $section => $section_fields ) {
foreach ( $section_fields as $section_field => $section_field_settings ) {
$fields[$section][$section_field]['placeholder'] = $fields[$section][$section_field]['label'];
$fields[$section][$section_field]['label'] = '';
}
}
return $fields;
}
Chỉ cần vậy, không cần code sửa trang checkout gì cả. Bên dưới là hình kết quả sau khi chèn code vào (note: mình có dùng code khác xóa bớt các trường không cần thiết).
Chúc các bạn thao tác thành công!