افزونه نمایش متغیرهای ووکامرس در یک جدول شبکه ای | WooCommerce Variations to Table – Grid

افزونه WooCommerce Variations to Table – Grid یک پلاگین برای نمایش متغیرهای محصول ووکامرس در یک جدول شبکه ای با امکان مدیریت ستون های نمایشی و… است. با این افزونه می توانید منوهای انتخاب گزینه پیش‌فرض صفحه محصول را در یک جدول شبکه ای نمایش دهید. با این افزونه شما می توانید جزئیات محصولات از جمله (تصویر، رنگ، موجودی، قیمت، انتخاب تعداد، اندازه و غیره را در جدول شبکه ای نمایش دهید. کاربران شما به راحتی می توانند با مشاهده این جدول از جزئیات محصولات شما با خبر بشوند و محصولاتی را که می خواهند با دکمه ی افزودن به سبد خریدی که در جدول وجود دارد به سبد خرید خود اضافه کنند.

افزونه WooCommerce Variations to Table – Grid دارای ویژگی فعال/غیرفعال کردن جدول شبکه برای هر محصول، دسته های مختلف و نقش های کاربری است. شما می توانید موقعیت جدول (بعد از محصول، کنار تصویر و…) را تعیین کنید و ترتیب ستون‌های جدول را سفارشی سازی کنید. همچنین شما می توانید آیکون افزودن به سبد را سفارشی سازی کنید و وزن، ابعاد، افزودن به سبد خرید و غیره را در جدول شبکه ای نمایش دهید. این افزونه از WooCommerce Variation Swatches and Photos، YITH WooCommerce Wishlist، AJAX، YITH WooCommerce Quick View و غیره پشتیبانی می کند و دارای یک پنل تنظیمات مدیریتی با گزینه‌های فراوان است که به شما کمک میکند متغیرهای ووکامرس را در یک جدول شبکه ای نمایش دهید.

نکات مهم:

1. تغییر مکان قرار گیری جدول تغییرات به درستی عمل نمی کند.
2. تعداد ستون ها برای نمایش بسته به مکان نمایش نباید بیشتر از تعداد مشخصی بشود، چون باعث بیرون زدگی جدول از صفحه می شود و از حالت ریسپانسیوی خارج می شود.

ویژگی های افزونه نمایش متغیرهای ووکامرس در یک جدول شبکه ای | WooCommerce Variations to Table – Grid

• پنل مدیریت کاربرپسند و واضح.
• تمام داده‌های مورد نیاز برای محصولات متغیر شما را با گزینه‌هایی برای غیرفعال کردن آنها نمایش می‌دهد.
• جدول به صورت آنی قابل جستجو است.
• هنگام تنظیم تغییرات محصول، از “هر” پشتیبانی می‌کند.

• قابلیت پشتیبانی از “ویژگی‌های سفارشی” که می‌توانید در لحظه به محصولات اضافه کنید.
• “افزودن انتخاب شده به سبد خرید” با انتخاب همه گزینه‌ها برای افزودن عمده تغییرات به سبد خرید.
• دارای گزینه غیرفعال کردن یا فعال کردن جدول/شبکه برای هر محصول.
• پیام‌های سفارشی موجود در انبار، ناموجود و موجودی کم (با آستانه).
• کد کوتاه آسان برای استفاده با مستندات کامل برای کمک به شما در قرار دادن جدول در هر جایی که نیاز دارید و کدهای کوتاه اجرا می‌شوند.
• کد کوتاه جهانی آسان برای استفاده که تمام تغییرات همه محصولات متغیر را در هر صفحه‌ای نمایش می‌دهد.
• قابل توسعه / توسعه‌دهنده پسند. می‌توانید افزونه را بدون هک کردن آن، اما از طریق فیلترها و اقدامات وردپرس تغییر دهید.
• تغییرات را با برچسب/آیکون سفارشی خود برجسته کنید. می‌توانید آن را برای هر تغییر فعال/غیرفعال یا لغو کنید. پشتیبانی از نمونه‌ها و
• عکس‌های متنوع ووکامرس
• پشتیبانی از WooCommerce Variation Swatches and Photos
• پشتیبانی از YITH WooCommerce Wishlist
• پشتیبانی از YITH WooCommerce Quick View
• پشتیبانی از WooCommerce Product Gift Wrap
• پشتیبانی از Additional Variation Images Gallery for WooCommerce
• AJAX را می‌توان از تنظیمات فعال کرد
• قابلیت مرتب‌سازی ستون‌های جدول در ظاهر
• سربرگ جدول پیش‌فرض، سربرگ جدول سفارشی عمومی و سربرگ جدول سفارشی برای هر محصول قابل تنظیم است.

نحوه استفاده از افزونه WooCommerce Variations to Table – Grid
برای استفاده از افزونه WooCommerce Variations to Table – Grid، لطفاً از پنل مدیریت وردپرس خود به مسیر “ووکامرس -> جدول تغییرات” بروید.

گزینه ها

1. حذف دسته‌بندی‌ها: می‌توانید کل دسته‌بندی‌ها را برای حذف افزونه انتخاب کنید تا تغییرات با منوهای انتخابی پیش‌فرض نمایش داده شوند.
2. نمایش تصویر بندانگشتی: برای نمایش ستون تصویر بندانگشتی “بله” یا برای پنهان کردن آن “خیر” را انتخاب کنید.
3. عرض تصویر بندانگشتی به پیکسل: می‌توانید در این فیلد، عرض تصویر بندانگشتی را به پیکسل تعریف کنید.
4. نمایش موجودی: برای نمایش ستون وضعیت موجودی “بله” یا برای پنهان کردن آن “خیر” را انتخاب کنید. متن موجود در انبار: اگر موجودی نمایش داده شود، می‌توانید متن را طوری تنظیم کنید که هنگام موجودی متغیر نمایش داده شود.
5. متن ناموجود: اگر موجودی نمایش داده شود، می‌توانید متن را طوری تنظیم کنید که هنگام موجودی متغیر نمایش داده شود.
6. متن کم بودن موجودی: اگر موجودی نمایش داده شود، می‌توانید متن را طوری تنظیم کنید که هنگام موجودی کم متغیر نمایش داده شود.
7. آستانه کم بودن موجودی: مقدار متغیری را که باعث ایجاد وضعیت کم بودن موجودی می‌شود، وارد کنید.
8. نمایش قیمت: برای نمایش ستون قیمت، “بله” یا برای پنهان کردن آن، “خیر” را انتخاب کنید.
9. نمایش مجموع: برای نمایش ستون مجموع، “بله” یا برای پنهان کردن آن، “خیر” را انتخاب کنید.
10. نمایش فیلد تعداد: برای نمایش فیلد تعداد محصولاتی که قرار است به ستون سبد خرید اضافه شوند، “بله” یا برای پنهان کردن آن، “خیر” را انتخاب کنید.
11. نمایش افزودن به سبد خرید: برای نمایش ستون دکمه افزودن به سبد خرید، “بله” یا برای پنهان کردن آن، “خیر” را انتخاب کنید.
12. نمایش لیست علاقه‌مندی‌ها: برای نمایش ستون آیکون لیست علاقه‌مندی‌ها، “بله” یا برای پنهان کردن آن، “خیر” را انتخاب کنید.
13. نمایش تصویر: برای نمایش یک ستون تصویر/استیکر/آیکون اضافی، «بله» و برای پنهان کردن آن، «خیر» را انتخاب کنید.
14. افزودن تصویر: با کلیک بر روی دکمه‌ی «باز کردن مدیریت رسانه»، تصویر/استیکر/آیکون اضافی را آپلود کنید.
15. نمایش توضیحات: برای نمایش توضیح در زیر ردیف متغیر، «بله» را انتخاب کنید.
16. نمایش سربرگ جدول: برای نمایش سربرگ جدول، «بله» را انتخاب کنید.
17. سربرگ جدول سفارشی: می‌توانید کد HTML سفارشی خود را برای تمام سربرگ‌های جدول در اینجا بنویسید.
18. فعال کردن Ajax: برای فعال کردن AJAX برای «افزودن به سبد خرید» و «لیست علاقه‌مندی‌ها»، «بله» را انتخاب کنید.
19. فعال کردن جدول واکنش‌گرا: برای سازگار کردن جدول با موبایل، «بله» را انتخاب کنید.
20. سفارش ستون‌ها: می‌توانید ستون‌ها را با کشیدن و رها کردن عناصر لیست، سفارش دهید.

کد کوتاه
در صفحه محصول یا هر جایی که کدهای کوتاه اجرا می‌شوند (مثلاً پست‌ها و صفحات)، می‌توانید از کد کوتاه [vartable] استفاده کنید. اگر فقط کد کوتاه را قرار دهید، گزینه‌های افزونه‌ای را که از طریق پنل تنظیمات مدیریت تنظیم کرده‌اید، می‌خواند.

برای سفارشی‌سازی کد کوتاه، می‌توانید از ویژگی‌های زیر (به ترتیب گزینه‌های بالا) استفاده کنید:

• id
• sku
• thumb
• thumb_size
• stock
• in_stock_text
• out_stock_text
• low_stock_text
• low_stock_thresh
• price
• offer
• image
• qty
• cart
• wishlist
• gift
• ajax
• desc
• head
• responsive
• sorting

در مورد همه ویژگی‌ها، تنظیم آن روی «۱» معادل «بله» و «۰» معادل «خیر» است، زمانی که بله یا خیر به عنوان گزینه‌های ممکن اعمال شود. در اینجا یک مثال آورده شده است:

[vartable thumb=1 thumb_size=150 stock=1 in_stock_text="We have plenty"

out_stock_text="Everything is gone" offer=0 qty=1 ajax=0]

همانطور که ممکن است متوجه شده باشید، ویژگی‌های سبد خرید، لیست علاقه‌مندی‌ها و غیره را تنظیم نکرده‌ایم، از این رو کد کوتاه همانطور که از طریق پنل تنظیمات افزونه تنظیم کرده‌ایم، عمل خواهد کرد.

اگر از کد کوتاه خارج از صفحه محصول استفاده می‌کنید، ویژگی “id” کد کوتاه اجباری است!!!

کد کوتاه همه محصولات متغیر همه تغییرات
شما می‌توانید همه تغییرات محصولات متغیر را با کد کوتاه [vartableall] نمایش دهید. همان آرگومان‌های بالا را می‌توان با AND title = 1 برای نمایش عنوان محصول قبل از هر جدول و دسته‌ها استفاده کرد.
دسته‌ها را می‌توان با شناسه دسته و جدا شده با کاما تنظیم کرد، به عنوان مثال [vartableall categories=10,14] تا فقط شامل محصولات این دو دسته باشد.
از گزینه id در این کد کوتاه استفاده نکنید.

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

شما می‌توانید کلاس css لینک را به تصویر کامل برای هر تغییر با فیلتر “vartable_thumb_class_filter” تغییر دهید، مثلاً

add_filter( 'vartable_thumb_class_filter', 'my_vartable_custom__img_class');
function my_vartable_custom__img_class($class) {
  $class = $class.' myclass anotherclass';
  return ($class);
}

اقدامات
شما می‌توانید کلاس css خودتان را برای جدول با استفاده از “vartable_table_class” اضافه کنید، مثلاً.

add_action( 'vartable_table_class', 'my_vartable_table_class');
function my_vartable_table_class($class) {
  $class = ' table-hover table-striped ';
  return ($class);
}

شما می‌توانید با استفاده از عباراتی مانند «vartable_before_table» و «vartable_before_table» متن را قبل و بعد از جدول اضافه کنید.

add_action( 'vartable_before_table', 'my_vartable_before_table');
function my_vartable_before_table($text) {
  $text = 'This text ';
  $text .= 'will go before the table';
  echo $text;
}

add_action( 'vartable_after_table', 'my_vartable_after_table');
function my_vartable_after_table($text) {
  $text = 'This text ';
  $text .= 'will go after the table';
  echo $text;
}

جدول را از بالا بردارید و بعد از توضیحات محصول اضافه کنید

function vartable_move_after_description($content) {

  if (get_post_type() == 'product' && is_single()) {
    $content = $content . do_shortcode('[vartable]');
  }
  // otherwise returns the database content
  return $content;
}

add_filter( 'the_content', 'vartable_move_after_description' );
remove_action( 'woocommerce_variable_add_to_cart', 'vt_woocommerce_variable_add_to_cart', 30 );

اگر از روش کد کوتاه استفاده می‌کنید، لطفاً از add_action استفاده نکنید.

سوالات متداول افزونه نمایش متغیرهای ووکامرس در یک جدول شبکه ای | WooCommerce Variations to Table – Grid

1. من با خطای مهلک مواجه می‌شوم: نمی‌توانم woocommerce_variable_add_to_cart() را دوباره تعریف کنم.
   لطفاً ووکامرس را غیرفعال، افزونه را فعال و ووکامرس را دوباره فعال کنید.
2. آیا می‌توانم تمام تغییرات همه محصولات متغیر را فهرست کنم؟
   بله، می‌توانید از طریق کد کوتاه [vartableall] این کار را انجام دهید.
3. آیا می‌توانم این را در هر جایی از سایتم قرار دهم؟
   بله، می‌توانید از طریق کد کوتاه، اگر فیلدی که کد کوتاه را در آن قرار می‌دهید اجرا شود. باید شناسه محصول متغیر را در آرگومان‌های کد کوتاه مشخص کنید.
4. آیا می‌توانم شبکه را فقط برای یک یا هر محصولی که می‌خواهم غیرفعال کنم؟
   بله، می‌توانید از طریق صفحه ویرایش محصول. لطفاً در گزینه “غیرفعال کردن جدول تغییرات” در زیر برگه تنظیمات عمومی محصول، “بله” را انتخاب کنید.
5. آیا می‌توانم شبکه را برای هر دسته‌ای که می‌خواهم غیرفعال کنم؟
   بله، می‌توانید این کار را از طریق پنل مدیریتی که در بخش «Woocommerce ? Variations Table» ارائه شده است، انجام دهید.
6. اگر جدول/شبکه را برای یک محصول غیرفعال کنم، آیا می‌توانم همچنان از کد کوتاه استفاده کنم؟
   بله، کد کوتاه غیرفعال نمی‌شود.
   تغییرات لیست علاقه‌مندی‌ها، ویژگی‌های انتخاب شده را ندارند.
   به دلیل نحوه عملکرد لیست علاقه‌مندی‌ها، از محصولات متغیری که ویژگی‌ها را روی «هر» تنظیم کرده‌اید، پشتیبانی نمی‌کند.
7. در مورد بررسی موجودی و AJAX چطور؟
   با فعال کردن AJAX، بررسی تعداد موجودی هنگام افزودن به سبد خرید از طریق افزونه غیرفعال می‌شود.