Note: This product is no longer for sale at WooCommerce.com. Documentation is not being updated.
This premium WooCommerce plugin allows you to easy add watermarks to your WooCommerce product images. These watermarks can be an image copyright symbol, company logo or piece of branding text as a transparent PNG image. You can have different watermarks for:
- catalogue thumbnails (in the main product category listing)
- main product image (the main image that appears at the top of the product page)
- popup product image (the large image that appears when clicking on a product thumbnail)
- small thumbnails (the additional product thumbnails that appear underneath the main product photo)
You can easily choose from 9 positions to place the watermark: middle, middle left, middle right, top left, top center, top right, bottom left, bottom center or bottom right.
This plugin will automatically add watermarks to any images that you upload to a product page. It also allows you to apply watermarks to already uploaded product images (please see instructions for more details).
Installation
↑ Back to top- Download the .zip file from your WooCommerce account.
- Go to: WordPress Admin > Plugins > Add New and Upload Plugin with the file you downloaded with Choose File.
- Install Now and Activate the extension.
Setup and Configuration
↑ Back to top- Create a transparent PNG watermark image (eg: something that says “Copyright Yourname” with your logo)
- Go to the ‘WooCommerce’ > ‘Watermark’ menu in WordPress.
- Upload the watermark image using the Choose Image button
- Select where you would like the watermark image to appear.
- Create a WooCommerce product and upload an image. The watermark should appear on the image.
If watermarks do not get applied after regenerating thumbnails, make the image paths relative e.g. /2012/06/watermark.png
Regenerating Thumbnails / Applying Watermarks to Existing Images
↑ Back to top- Download and install the free Regenerate Thumbnails plugin from here: http://wordpress.org/extend/plugins/regenerate-thumbnails/
- Go to the WooCommerce > Watermark menu in WordPress.
- Tick “None” next to all the watermark settings.
- Go to the Regenerate Thumbnails page (Tools > Regen Thumbnails)
- Regenerate your thumbnails. This will regenerate all your thumbnails without watermarks
- Go back to the ’WooCommerce’ > ‘Watermark’ menu in WordPress.
- Tick the position you would like each watermark to appear in (eg: bottom right)
- Go back to the Regenerate Thumbnails page (Tools > Regen Thumbnails)
- Regenerate your thumbnails. This will regenerate all your thumbnails with the correct watermarks