افزونه WooCommerce Load More Products Pro پلاگین افزودن قابلیت بارگذاری بیشتر به صورت اسکرول نامحدود یا صفحه بندی ایجکس به صفحه فروشگاه محصولات ووکامرس است. امکان بارگذاری محصولات از صفحه بعدی را از طریق AJAX فراهم می آورد و دارای قابلیت هایی مانند پیمایش نامحدود، دکمه بارگذاری محصولات بیشتر، سفارشی سازی متن دکمه، قلاب های جاوا اسکریپت برای کد نویسی سفارشی، بارگذاری تنبل برای تصاویر و انواع مختلف بارگذاری محصولات برای دستگاه های مختلف میباشد. علاوه بر این، این افزونه امکان سفارشی سازی تصویر بارگذاری و پیام هایی مانند «در حال بارگذاری…» یا «محصولات بیشتری موجود نیست» را به کاربران میدهد. افزونه با ارائه انیمیشن های مختلف برای بارگذاری، تجربه بصری جذابی را ایجاد و به شما امکان میدهد که نحوه بارگذاری محصولات را بر اساس نیازهای خود تنظیم کنند.
افزونه WooCommerce Load More Products Pro بارگذاری بیشتر محصولات برای ووکامرس ویژگی های مهمی انواع مختلف بارگذاری مانند پیمایش نامحدود، دکمه بارگذاری محصولات بیشتر و بارگذاری ایجکس اشاره کرد که امکان انتخاب نحوه بارگذاری مطلوب را برای انواع دستگاه ها مانند دسکتاپ یا موبایل فراهم می آورد. همچنین، قابلیت بارگذاری تنبل برای تصاویر با بیش از ۴۰ افکت انیمیشن، سرعت بارگذاری صفحه را بهبود بخشیده و تجربه کاربری را بهبود میبخشد. این ویژگی ها به ویژه برای فروشگاه هایی که دارای تعداد زیادی محصول هستند، بسیار سودمند است، زیرا به جلوگیری از کندی بارگذاری صفحه کمک کرده و به کاربران اجازه میدهد تا محصولات بیشتری را بدون نیاز به تغییر صفحه مشاهده کنند.
افزونه بارگذاری بیشتر محصولات برای ووکامرس | WooCommerce Load More Products
- پیمایش نامحدود برای محصولات ووکامرس
- دکمه بارگذاری محصولات بیشتر یا صفحه‌بندی AJAX
- متن دکمه سفارشی
- قلاب‌های JavaScript برای کد نویسی اختصاصی
- بارگذاری تنبل برای تصاویر
- ۴۰ انیمیشن برای بارگذاری تنبل
- سفارشی‌سازی برای دکمه بارگذاری محصولات بیشتر
- تصویر بارگذاری قابل تنظیم
- نوع بارگذاری محصولات متفاوت برای دستگاه‌های موبایل و سایر
- جاوا اسکریپت قبل و بعد از به‌روزرسانی AJAX
- سفارشی‌سازی پیام‌هایی مانند «در حال بارگذاری…»، «محصولات بیشتری موجود نیست» و غیره
انواع مختلف بارگذاری
- انواع بارگذاری: پیمایش نامحدود، دکمه بارگذاری محصولات بیشتر، صفحه‌بندی AJAX، دکمه بارگذاری محصولات بیشتر + صفحه‌بندی AJAX
- نوع بارگذاری مختلف برای دستگاه‌های مختلف. تنظیم پیمایش نامحدود برای دسکتاپ و دکمه بارگذاری محصولات بیشتر برای موبایل
بارگذاری تنبل با انیمیشن
- بارگذاری تنبل برای تصاویر محصول سرعت بارگذاری را افزایش میدهد
- تا ۴۰ افکت انیمیشن برای تصاویر بارگذاری تنبل
سازگاری با پوسته ها
اگر از پوسته ای استفاده میکنید که دارای اجزایی متفاوت از اجزای موجود در پوسته های استاندارد است، این امر میتواند پس از فیلتر کردن محصولات باعث بروز برخی مشکلات شود. شما میتوانید این مشکل را خودتان برطرف کنید.
۱. پنل مدیریت سایت خود را باز کنید و به ووکامرس -> بارگذاری بیشتر محصولات -> تب انتخابگرها بروید.
۲. برای رفع مشکل نیاز است فیلدهای زیر را به درستی تنظیم کنید: انتخابگر محصولات، انتخابگر تعداد محصول، انتخابگر ترتیب محصولات و انتخابگر صفحه بندی محصولات، یا اگر قبلاً از افزونه WooCommerce AJAX Products Filter تولید کننده این افزونه استفاده میکردید، میتوانید گزینه استفاده از انتخابگرهای افزونه WooCommerce AJAX Products Filter را فعال کنید.
۳. به طور پیش فرض از موارد زیر استفاده میشود:
- انتخابگر کانتینر محصولات: ul.products
- انتخابگر آیتم محصول: li.product
- انتخابگر تعداد محصول: .woocommerce-result-count
- انتخابگر صفحه بندی: .woocommerce-pagination
- انتخابگر صفحه بعد: .woocommerce-pagination a.next
۴. برای دیدن اینکه چه مقداری باید تنظیم شود میتوانید از طریق بازرس صفحه در مرورگر خود به صفحه فروشگاه نگاه کنید (اگر نمیدانید چگونه این کار را انجام دهید، از نویسنده پوسته ها بپرسید).
تنظیمات این افزونه
برای دسترسی به تنظیمات افزونه WooCommerce Load More Products، مسیر زیر را دنبال کنید: پنل مدیریت ← ووکامرس ← بارگذاری بیشتر محصولات.
- عمومی
- دکمه
- انتخابگرها
- بارگذاری تنبل
- پیام
- جاوا اسکریپت/CSS
عمومی
شامل تنظیمات برای انتخاب نوع بارگذاری و سبک سازی برای بارگذاری محصولات.
- نوع بارگذاری محصولات – نوع بارگذاری محصولات:
- هیچ
- پیمایش نامحدود – بارگذاری محصولات بعدی با پیمایش
- دکمه بارگذاری محصولات بیشتر – بارگذاری محصولات بعدی با کلیک دکمه
- صفحه بندی AJAX – استفاده از صفحه بندی پیش فرض، اما بارگذاری محصولات با AJAX
- دکمه بارگذاری محصولات بیشتر + صفحه بندی AJAX
- تغییر نوع بارگذاری برای دستگاه های کوچک – یک نوع بارگذاری متفاوت برای دستگاه ها با عرض صفحه کمتر از حداکثر عرض برای دستگاه های کوچک فعال/غیرفعال:
- نوع بارگذاری برای دستگاه های کوچک:
- هیچ
- پیمایش نامحدود – بارگذاری محصولات بعدی با پیمایش
- دکمه بارگذاری محصولات بیشتر – بارگذاری محصولات بعدی با کلیک دکمه
- صفحه بندی AJAX – استفاده از صفحه بندی پیش فرض، اما بارگذاری محصولات با AJAX
- نوع بارگذاری برای دستگاه های کوچک:
- حداکثر عرض برای دستگاه های کوچک – تمام دستگاه ها با عرض کمتر از این گزینه، دستگاه های کوچک محسوب میشوند
- تعداد محصولات در هر صفحه – تنظیمات نمایش شبکه ای/لیستی این تنظیمات را دور میزند، میتوانید آن را در اینجا تغییر دهید تنظیمات نمایش شبکه ای/لیستی
- تصویر بارگذاری – تصویری که در هنگام بارگذاری محصولات نمایش داده میشود (Font Awesome/Upload):
- چرخش تصویر هنگام بارگذاری – چرخاندن تصویر با CSS (اگر از تصویر ثابت یا آیکون Font Awesome است
- نمایش تصویر بارگذاری در داخل دکمه (قابل تنظیم برای هر دکمه)
- پیکسل های حاشیه – پیکسل ها از پایین بلوک محصولات تا پایین صفحه نمایش که در آن محصولات بعدی بارگذاری خواهند شد.
- عدم به روزرسانی آدرس اینترنتی هنگام نمایش صفحه بعدی – فعال/غیرفعال.
- جاوا اسکریپت و CSS تنها در صفحات WooCommerce استفاده میشوند – فعال/غیرفعال.
دکمه
تنظیمات برای دکمه بارگذاری محصولات بیشتر و دکمه قبلی (اگر دکمه قبلی فعال باشد) به همراه قابلیت پیش نمایش.
- کلاس سفارشی – کلاس سفارشی روی دکمه بارگذاری محصولات بیشتر.
- استفاده از تصویر – استفاده از تصویر به جای دکمه.
- عرض – عرض دکمه بارگذاری محصولات بیشتر [px].
- متن روی دکمه – متنی که برای بارگذاری محصولات روی دکمه استفاده میشود.
- رنگ پس زمینه – رنگ پس زمینه دکمه بارگذاری محصولات بیشتر.
- رنگ پس زمینه هنگام عبور موس – رنگ پس زمینه دکمه بارگذاری محصولات بیشتر زمانی که موس روی دکمه قرار دارد.
- رنگ متن – رنگ متن روی دکمه بارگذاری محصولات بیشتر.
- رنگ متن هنگام عبور موس – رنگ متن روی دکمه بارگذاری محصولات بیشتر هنگامی که موس روی دکمه قرار دارد.
- اندازه فونت – اندازه متن روی دکمه بارگذاری محصولات بیشتر.
- حاشیه ها – حاشیه ها از متن روی دکمه بارگذاری محصولات بیشتر: بالا، راست، پایین، چپ.
- مارجین: بالا، راست، پایین، چپ.
- حاشیه: بالا، راست، پایین، چپ.
- شعاع حاشیه: بالا-چپ، بالا-راست، پایین-چپ، پایین-راست.
انتخابگرها
تنظیمات برای سازگاری با پوسته.
- انتخابگر کانتینر محصولات – کانتینر حاوی محصولات، باید تمام محصولات را در بر بگیرد.
- انتخابگر آیتم محصول – انتخابگر برای هر محصول.
- انتخابگر صفحه بندی – صفحه بندی فعلی در صفحه فروشگاه.
- انتخابگر صفحه بعدی – انتخابگر برای لینک مورد استفاده برای باز کردن صفحه بعد.
- انتخابگر صفحه قبلی – انتخابگر برای لینک مورد استفاده برای باز کردن صفحه قبل.
- گرفتن انتخابگرها به صورت خودکار – برای بسیاری از پوسته ها، انتخابگرها به صورت خودکار انتخاب میشوند.
- مهم: این عملیات برخی محصولات را در سایت شما ایجاد میکند. لطفا تمام افزونه های SEO و افزونه هایی که به نحوی با ایجاد محصول سر و کار دارند را غیرفعال کنید.
بارگذاری تنبل
تنظیمات برای بارگذاری تنبل تصاویر.
- فعال سازی بارگذاری تنبل – استفاده از بارگذاری تنبل برای تصاویری که با افزونه WooCommerce Load More Products بارگذاری میشوند.
- فعال سازی بارگذاری تنبل در دستگاه های کوچک – استفاده از بارگذاری تنبل در دستگاه های کوچک برای تصاویری که با افزونه WooCommerce Load More Products بارگذاری میشوند.
- انیمیشن بارگذاری – انیمیشن برای محصولاتی که شامل تصاویر بارگذاری شده با بارگذاری تنبل هستند.
پیام
تنظیمات برای متن هایی که در مکان های مختلف استفاده میشوند.
- متن بارگذاری – متنی که در کنار تصویر بارگذاری نمایش داده میشود.
- کلاس سفارشی برای متن بارگذاری – کلاس سفارشی برای متنی که در کنار تصویر بارگذاری نمایش داده میشود.
- پیام پایان محصولات – متنی که در صفحه آخر نمایش داده میشود.
- کلاس سفارشی برای پیام پایان محصولات – کلاس سفارشی برای متنی که در صفحه آخر نمایش داده میشود.
جاوا اسکریپت/CSS
کد جاوا اسکریپت/CSS سفارشی.
- غیرفعال سازی Font Awesome: عدم بارگذاری فایل CSS برای Font Awesome در سایت. فقط در صورتی غیرفعال کنید که از آیکون های Font Awesome در ویجت ها استفاده نمیکنید یا اگر Font Awesome در پوسته شما موجود است.
- نسخه Font Awesome – نسخه Font Awesome که در تنظیمات و صفحات جلویی فروشگاه استفاده خواهد شد. لطفا نسخه ای را انتخاب کنید که در پوسته شما وجود دارد.
- CSS سفارشی – فیلد برای CSS سفارشی؛ شامل تنظیمات کد CSS سفارشی که در صفحات جلویی نمایش داده میشود. CSS سفارشی همان CSS است که میخواهید باشد.
- قبل از به روزرسانی – جاوا اسکریپتی که قبل از بارگذاری محصولات اجرا میشود.
پس از به روزرسانی – جاوا اسکریپتی که پس از بارگذاری محصولات اجرا میشود.
سازگاری با افزونه های WooCommerce
این افزونه با افزونه های زیر که میتوانید به وب سایت خود اضافه کنید، تست شده و سازگاری دارد:
نقد و بررسی‌ها
هنوز بررسی‌ای ثبت نشده است.