Square Thumbnails WooCommerce Integration - Final Summary ======================================================= New Features Added: 1. WooCommerce Mode Option: - CSS Only (default): Applies CSS to make images appear square without modifying files - Regenerate Images: Creates new square image files 2. Force Cropped Option: - When enabled, recreates cropped square images (like 300x300) as contained - Works with the regenerate mode Key Files Modified: 1. admin/partials/square-thumbnails-admin-display.php - Added WooCommerce Integration settings section - Two new options: woo_mode and force_cropped 2. admin/js/square-thumbnails-admin.js - Updated to save new options via AJAX 3. admin/class-square-thumbnails-admin.php - Updated sqt_settings_save() to handle new options - Modified make_square_size_image() to check WooCommerce mode - Added logic to skip WooCommerce sizes when in CSS mode - Added force_cropped check for square images 4. public/class-square-thumbnails-public.php - add_woocommerce_css() now checks if CSS mode is enabled - CSS only applies when woo_mode is set to 'css' 5. includes/class-square-thumbnails.php - Registered the add_woocommerce_css hook How it works: 1. In CSS mode (default): - WooCommerce images are not processed/regenerated - CSS is applied to make them appear square using object-fit: contain - No file modifications needed 2. In Regenerate mode: - WooCommerce images are processed like other images - New square files are created - CSS is not applied 3. Force Cropped option: - When enabled, even square cropped images (300x300) are recreated - The full image is shown without cropping - Only works in regenerate mode User Instructions: 1. Go to Media > Square Thumbnails 2. Find "WooCommerce Integration" section 3. Choose between: - CSS Only: Recommended, no file changes needed - Regenerate Images: Creates new files, needs write permissions 4. Enable "Force Cropped Images" if you want to recreate cropped squares 5. Save Settings 6. If using Regenerate mode, use the regenerate thumbnails feature