انتقال برچسب(عنوان) فیلدهای صفحه پرداخت به داخل فیلد

اگرچه متخصصان UX ممکن هست از این سفارشی سازی خوششان نیاید ، اما هنوز هم مهم است که بدانیم با ووکامرس چه چیزهایی امکان پذیر می باشد.

در صفحه فرم پرداخت (تسویه حساب ووکامرس) ، یک هوک (فیلتر) بنام “woocommerce_checkout_fields” وجود دارد که توسعه دهندگان  به طور گسترده از آن برای تغییر رفتار فیلدهای ورودی بخش تسویه حساب استفاده می کنند.

در آموزش امروز ، ما نحوه حذف برچسب فیلدهای قسمت پرداخت از موقعیت پیش فرض خود (بالای فیلدها) را بررسی کرده و جای آنها را به داخل فیلدها منتقل کردیم همانند تصویر زیر :

 

 

انتقال برچسب(عنوان) فیلدهای صفحه پرداخت به داخل فیلد

 

برای این کار باید کد زیر به فایل Functions.php قالب خود اضافه کنید.

نکته : کاربرانی که از محصولات ماهدیس وب استفاده می کنند، باید این کد را به انتهای فایل myfunctions اضافه کنند.

 

add_filter( 'woocommerce_checkout_fields', 'mweb_labels_inside_checkout_fields', 9999 );
   
function mweb_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;
}

 

بیشتر بخوانید : مرتب سازی محصولات براساس موجودی در پیشخوان وردپرس