دیجی اسکریپت

آموزش سفارشی کردن تب های محصولات ووکامرس | دیجی اسکریپت

آموزش سفارشی کردن تب های محصولات ووکامرس
[ad_1]

با توجه به امکانات افزونه فروشگاه ساز ووکامرس به این نکته تواجه داشته اید که در ادامه محصولات یک باکس در زیر تصاویر و جزئیات محصول مشاهده دارید که با استفاده از آن میتوانید به محصول خود امتیاز دهید , نظرات خود را ثبت کنید و …

 

افزودن و ویرایش تب های محصولات ووکامرس

تصویر زیر را مشاهده کنید :

 

آموزش سفارشی کردن تب های محصولات ووکامرس

 

با توجه به تصویر بالا مشاهده میکنید که تب های توضیحات و نظرات ظاهر هستند اما یک تب سفارشی دیگر توسط این آموزش هم ایجاد گردیده که بین این تب ها با نام نکات استفاده قرار گرفته است . برای مدیریت و ایجاد چنین تب هایی آموزش هایی در بیست اسکریپت انتشار داده بودیم که با افزونه قابل انجام بود .

 

در این آموزش وردپرس امروز به شما خواهیم آموخت که چگونه با استفاده از کد های ارائه شده به راحتی بتوانید دربخش محصولات ووکامرس به اضافه کردن تب به محصولات ووکامرس , ویرایش تب های محصولات ووکامرس و سفارشی سازی بپردازید .

 

حذف تب های محصولات ووکامرس

در این بخش به حذف تب های محصولات ووکامرس میپردازیم . گاها اگر بخواهید تب های محصولات ووکامرس را حذف کنید با روش ساده یعنی مراجعه به بخش پیکربندی به راحتی میتوانید این فیلد را حذف کنید .

 

اما با نصب برخی افزونه های ووکامرس تب هایی ایجاد میشود که نیاز کاربردی ندارد .

 

برای حذف این تب ها کافیست کد زیر را در functions.php قالب خود استفاده کنید .

 

نکته : حتما قبل از هر تغییری از قالب و وردپرس خود پشتیبان تهیه نمائید .

add_filter( 'woocommerce_product_tabs', 'wpb_remove_product_tabs', 98 );
function wpb_remove_product_tabs( $tabs ) {
    unset( $tabs['description'] );             // Remove the description tab
    unset( $tabs['reviews'] );                 // Remove the reviews tab
    return $tabs;
}

در واقع در کد بالا ما توانستیم تب توضیحات و نظرات رو غیر فعال و یا حذف کنیم .

 

تغییر نام تب های محصولات ووکامرس

در این بخش شما میتوانید به راحتی نام تب های ایجاد شده در بخش محصولات ووکامرس را به راحتی با استفاده از کد زیر تغییر دهید .

 

برای حذف این تب ها کافیست کد زیر را در functions.php قالب خود استفاده کنید .

add_filter( 'woocommerce_product_tabs', 'wpb_rename_tabs', 98 );
function wpb_rename_tabs( $tabs ) {
    $tabs['description']['title']               = __( 'توضیحات محصول', 'text-domain' );       // Rename the description tab
    $tabs['reviews']['title']                   = __( 'نظرات مردم', 'text-domain' );               // Rename the reviews tab
    $tabs['additional_information']['title']    = __( 'اطلاعات محصول', 'text-domain' );         // Rename the additional information tab
    return $tabs;
}

همینطور که در کد مشاهده میکنید روبه روی هر تبی نام فارسی آن درج شده و تنها شما میتوانید با تغییر نام به تغییر دلخواه خود دست پیدا کنید .

 

اضافه کردن تب به محصولات ووکامرس

یک محصول در حوزه های مختلف ممکنه جزئیات متفاوتی داشته باشد به عنون مثال شاید بخواهید برای محصولات خود توضیحی در مورد تخفیف ارائه بدید که بخواهید جز تب های محصولات ووکامرس باشد .

 

برای اینکار کافیست یک تب سفارشی ایجاد کرده و توضیحات دلخواه خود را در کد وارد نمائید .

 

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

 

نکته : از قالب وردپرس خود نسخه پشتیبان تهیه نمائید .

add_filter( 'woocommerce_product_tabs', 'wpb_new_product_tab' );
function wpb_new_product_tab( $tabs ) {
    // Add the new tab
    $tabs['test_tab'] = array(
        'title'       => __( 'تخفیف', 'text-domain' ),
        'priority'    => 50,
        'callback'    => 'wpb_new_product_tab_content'
    );
    return $tabs;
}
 
function wpb_new_product_tab_content() {
    // The new tab content
    echo 'تخفیف';
    echo 'جهت دریافت کد تخفیف به شماره ۰۰۰۰ sms ارسال نمائید';          
}

با توجه به ارائه کد های سفارشی سازی و افزودن تب به محصولات ووکامرس شاید توانایی و یا ترس از بهم ریختگی قالب و سایت خود داشته باشید برای همین بهتر است از افزونه WPB WooCommerce Custom Tab Manager استفاده کنید تا به راحتی با کاربری ساده این تغییرات را اعمال نمائید .

موفق و پیروز باشید .

نوشته آموزش سفارشی کردن تب های محصولات ووکامرس اولین بار در بیست اسکریپت. پدیدار شد.

[ad_2]

لینک منبع مطلب

ارسال دیدگاه جدید

به نکات زیر توجه کنید

  • نظرات شما پس از بررسی و تایید نمایش داده می شود.
  • لطفا نظرات خود را فقط در مورد مطلب بالا ارسال کنید.