بسیاری از کاربران بعد از نصب Jet Product Gallery گزارش داده اند که گالری تصاویر در موبایل به درستی نمایش داده نمی شود. برای یادگیری کامل امکانات این افزونه و رفع تمامی مشکلات آن، می توانید آموزش جت پروداکت گالری را مشاهده کنید. در برخی موارد، تصاویر محصولات در افزونه Jet Product Gallery بسیار کوچک یا بیش از حد بزرگ نمایش داده می شوند.
همچنین قابلیت زوم به درستی عمل نمی کند و ناوبری بین تصاویر دشوار و غیرکاربردی است. این مشکلات به طور مستقیم بر تجربه کاربری تأثیر منفی می گذارند و حتی می توانند کاهش نرخ فروش را به دنبال داشته باشند. در ادامه به بررسی دلایل بروز این ایرادها و ارائه راهکارهای مناسب برای رفع آن ها پرداخته می شود.
علت مشکلات ریسپانسیو در جت پروداکت گالری
بررسی های انجام شده توسط کاربران در انجمن های وردپرس و فروم های خارجی نشان می دهد که بروز مشکلات در افزونه Jet Product Gallery معمولاً به چند دلیل اصلی اتفاق می افتد. در بسیاری از موارد، تنظیمات نادرست مربوط به سایز تصاویر در ویجت این افزونه عامل اصلی اختلال است. علاوه بر این، تداخل اسکریپت های جاوااسکریپت با افزونه های کش مانند WP Rocket یا LiteSpeed Cache نیز می تواند چنین مشکلاتی را ایجاد کند. در برخی شرایط، ناسازگاری با قالب فعال یا نسخه مورد استفاده از المنتور عامل بروز خطا است. همچنین بارگذاری ناقص فایل های استایل در دستگاه های موبایل از دیگر دلایل شایع محسوب می شود.
راه حل های رفع مشکل ریسپانسیو در جت پروداکت گالری
در ادامه این مقاله، ۶ روش کاربردی و تست شده را بررسی می کنیم تا مشکل ریسپانسیو گالری در موبایل به طور کامل برطرف شود و تجربه کاربری بهبود یابد:
تنظیم مجدد سایز تصاویر
برای اصلاح نمایش تصاویر، ابتدا وارد بخش تنظیمات ویجت گالری در المنتور شوید و در قسمت Image Size گزینه medium_large را انتخاب کنید. در صورتی که تصاویر همچنان کشیده یا فشرده به نظر می رسند، می توانید کد زیر را در بخش CSS سفارشی سایت اضافه کنید تا تصاویر به درستی نمایش داده شوند:
.jet-woo-product-gallery img {
object-fit: cover;
}
غیرفعال کردن بهینه سازی جاوااسکریپت
اگر از افزونه هایی مانند WP Rocket، Autoptimize یا LiteSpeed استفاده می کنید، لازم است گزینه های Minify JavaScript و Combine JavaScript را غیرفعال کنید. پس از اعمال این تغییرات، کش مرورگر و کش مربوط به افزونه را پاک کنید تا تغییرات به درستی اعمال شده و عملکرد افزونه بدون تداخل جاوااسکریپت اصلاح شود.
بازسازی فایل های المنتور
برای رفع مشکل، وارد پیشخوان وردپرس شوید و به مسیر Elementor، سپس Tools و Regenerate CSS & Data بروید. دکمه Regenerate Files را انتخاب کنید و پس از پایان کار، کش سایت را پاک کرده و دوباره عملکرد سایت را بررسی نمایید.
فعال سازی ناوبری جهت رفع مشکل ریسپانسیو در جت پروداکت گالری
برای بهبود ناوبری در موبایل، وارد تنظیمات Jet Product Gallery شوید و گزینه Enable Touch Navigation را فعال کنید. همچنین اندازه دکمه های ناوبری را افزایش دهید تا کاربر بتواند به راحتی آنها را لمس کند.
بررسی خطاهای کنسول مرورگر
برای بررسی مشکل، ابتدا صفحه محصول را باز کنید و ابزار Inspect مرورگر را فعال کرده و به تب Console بروید. اگر خطاهایی مرتبط با Jet Product Gallery یا Swiper مشاهده شد، به احتمال زیاد علت مشکل تداخل با افزونه های بهینه ساز است.
جدول خلاصه راه حل ها
شماره | راه حل | توضیحات | نتیجه احتمالی |
۱ | تنظیم سایز تصاویر | انتخاب اندازه medium_large یا full | رفع مشکل کوچک/بزرگ شدن تصاویر |
۲ | غیرفعال کردن Minify JS | از تنظیمات افزونه های کش | بارگذاری صحیح اسکریپت ها |
۳ | Regenerate CSS & Data | از بخش ابزارهای المنتور | بازنشانی فایل های استایل |
۴ | فعال سازی Touch Navigation | فعال سازی ناوبری لمسی و بزرگ تر کردن دکمه ها | ناوبری راحت تر در موبایل |
۵ | بررسی خطاهای کنسول | شناسایی خطاهای جاوااسکریپت در مرورگر | یافتن افزونه متداخل |
نتیجه گیری
مشکل نمایش Jet Product Gallery در موبایل اغلب به دلیل تنظیمات نادرست یا تداخل با افزونه های کش ایجاد می شود. بهترین راه حل ها شامل تنظیم سایز تصاویر، غیرفعال کردن Minify JS، بازسازی فایل های المنتور و فعال سازی ناوبری لمسی است.
اگر هیچ کدام از این روش ها کار نکرد، توصیه می شود موقتاً از نسخه قبلی افزونه استفاده کنید و منتظر انتشار به روزرسانی رسمی Crocoblock باشید.
سوالات متداول درباره مشکل نمایش اسلایدر در جت پروداکت گالری
1. چرا تصاویر گالری محصول در موبایل خیلی کوچک یا بزرگ دیده می شوند؟
این مشکل معمولاً به خاطر انتخاب نادرست سایز تصویر در تنظیمات ویجت است. پیشنهاد می شود گزینه medium_large یا full را انتخاب کنید و در صورت نیاز از CSS object-fit: cover; استفاده کنید.
2. چرا قابلیت زوم در گالری محصول کار نمی کند؟
در تنظیمات ویجت Jet Product Gallery گزینه Enable Zoom را بررسی کنید. اگر فعال است ولی کار نمی کند، احتمالاً تداخل با افزونه های کش یا بهینه سازی (مثل WP Rocket یا LiteSpeed) وجود دارد.
3. دکمه های ناوبری در موبایل خیلی کوچک هستند، چطور درستشان کنم؟
در تنظیمات ویجت می توانید سایز آیکون ها را افزایش دهید. همچنین امکان بزرگ تر کردن دکمه ها با CSS سفارشی وجود دارد تا لمس آن ها در موبایل راحت تر باشد.
4. چرا اسلایدر تصاویر در موبایل کند یا ناقص بارگذاری می شود؟
این ایراد معمولاً به دلیل فعال بودن Minify یا Combine JavaScript در افزونه های کش رخ می دهد. با غیرفعال کردن این گزینه ها و پاک کردن کش، مشکل برطرف می شود.
5. اگر هیچ کدام از راه حل ها جواب نداد، چه کار کنم؟
می توانید موقتاً به نسخه قبلی افزونه بازگردید و منتظر انتشار به روزرسانی رسمی از طرف Crocoblock باشید.
2 پاسخ
سلام این دوره آموزش جت پروداکت گالری که دارید کامل شده؟ چون یه سری دوره ها هستن کامل نیستن ولی گذاشتن واسه فروش
سلام حسین جان
بله دوره به صورت کامل هستش.