مرجع آموزش برنامه نویسی

افراد زیادی هستند که از طریق تحصیل یا علاقه به حوزه برنامه نویسی وارد می شوند ، اما پس از مدتی یا از یادگیری بی نتیجه خسته می شوند و یا آنطور که باید از کار خود لذت نمی برند. برنامه نویسی مسیر دشواری دارد که فقط افراد قدرتمند و هدفمند از پس آن بر می آیند. کسانی که به هر قیمتی استقامت می کنند هزینه رشد خود را می پردازند.
۴ دوره
+1500 دقیقه آموزش
۴۶۶ مقاله
۱۲۴۸ کاربر
سون کلونر

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

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

امروز، می‌خواهم یک قطعه سریع را با شما به اشتراک بگذارم که می‌توانید آن را به تم WooCommerce خود اضافه کنید تا به شما کمک کند توضیحات را زیر تصویر منتقل کنید. من همچنین توضیح خواهم داد که چگونه همه چیز کار می کند تا به شما کمک کند یاد بگیرید چرا این قطعه کد اضافه شده به functions.php توضیحات محصول را به زیر تصویر کوچک محصول یا تصویر منتقل می کند.

توضیحات حرکت ووکامرس در زیر تصویر در 5 مرحله

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

  • وارد داشبورد سایت ووکامرس خود شوید و فایل functions.php را باز کنید
  • یک قلاب ایجاد کنید که توضیحات را به تصویر کوچک محصول اضافه می کند، به عنوان مثال،
add_action( 'woocommerce_product_thumbnails', 'move_description_to_under_image');
  • تابع callback را ایجاد کنید و excerpt() را در تابع callback برگردانید و این توضیحات زیر تصویر را چاپ می کند.
  • یک remove_action برای حذف توضیحات قبلی از موقعیت اصلی ایجاد کنید زیرا قبلاً همان توضیحات را در زیر تصویر اضافه کرده اید.
  • این قطعه را اضافه کنید و تغییرات را ذخیره کنید و توضیحات باید در زیر تصویر ظاهر شود

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

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

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

تابع callback می‌تواند نام دیگری داشته باشد اما قلاب ووکامرس باید در “woocommerce_product_thumbnails” باشد.

add_action( 'woocommerce_product_thumbnails', 'move_description_to_under_image', 40 );

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

تابع callback فقط باید گزیده را برگرداند زیرا این همان چیزی است که ما می خواهیم نمایش دهیم. دلیل اینکه ما کارشناس را برمی گردانیم این است که محصول ووکامرس یک نوع پست سفارشی است و توضیحات محصول معادل گزیده پست است، مانند یک پست معمولی. بنابراین کد تابع پاسخ به تماس به صورت زیر خواهد بود:

function move_description_to_under_image(){

    the_excerpt();

}

قطعه کد ترکیبی به شرح زیر است:

add_action( 'woocommerce_product_thumbnails', 'move_description_to_under_image', 40 );

function move_description_to_under_image(){

     the_excerpt();

}

این کد توضیحات را به موقعیتی که می‌خواهیم اضافه می‌کند، اما همانطور که در تصویر زیر می‌بینید، توضیحات اصلی همچنان در جای خود است:

با Remove_action توضیحات محصول اصلی را حذف کنید

اکنون باید توضیحاتی که به طور پیش فرض در ووکامرس اضافه شده است را با استفاده از تابع remove_action وردپرس حذف کنیم. این اقدام حذف به woocommerce_single_product_summary متصل می شود و کد به شرح زیر است:

remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_excerpt', 20 );

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

/**
 * Remove Original Product Description
 */ 
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_excerpt', 20 );

/**
 * Add the new product description under the image 
 */ 

add_action( 'woocommerce_product_thumbnails', 'move_description_to_under_image', 40 );
function move_description_to_under_image(){
    return the_excerpt();
}

این کد را به فایل functions.php تم فرزند خود اضافه کنید و تغییرات را ذخیره کنید و بررسی کنید که آیا توضیحات محصول را با موفقیت به زیر تصویر منتقل کرده اید یا خیر:

بسته شدن

وقتی می‌خواهید توضیحات را به زیر تصویر در ووکامرس منتقل کنید، باید یک قلاب روی ریز عکس‌های محصول ووکامرس اضافه کنید. قلاب باید گزیده نوع پست سفارشی محصول را نمایش دهد. همچنین باید از remove_action برای حذف خلاصه محصول اصلی استفاده کنید.

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


قیمت آموزش
رایگان
نوع دسترسی
رایگان

این مقاله در حال حاضر تنها به روش رایگان در دسترس می باشد.

ناصر خالدی
مدرس دوره

ناصر خالدی

مهندس شبکه, امنیت, برنامه نویسی تلفن های هوشمند, طراح وب سایت و متخصص هوش مصنوعی

گفتگوی برنامه نویسان

بخشی برای حل مشکلات برنامه‌نویسی و مباحث پیرامون آن

دیدگاه‌ها و پرسش‌ها

برای ارسال نظر نیاز است تا ابتدا وارد سایت شوید.

هیچ نظری ارسال نشده است.

مقالات پیشنهادی

هک و امنیت

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


۳۳
۰
۱۳ آذر ۱۳۹۹

بک لینک چیست؟

بک لینک (Back Link) به لینک دادن یک سایت به سایت دیگر گفته میشود که یک فاکتور مهم و اساسی در سئو هر سایتی می باشد.


۳۷
۰
۲۲ آذر ۱۳۹۹

پی اچ پی - PHP

با استفاده از این زبان می توان وب سایت های پویا طراحی کرد, این زبان می تواند با HTML ادغام شود, در حقیقت یک زبان اسکریپتی متن باز و رایگان است. یعنی زمانی که سرور درخواست ...


۶۲
۰
۱۳ آذر ۱۳۹۹

وردپرس

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


۳۵
۰
۱۳ آذر ۱۳۹۹
logo-samandehi
تماس با ما

می توانید از طریق اطلاعات زیر با ما در ارتباط باشید.

درباره ما

سایت سون کلونر به تازگی شروع به کار کرده است و امید می رود تا بتواند پایگاه وسعی از آموزش های رایگان را در دسترس فارسی زبانان قرار دهد.