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

آیا تا به حال به این فکر کرده اید که نمایش محصولات فروشگاه ووکامرسی خود را از یک گالری ساده و تکراری به یک جدول هوشمند، داینامیک و کاملاً سفارشی شده تبدیل کنید؟ جداولی که به کاربران امکان مقایسه، فیلتر و بررسی سریع محصولات را بدهند؟ اینجاست که آموزش جت پروداکت تیبل به کمک شما می آید.

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

کاربرد جت پروداکت تیبل

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

مدیریت کامل محتوا: شما تصمیم می گیرید چه اطلاعاتی (نام، قیمت، تصویر، موجودی، ویژگی ها و...) در چه ستون هایی نمایش داده شود.
فیلترهای پیشرفته: به کاربران خود اجازه دهید محصولات را بر اساس دسته بندی، برچسب، قیمت، یا هر ویژگی دیگری فیلتر کنند.
طراحی بدون محدودیت: استایل و ظاهر جدول را کاملاً با هویت بصری برند خود هماهنگ کنید.
کاربردهای خلاقانه: از ساخت جداول مقایسه محصولات و لیست قیمت گرفته تا منوی رستوران و لیست محصولات متغیر، خلاقیت شما هیچ محدودیتی ندارد.

پس از آماده سازی جدول، می توانید آن را به عنوان یک Preset (پیش تنظیم) ذخیره کنید یا با یک Shortcode (کد کوتاه) در هر برگه یا نوشته ای قرار دهید.

نصب و دسترسی به تنظیمات جت پروداکت تیبل

پس از نصب و فعال سازی افزونه، پنل تنظیمات اصلی آن در دو مسیر قابل دسترس است:

از طریق منوی وردپرس به قسمت WooCommerce > Settings > Product Table Directory بروید یا مستقیما از صفحه افزونه ها وارد بخش تنظیمات شوید.

شخصی سازی ستون ها در جت پروداکت تیبل

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

برای افزودن ستون جدید، کافیست از لیست کشویی، ستون مورد نظر را انتخاب و روی دکمه Add Column کلیک کنید.

تنظیمات مشترک و ویژه ستون ها

هر ستون تنظیمات خاص خود را دارد، اما برخی گزینه ها مشترک هستند:

Label (برچسب): عنوانی که در سربرگ ستون نمایش داده می شود.

Sortable (قابلیت مرتب سازی): با فعال کردن این گزینه، کاربران می توانند با کلیک روی عنوان این ستون، محصولات را بر اساس آن مرتب کنند (مثلاً از ارزان ترین به گران ترین).

در ادامه، تنظیمات کلیدی برخی از ستون های مهم را در این آموزش افزونه پروداکت تیبل بررسی می کنیم:

ستون نام محصول (Product Name): می توانید تعیین کنید که نام محصول به صفحه آن لینک داده شود یا خیر.

ستون تصویر محصول (Product Image): اندازه تصویر (بند انگشتی، متوسط، بزرگ یا سفارشی) و قابلیت لینک شدن آن به صفحه محصول را مدیریت کنید.

ستون دکمه ها (Buttons): این ستون شامل دکمه های مهمی مانند "افزودن به سبد خرید" است. با فعال کردن گزینه Quantities، کاربر می تواند تعداد محصول را قبل از افزودن به سبد خرید مشخص کند. برای محصولات متغیر (مانند لباس با رنگ ها و سایزهای مختلف)، از فیلد Variations برای نحوه نمایش گزینه ها استفاده کنید.

ستون دسته بندی و برچسب ها (Category & Tags): می توانید مشخص کنید که این موارد به صفحه آرشیو خود لینک شوند و با چه جداکننده ای (مثلاً کاما) از هم جدا شوند.

ستون امتیاز (Rating): امتیاز محصولات را به صورت ستاره های پیش فرض ووکامرس یا میانگین عددی نمایش دهید.

ستون متادیتای محصول (Product Meta): این یک ستون بسیار قدرتمند است! با وارد کردن Meta Key یک فیلد سفارشی، می توانید هر اطلاعات اضافه ای که برای محصولات خود ثبت کرده اید را در جدول نمایش دهید.

تب تنظیمات در جت پروداکت تیبل

در تب Settings (تنظیمات)، رفتار کلی جدول خود را تعریف می کنید.

طرح بندی موبایل در آموزش جت پروداکت تیبل

یکی از مهم ترین بخش های هر آموزش حرفه ای جت پروداکت تیبل، واکنش گرایی است. این افزونه ۴ حالت نمایش در موبایل ارائه می دهد:

Movable (قابل اسکرول): جدول به صورت افقی اسکرول می شود تا تمام ستون ها قابل مشاهده باشند.

Shorten (خلاصه سازی): فقط ستون های ضروری که شما انتخاب می کنید در موبایل نمایش داده می شوند.

Transform (تبدیل به کارت): هر ردیف از جدول به یک کارت مجزا تبدیل می شود که اطلاعات را به صورت عمودی نمایش می دهد.

