ووکامرس

قرار دادن ادامه مطلب برای توضیحات کوتاه محصولات ووکامرس

قرار دادن ادامه مطلب برای توضیحات کوتاه محصولات ووکامرس

بخش توضیحات کوتاه در محصولات بسیار مفید بوده و همیشه زیرعنوان محصول نمایش داده می‌شود. این بخش به شما کمک می‌کند تا توضیحات کوتاه و تکمیلی درباره محصول به کاربر ارائه دهید. این توضیحات تاثیر زیادی روی خرید کاربران دارد و اگر به درستی از این بخش استفاده شود، نرخ تبدیل (Conversion Rate) شما را افزایش چشمگیری می‌دهد.

اما گاهی وقت‌ها برخی از فروشگاه‌های اینترنتی اطلاعات زیادی را در این بخش قرار می‌دهند که نمایش این متن به طور کامل باعث بهم ریختگی برگه محصول می‌شود که ما قصد داریم راهکاری برای این دوستان ارائه دهیم. قصد داریم در این آموزش روشی را معرفی کنیم که به شما کمک می‌کند تا برای این بخش “ادامه مطالب” قرار دهید و کاربر در صورت تمایل با کلیک برروی این گزینه توضیحات کوتاه شما را به طور کامل مشاهده کند. با ما در وب‌جامه همراه شوید.

قرار دادن ادامه مطلب برای توضیحات کوتاه محصولات ووکامرس

شما برای اینکار فقط کافیست کد زیر را از طریق آموزش قرار دادن کد دلخواه در Function.php وردپرس به سایت خود اضافه کنید :

/*
 * @snippet     Truncate Short Description @ WooCommerce Single
 * @author      Saleh Eslam Panah
 * @WebSite     https://Webjame.Com
 */
add_action( 'woocommerce_after_single_product', 'webjame_woocommerce_short_description_truncate_read_more' );
 
function webjame_woocommerce_short_description_truncate_read_more() { 
   wc_enqueue_js('
      var show_char = 100;
      var ellipses = "... ";
      var content = $(".woocommerce-product-details__short-description").html();
      if (content.length > show_char) {
         var a = content.substr(0, show_char);
         var b = content.substr(show_char - content.length);
         var html = a + "<span class=\'truncated\'>" + ellipses + "<a class=\'read-more\'>ادامه مطلب</a></span><span class=\'truncated\' style=\'display:none\'>" + b + "</span>";
         $(".woocommerce-product-details__short-description").html(html);
      }
      $(".read-more").click(function(e) {
         e.preventDefault();
         $(".woocommerce-product-details__short-description .truncated").toggle();
      });
   ');
}

توجه داشته باشید در خط دوازدهم عدد 100 نشان‌دهنده تعداد کاراکترها قبل از نمایش دکمه “ادامه مطلب” است.

حرف آخر

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

امیدوارم این آموزش برای شما مفید بوده باشد، اگر سوالی در این رابطه داشتید حتماً در بخش نظرات برای ما بنویسید و این مطلب را با دوستان خود در شبکه‌های اجتماعی به اشتراک بگذارید. فراموش نکنید که اگر نیاز به مشاوره یا پشتیبانی وردپرس داشتید تیم وب‌جامه آماده بهبود عملکرد و رفع مشکلات سایت شما است.

4 thoughts on “قرار دادن ادامه مطلب برای توضیحات کوتاه محصولات ووکامرس

  1. profile avatar محمدجواد فرازمند گفت:

    دمتون گرم عالی بود

  2. profile avatar محمد گفت:

    سلام وقت بخیر
    ببخشید برای توضیحات کلی محصول چگونه میتوانیم ادامه مطلب بزاریم؟

    1. profile avatar صالح اسلام پناه گفت:

      دروود
      آموزش مجزا تهیه خواهد شد

  3. profile avatar bijan گفت:

    سلام من تو قالب فلت سام هر کاری کردم اکی نشد متاسفانه

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

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

چهار × 3 =