آموزش نمایش نمودار تغییر قیمت محصول ووکامرس با نمودار قیمت محصول ووکامرس
نمودار تغییر قیمت محصول WooCommerce به فروشگاه WooCommerce شما امکان می دهد لیست کاملی از تغییرات قیمت محصولات WooCommerce را نمایش دهد تا کاربر بتواند نمودار تغییر قیمت محصول و قیمت محصول را از ابتدای ورود به فروشگاه شما مشاهده کند تا ببیند چه چیزی امروز در آنجا وجود دارد. .n
در این سری از آموزش های رایگان طراحی سایت، نمودارهای تغییر قیمت ووکامرس را می آموزیم.
نحوه نصب افزونه plot Prices
در ابتدای کار باید افزونه محصولات woocommerce Plot Prices را نصب و فعال کنید. برای انجام این کار، مطابق شکل زیر به قسمت Plugins و بخش Add در داشبورد وردپرس خود بروید. در آنجا با وارد کردن نام افزونه در قسمت داده شده، افزونه را نصب و فعال کنید. بی صدا
تغییرات قیمت محصول
روش اول
در این روش، قصد ما اضافه کردن دستی نمودار تغییر قیمت سفارشی برای چندین محصول است.
برای این کار وارد صفحه محصولات مورد نظر می شویم و کد کوتاه زیر را در آن صفحات قرار می دهیم:
[chartprice]
با وارد کردن این کد کوتاه، نمودار قیمت محصول در قسمتی که این کد کوتاه را وارد کرده اید نمایش داده می شود.
خروجی مثالی که در این آموزش بررسی کردیم به شرح زیر است:
برای تغییر نوع نمودار نیز می توانید مانند تصویر زیر به قسمت WooCommerce و زیر قسمت configuration رفته و در قسمت Customer List نوع نمودار را انتخاب کنید و در نهایت دکمه ذخیره تغییرات را فشار دهید.
نکته مهم: برای فارسی سازی تاریخ در نمودار تغییر قیمت، باید افزونه تقویم فارسی مانند WP-Parsidate یا wp-jalali را نصب کنید.
روش دوم
در روش دوم نمودار تمام محصولات خود را نمایش می دهیم. برای این کار به فایل functions.php در پوشه templates خود بروید. ابتدا از آن نسخه پشتیبان تهیه کنید تا در صورت بروز مشکل بتوانید آن را بازیابی کنید. سپس روی آن کلیک راست کرده و گزینه edit را انتخاب کنید. در نهایت کافیست کد زیر را به آن اضافه کرده و ذخیره کنید. بی صداتغییرات قیمت محصول
add_filter(‘chart_price_apply_filter_format_date’, ‘format_date’);
تابع قالب_تاریخ ($date)
{
$date=date(‘Y/M/d’); // پیش فرض Ymd
بازگشت $date; نمودار تغییرات قیمت محصول
}
سپس به فایل single-product-page.php در پوشه templates خود بروید و روی آن کلیک راست کرده و گزینه edit را انتخاب کنید. سپس کد زیر را وارد کرده و این فایل را ذخیره کنید.