Code đặt label vào nằm trong ô nhập nội dung trang check out

4/5 - (29 bình chọn)

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

woocommerce checkout hide field label use as placeholder

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).

Display Field Labels Inside Input

Chúc các bạn thao tác thành công!

Bình luận

Email của bạn sẽ không được hiển thị công khai.

Scroll to Top