Kogility Image Editor for WooCommerce

Kogility Image Editor for WooCommerce integrates a modern image studio directly into your WordPress Media Library and WooCommerce product screens.

Stop downloading images, editing them in Photoshop, and re-uploading. With Kogility Image Editor, you can adjust, fine-tune, filter, resize, crop, rotate, flip, draw, add text, select/cut, and watermark your product images — all without leaving WordPress.

Free Features

• Adjust — Brightness, Contrast, Exposure, Saturation, Warmth, and Blur with 9 instant presets
• Crop & Transform — Interactive crop with freeform and aspect presets (1:1, 4:5, 16:9), 90° rotation, and flipping
• Draw & Shapes — Pencil, Pen, Brush, Airbrush, Eraser, and geometric shapes with mouse, stylus, and touch support
• Selection Marquee — Box and Circle marquee selection with Copy to Layer and Cut to Layer
• History Stack — 35-step Undo / Redo with Ctrl+Z / Ctrl+Y shortcuts
• Format Conversion — Save as JPG, PNG, or WebP
• Overwrite Original — Replace the original file while keeping the same attachment ID (no broken gallery links)
• Smart Integration — Kogility Studio buttons appear in Media Library, WooCommerce product pages, variable product variations, and the Gutenberg editor
• Media Filter — Filter your Media Library by file type, date, and dimensions

Pro Features

• Canvas Framing & Scaling — Pad images to perfect aspect ratios (1:1, 4:5, 4:3, 16:9, 9:16) with custom pixel dimensions, image scaling slider, padding slider, and auto-centering.
• Image & Watermark Layers — Access the entire WordPress Media Library or upload brand assets, logos, and badges with custom folder organization.
• Text Overlays & 30+ Fonts — Add custom styled typography with curated Google Fonts and drop shadow.
• Layer System — Visual drag-and-drop layer reordering, duplicate layer, save layer to presets, opacity control, lock, and visibility toggles.

Source & build

Unminified JavaScript for this plugin ships in the plugin folder:

• assets/js/admin.js builds to assets/dist/admin.js
• assets/js/media-modal.js builds to assets/dist/media-modal.js
• assets/js/gutenberg.js builds to assets/dist/gutenberg.js
• assets/js/studio.js is loaded as-is (not minified)
• assets/js/media-filter.js and assets/js/presets-admin.js are loaded as-is

Rebuild the dist files from the plugin root with Node.js:

npm install
npm run build

That runs esbuild via package.json and build.mjs.

Third-party: Freemius WordPress SDK (vendor/freemius/, https://github.com/Freemius/wordpress-sdk).