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!