حذف تب‌های محصول در وکامرس و نمایش توضیحات محصول به جای تب‌ها

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

remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 10 );
  
add_action( 'woocommerce_after_single_product_summary', 'bbloomer_wc_output_long_description', 10 );
  
function bbloomer_wc_output_long_description() {
?>
   <div class="woocommerce-tabs">
   <?php the_content(); ?>
   </div>
<?php
}

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

تغییر هدر یا عنوان تب‌ها ووکامرس در صفحه‌ی محصول

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

پنج اشتباه رایج در طراحی وب سایت که اکثرا هم مرتکب می‌شوند.

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

خوشحال می‌شویم اگر دیدگاه خود را در باره‌ی این مطلب بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *