Gallery WooCommerce Elementor
plugin
Install
No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:
wp plugin install https://github.com/ehsansoft/plugin-baha/archive/refs/heads/main.zip<<<<<<< HEAD
Gallery WooCommerce Elementor
A comprehensive WordPress plugin that transforms your WooCommerce shop into a stunning photography gallery inspired by Chris Burkard's style. Features advanced masonry layouts, Elementor widgets, and photo print variations.
Features
Gallery Styles
- Chris Burkard Style: Professional masonry layout with varied item sizes
- Modern Style: Clean grid layout with smooth animations
- Classic Style: Traditional gallery with elegant overlays
- Minimal Style: Simple and clean presentation
Core Features
- Advanced masonry layouts with proper aspect ratios
- Elementor widgets for custom gallery designs
- Photo print variations with automatic pricing
- Lightbox functionality with keyboard navigation
- Social sharing integration
- Responsive design for all devices
- Performance optimization with lazy loading
- Customizable colors and typography
Photo Prints System
- Automatic variation generation for print sizes
- 15 standard print sizes (20×30 to 150×200 cm)
- 3 mounting options (Print only, Print + Mount, Print + Frame)
- Crop overlay visualization for aspect ratios
- WPML integration for multi-language pricing
- Bulk operations for managing multiple products
Elementor Widgets
- Gallery Grid Widget
- Product Masonry Widget
- Featured Products Widget
- Product Carousel Widget
- Category Grid Widget
Requirements
- WordPress 5.0 or higher
- PHP 7.4 or higher
- WooCommerce 8.0 or higher
- Elementor 3.20 or higher
Installation
- Download the plugin zip file
- Go to WordPress Admin → Plugins → Add New
- Click "Upload Plugin" and select the zip file
- Activate the plugin
- Configure settings in Gallery → General Settings
Configuration
Basic Setup
- Navigate to Gallery → General Settings
- Choose your preferred gallery style
- Set the number of columns and gap size
- Enable/disable lightbox and social sharing
- Save settings
Photo Prints Setup
- Go to Gallery → Photo Prints
- Set USD exchange rate for multi-language support
- Configure auto-apply for specific categories
- Customize pricing matrix if needed
- Use bulk actions to apply to existing products
Elementor Integration
- Create a new page with Elementor
- Search for "Gallery WooCommerce" widgets
- Drag and drop widgets to your page
- Configure widget settings
- Publish your page
Shortcodes
Gallery Shortcode
[gwe_gallery columns="auto" style="chris-burkard" per_page="12" enable_lightbox="true" enable_social="true"]
Featured Products Shortcode
[gwe_featured_products per_page="6" columns="3"]
Product Carousel Shortcode
[gwe_product_carousel per_page="8" slides_to_show="4" autoplay="true"]
Hooks and Filters
Actions
gwe_before_gallery_itemgwe_after_gallery_itemgwe_before_lightbox_opengwe_after_lightbox_close
Filters
gwe_gallery_item_classesgwe_lightbox_image_sizegwe_social_share_platformsgwe_print_sizesgwe_print_prices
Customization
CSS Custom Properties
:root {
--gwe-primary-color: #2c3e50;
--gwe-secondary-color: #34495e;
--gwe-accent-color: #e74c3c;
--gwe-text-color: #333333;
--gwe-overlay-color: rgba(0, 0, 0, 0.7);
--gwe-border-radius: 8px;
--gwe-transition-speed: 0.3s;
--gwe-gap: 20px;
}
JavaScript Events
// Gallery initialized
$(document).on('gwe_gallery_initialized', function(e, $gallery) {
// Custom code
});
// Lightbox opened
$(document).on('gwe_lightbox_opened', function(e, imageSrc) {
// Custom code
});
Performance
The plugin includes several performance optimizations:
- Lazy loading for images
- Efficient CSS Grid layouts
- Optimized JavaScript with debouncing
- Caching system for gallery data
- Minimal database queries
Support
For support and documentation:
- Visit the plugin admin panel → System Status
- Check the debug information for troubleshooting
- Ensure all requirements are met
- Disable other plugins to test for conflicts
Changelog
Version 2.0.0
- Complete rewrite with modern architecture
- Added Elementor widgets
- Enhanced photo prints system
- Improved performance and caching
- New gallery styles and customization options
- WPML integration
- Bulk operations for photo prints
License
This plugin is licensed under the GNU General Public License v2.0 or later.
Credits
Developed by EhsanSoft Inspired by Chris Burkard's photography style
Chris Burkard Gallery Plugin
A professional WordPress plugin that transforms your WooCommerce shop into a stunning photography gallery inspired by Chris Burkard's style.
🎯 Features
Core Gallery Features
- Masonry Layout: Beautiful Pinterest-style responsive gallery layout
- Lightbox Gallery: Full-screen image viewing with navigation and zoom
- Favorites System: Allow users to save favorite images to personal collections
- Social Sharing: Integrated sharing to Facebook, Twitter, Pinterest, and Instagram
- Mobile Optimized: Fully responsive design with touch gestures
- Performance Optimized: Lazy loading, image optimization, and caching
WooCommerce Integration
- Seamless integration with WooCommerce product pages
- Support for product variations and print sizes
- Compatible with Photo Prints Matrix plugin
- Enhanced product galleries with lightbox functionality
Elementor Integration
- Custom Elementor widgets for gallery display
- Drag-and-drop gallery building
- Real-time preview and customization
- Compatible with Elementor Plus Addons
📋 Requirements
- WordPress 5.0 or higher
- PHP 7.4 or higher
- WooCommerce 3.0 or higher (required)
- Elementor (recommended but optional)
🚀 Installation
Automatic Installation
- Navigate to Plugins → Add New in your WordPress admin
- Search for "Chris Burkard Gallery"
- Click Install Now and then Activate
Manual Installation
- Download the plugin from GitHub
- Upload the
plugin-bahafolder to your/wp-content/plugins/directory - Activate the plugin through the Plugins menu in WordPress
Using the Installer
- Download the
install-gallery-plugin.phpfile - Upload it to your
/wp-content/plugins/directory - Activate the "Gallery Installer" plugin
- Navigate to Plugins → Gallery Installer to install the main plugin
⚙️ Configuration
Basic Setup
- After activation, go to Gallery → Settings
- Configure your gallery preferences:
- Enable/disable masonry layout
- Set default columns
- Configure lightbox settings
- Set up social sharing platforms
Style Customization
- Navigate to Gallery → Settings → Style
- Choose your theme style:
- Chris Burkard (default)
- Minimal
- Modern
- Classic
- Dark
- Light
- Customize colors and animation speeds
Performance Settings
- Go to Gallery → Settings → Performance
- Enable lazy loading for better performance
- Set image quality preferences
- Configure caching options
🎨 Usage
Adding Gallery to Shop Pages
The plugin automatically transforms your WooCommerce shop pages into galleries. Simply:
- Create products in WooCommerce with high-quality images
- Set up product categories for organization
- The gallery will automatically display on shop and category pages
Using Elementor Widgets
- Edit a page with Elementor
- Search for "Chris Burkard Gallery" widgets
- Drag and drop widgets to your page
- Configure widget settings:
- Gallery Masonry: Main gallery display
- Gallery Lightbox: Lightbox functionality
- Gallery Featured: Featured images showcase
Shortcodes
// Display gallery with specific category
[cbg_gallery category="landscape"]
// Display gallery with custom columns
[cbg_gallery columns="3"]
// Display featured gallery
[cbg_featured count="6"]
🔧 Advanced Features
Image Optimization
The plugin includes automatic image optimization:
- JPEG compression (85% quality)
- PNG optimization (compression level 6)
- WebP support
- Responsive image sizes
Caching System
Built-in caching for improved performance:
- Browser caching headers
- WordPress object cache integration
- Asset versioning for cache busting
Lazy Loading
Automatic lazy loading for all gallery images:
- Native loading="lazy" attribute
- Background image lazy loading
- Intersection Observer API support
📱 Mobile Optimization
The plugin is fully optimized for mobile devices:
- Responsive grid layout
- Touch gesture support
- Swipe navigation in lightbox
- Optimized image sizes for mobile
- Fast loading on mobile connections
🛠️ Troubleshooting
Common Issues
Plugin not working after activation
- Ensure WooCommerce is installed and activated
- Check PHP version (requires 7.4+)
- Clear your browser cache
Gallery not displaying
- Verify products have featured images
- Check that you're on a shop or category page
- Ensure "Enable Masonry Layout" is checked in settings
Lightbox not working
- Check for JavaScript conflicts in browser console
- Ensure no other lightbox plugins are active
- Verify jQuery is loading properly
Performance issues
- Enable lazy loading in settings
- Optimize your images before uploading
- Consider using a caching plugin
Getting Support
- Create an issue on GitHub
- Check the documentation
- Contact support through the plugin's admin panel
🔄 Updates
The plugin automatically checks for updates. You can:
- Update from the WordPress admin dashboard
- Download the latest version from GitHub
- Use the built-in update checker
📄 License
This plugin is licensed under the GPL v2 or later.
🤝 Contributing
Contributions are welcome! Please:
- Fork the repository
- Create a feature branch
- Make your changes
- Submit a pull request
📈 Changelog
Version 2.0.0
- Removed AI optimization features
- Removed analytics tracking
- Simplified installation process
- Improved performance
- Enhanced mobile optimization
- Fixed compatibility issues
Version 1.0.0
- Initial release
- Core gallery functionality
- WooCommerce integration
- Elementor widgets
- Mobile optimization
🔗 Links
Note: This plugin is inspired by Chris Burkard's photography style but is not affiliated with or endorsed by Chris Burkard.
d7996608f6f09b78cf99ebf7a1227d72c113c23a