Collapsed (جمع شونده): حالتی فشرده که فقط ستون اول نمایش داده می شود و با کلیک روی آیکون +، بقیه اطلاعات آن ردیف باز می شود.

ناوبری (Navigation): برای جداول طولانی، به کاربران کمک کنید راحت تر بین محصولات جابجا شوند:

Pager (صفحه بندی): شماره صفحات را در بالا، پایین یا هر دو طرف جدول نمایش دهید.

Load More Button (دکمه بارگذاری بیشتر): به جای شماره صفحه، یک دکمه قرار دهید که با هر کلیک، محصولات بیشتری را به انتهای لیست اضافه کند.

فیلترها (Filters): قدرت انتخاب را به کاربر بدهید. با فعال کردن Enable Filters، می توانید به کاربران اجازه دهید دقیقاً همان محصولی را که به دنبالش هستند پیدا کنند. فیلترهای پیش فرض شامل موارد زیر است:

فیلتر طبقه بندی (Taxonomy Filter): فیلتر بر اساس دسته بندی، برچسب یا هر طبقه بندی سفارشی دیگر.

فیلتر جستجو (Search Filter): یک نوار جستجوی ساده برای یافتن محصولات بر اساس نام یا کلمات کلیدی.

فیلتر ویژگی ها (Attributes Filter): به کاربران اجازه دهید محصولات را بر اساس ویژگی هایی مانند رنگ، سایز و... فیلتر کنند.

یکپارچه سازی با ووکامرس (Integration): این بخش به شما اجازه می دهد تا جداول ساخته شده را جایگزین نمایش پیش فرض محصولات ووکامرس در صفحات کلیدی کنید. برای مثال، با فعال کردن گزینه Shop Page، صفحه فروشگاه شما به جای نمایش شبکه ای استاندارد، جدولی را که شما طراحی کرده اید نمایش خواهد داد. این قابلیت برای صفحات دسته بندی، برچسب ها و... نیز وجود دارد.

تب طراحی در آموزش جت پروداکت تیبل

در تب Design، کنترل کامل ظاهر جدول را در دست بگیرید. از رنگ پس زمینه و متن سربرگ ها گرفته تا فونت ها، حاشیه ها و پدینگ سلول ها، همه چیز قابل سفارشی سازی است. یکی از قابلیت های جالب، امکان تعیین رنگ پس زمینه متفاوت برای ردیف های زوج و فرد (Alternate Background Color) است که خوانایی جدول را به شدت افزایش می دهد.

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

مدیر پیش تنظیم (Preset Manager)

آیا از یک استایل جدول خاص خوشتان آمده و می خواهید در جاهای مختلف از آن استفاده کنید؟ کافیست تنظیمات فعلی را با یک نام دلخواه به عنوان Preset ذخیره کنید. حالا می توانید در بخش Integration، برای هر صفحه (مثلاً صفحه فروشگاه یا صفحه دسته بندی) یک پیش تنظیم متفاوت اعمال کنید.

تولیدکننده کد کوتاه (Shortcode Generator)

این بخش، فرماندهی کل افزونه است. در اینجا می توانید یک جدول کاملاً سفارشی با محصولات دلخواه خود بسازید و کد کوتاه آن را دریافت کنید تا در هر صفحه ای (حتی در برگه سازهایی مانند المنتور) قرار دهید.

مهم ترین بخش در اینجا، تب Query (پرس وجو) است. شما می توانید دقیقاً مشخص کنید کدام محصولات نمایش داده شوند:

بر اساس شناسه (Include/Exclude): فقط محصولات با شناسه های خاص را نمایش بده یا حذف کن.

بر اساس وضعیت (Status): فقط محصولات منتشر شده، پیش نویس یا خصوصی را نشان بده.

بر اساس نوع (Type): فقط محصولات ساده، متغیر یا گروهی را انتخاب کن.

مرتب سازی (Order by): محصولات را بر اساس تاریخ، نام، قیمت یا به صورت تصادفی مرتب کن.

و ده ها فیلتر دیگر بر اساس قیمت، موجودی، وزن و...

سایر تب ها (Columns, Settings, Filters) نیز به شما اجازه می دهند تمام تنظیماتی که قبلاً در این آموزش افزونه پروداکت تیبل یاد گرفتیم را فقط برای همین کد کوتاه خاص، بازنویسی کنید.

نحوه نمایش جداول جت پروداکت تیبل در سایت

شما دو راه اصلی برای نمایش جداول خود دارید:

1. استفاده از بلوک گوتنبرگ: در ویرایشگر گوتنبرگ، بلوک Product Table را اضافه کنید. این بلوک به شما اجازه می دهد تمام تنظیمات را به صورت بصری و زنده (مشابه پنجره Shortcode Generator) انجام دهید.

2. استفاده از المنتور و کد کوتاه: ویجت Shortcode را در صفحه المنتور بکشید و کد کوتاهی که تولید کرده اید را در آن قرار دهید. جدول شما فوراً نمایش داده خواهد شد.

نتیجه

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