Dprime Woo Thumb Generator v1.1.0 WooCommerce

Generates square WooCommerce product thumbnails with padding. Every product shows in full with no cropping. Works across mixed image sizes and ratios.

Installation Settings Generating thumbnails FAQ Override classes

Installation

Install and activate WooCommerce with at least one published product.
Install and activate Dprime Woo Thumb Generator.
Go to Dprime > Thumb Generator, configure your settings, and click Generate thumbnails.

Settings

Setting	Range	What it does
Output size	200–1200 px	Width and height of the generated square. 600 or 800 suits most WooCommerce themes.
Padding	0–20%	White space around the image as a percentage of the output size. 5% is a good starting point.
Background colour	any hex	Fill colour for the padding area. White (#ffffff) matches most light product cards.
JPEG quality	60–100	Output compression quality. 88 gives a good file-size-to-sharpness balance.
Overwrite existing	on / off	When on, re-generates thumbnails that have already been processed. When off, skips them.

Generating thumbnails

Set your output size, padding, background colour, and quality.
Click Generate thumbnails. The plugin processes all published WooCommerce products - featured images plus gallery images.
A progress bar shows how many have been processed. Do not navigate away until it completes.
Hard refresh (Ctrl+Shift+R or Cmd+Shift+R) your shop page to bypass browser cache and see the new thumbnails.

Adding new products: Run the generator again after adding new products. With Overwrite existing off, only the new images are processed. Already-done products are skipped.

FAQ

Are the original uploaded images affected?

No. The generator replaces the thumbnail-size image file (the smaller derivative WooCommerce uses in the shop grid). The original full-size file you uploaded is untouched.

The shop still shows old thumbnails after generating.

Hard refresh the page (Ctrl+Shift+R). Your browser may be serving the old cached image. Also clear any page cache or CDN cache if you have one.

Generation stopped partway through a large catalog.

If Overwrite existing is off, the generator skips already-processed products, so running again picks up from where it stopped. Turn off Overwrite existing and click Generate again to resume.

Does this work with AVIF or WebP images?

The generator uses GD or Imagick (whichever your server provides). Support for AVIF and WebP depends on which image library your server has and its version. JPEG and PNG inputs always work.

Override classes

.dp-wtg-page           { /* outer page wrapper */ }
.dp-wtg-settings-form  { /* settings form */ }
.dp-wtg-progress-bar   { /* progress bar wrapper */ }
.dp-wtg-progress-fill  { /* filled portion */ }
.dp-wtg-progress-text  { /* status text */ }
.dp-wtg-log            { /* generation log output */ }
.dp-wtg-generate-btn   { /* Generate thumbnails button */ }