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

گاهی وقت ها در طراحی وب سایت با ووکامرس لازم میشه که تب‌های ووکامرس را در صفحه‌ محصول حذف کنیم و محتوای دیگری به کاربرانمون نمایش بدیم. برای این کا ابتدا باید با حذف فراخوانی تابع 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
}

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

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

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

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

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

دیدگاه خود را بنویسید