Table of Contents
1. Overview
2. [Features](#features)
3. [Requirements](#requirements)
4. [Installation](#installation)
5. [Configuration](#configuration)
6. [Usage](#usage)
7. [Troubleshooting](#troubleshooting)
8. [FAQ](#faq)
9. [Support](#support)
Overview
The WooCommerce Product Auto Loader plugin enhances your online store by adding smooth infinite scrolling and a “Load More” button functionality to your WooCommerce shop and product category pages. This creates a seamless shopping experience for your customers without traditional pagination.
Features
✅ Dual Loading Modes: Auto-scroll infinite loading AND manual “Load More” button
✅ Multiple Loader Styles: Choose from Spinner, Dots, Bars, or Custom Image
✅ Customizable Texts: Change button and loading texts to match your store’s tone
✅ HPOS Compatible: Fully compatible with WooCommerce High-Performance Order Storage
✅ Mobile Responsive: Works perfectly on all devices
✅ Easy Admin Interface: Graphical settings panel for easy configuration
✅ Performance Optimized: AJAX loading with smooth animations
Requirements
– WordPress 5.8 or higher
– WooCommerce 6.0 or higher
– PHP 7.4 or higher
Installation
Method 1: WordPress Admin Panel
1. Go to your WordPress admin dashboard
2. Navigate to Plugins → Add New
3. Click Upload Plugin
4. Select the `woocommerce-product-auto-loader.zip` file
5. Click Install Now
6. After installation, click Activate Plugin
Method 2: Manual Installation
1. Download the plugin zip file
2. Extract the contents to your computer
3. Upload the `woocommerce-product-auto-loader` folder to your `/wp-content/plugins/` directory
4. Go to your WordPress admin dashboard
5. Navigate to Plugins → Installed Plugins
6. Find WooCommerce Product Auto Loader and click Activate
Configuration
Accessing Settings
1. Go to WooCommerce → Product Auto Loader in your WordPress admin
2. You’ll see the settings panel with various options
Settings Overview
1. Enable Auto Loader
– Description: Turns on infinite scroll functionality
– Recommendation: Enable for modern, seamless browsing experience
2. Enable Load More Button
– Description: Displays a “Load More” button as an alternative to auto-scrolling
– Recommendation: Enable for better user control
3. Loader Style
– Options:
– *Spinner: Traditional circular loading animation
– Dots: Three animated dots
– Bars: Vertical bar animation
– Custom Image: Upload your own loading image
– Recommendation: Choose based on your store’s design
4. Custom Loader Image
– Description: Upload a custom image (recommended size: 60x60px)
– Format: JPEG, PNG, or GIF
– Note: Only available when Loader Style is set to “Custom Image”
5. Button Text
– **Default**: “Load More Products”
– **Description**: Text displayed on the load more button
6. Loading Text
– **Default**: “Loading…”
– **Description**: Text displayed during loading process
Usage
On Shop Page
Once activated and configured, the plugin automatically works on your main shop page (`/shop/`). Products will load automatically as customers scroll down or via the Load More button.
On Category Pages
The plugin also works on all product category pages (e.g., `/product-category/clothing/`). The same loading behavior applies.
Customization Examples
Change Loader Color
Add this CSS to your theme’s Additional CSS section:
“`css
.wc-auto-loader-spinner .spinner {
border-top-color: #your-color-here;
}
“`
#### Custom Button Style
“`css
.wc-auto-loader-button {
background-color: #your-color;
border-radius: 8px;
padding: 15px 40px;
}
“`
Troubleshooting
Common Issues
Products Not Loading
1. Check if the plugin is enabled for the current page type
2. Verify you have more than one page of products
3. Check browser console for JavaScript errors
Loader Not Appearing
1. Verify loader style is selected in settings
2. Check color contrast with your theme background
3. Try increasing the scroll threshold
Conflict with Other Plugins
1. Temporarily disable other plugins to test
2. Check for JavaScript errors in browser console
3. Contact support with conflict details
Debug Mode
If you encounter issues, enable WordPress debug mode by adding this to your `wp-config.php`:
“`php
define(‘WP_DEBUG’, true);
define(‘WP_DEBUG_LOG’, true);
define(‘WP_DEBUG_DISPLAY’, false);
“`
This will create a debug.log file in your wp-content directory with detailed error information.
FAQ
Q: Does this work with product filters?
**A**: Yes, the plugin maintains all active filters when loading new products.
Q: Can I use different loaders on different pages?
**A**: Not currently – the loader style is global. Contact us for custom development options.
Q: Does this affect SEO?
**A**: No, search engines can still crawl all product pages through traditional pagination.
Q: Is this mobile-friendly?
**A**: Yes, the plugin is fully responsive and works on all devices.
Q: How many products load at once?
**A**: The plugin respects your WooCommerce settings for products per page.
Q: Can I customize the loading animation?
**A**: Yes, through the settings panel or with custom CSS.
Q: Does this work with [Your Theme Name]?
A: The plugin is compatible with most WordPress themes. If you encounter issues, contact support.
Q: How do I update the plugin?
A: Updates are available through the WordPress plugins page. You’ll receive a notification when updates are available.
Support
Getting Help
If you need assistance with the plugin:
1. Check this documentation – Many questions are answered here
2. WordPress Admin – Go to WooCommerce → Product Auto Loader for inline help
3. Email Support – Contact us at support@aifixlab.com
Support Information
When requesting support, please include:
– WordPress version
– WooCommerce version
– PHP version
– Theme name
– Detailed description of the issue
– Screenshots if possible
– Error messages from browser console
Custom Development
Need additional features or customizations? Contact us for custom development services:
– Email: rajesh@aifixlab.com
– Website: [www.aifixlab.com](https://www.aifixlab.com)
Plugin Updates
We regularly update the plugin for:
– New features
– Security updates
– WooCommerce compatibility
– Performance improvements
Ensure you’re using the latest version for the best experience.
—
Plugin Developer: Rajesh Barman
Company: AI Fix Lab
Website: [www.aifixlab.com](https://www.aifixlab.com)
Version: 1.2.2
Last Updated: August 2024
*This documentation is regularly updated. Always check for the latest version at www.aifixlab.com/docs/wc-auto-loader
Thank you for choosing WooCommerce Product Auto Loader! 🎉
