Product Image Watermark for WooCommerce

“Product Image Watermark for WooCommerce” Documentation by “WP Plugin Experts”

Introduction

Product Image Watermark for WooCommerce extension 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:

  • Full Image
  • Large Image
  • Medium Image
  • Post-thumbnail Image
  • Thumbnail Image

Features:

  • Automatically add watermarks to product image that you want to upload to a product page.
  • You can also apply watermarks to an already uploaded product images.
  • Easily choose from any 9 positions to place the watermark. You can place it in middle, middle left, middle right, top left, top center, top right, bottom left, bottom center & bottom right.
  • Ability to apply same watermark multiple times on a single image.
  • Ability to set a watermark on all custom sizes of an image.
  • Ability to set a watermark on each variation images of variable product
  • It provides a very friendly and easy to mange admin panel with a clean user-interface.

Minimum Requirements

Below are the minimum requirements to use the plugin.

  • WooCommerce Version 4.0 or greater are fully supported with this plugin.
  • PHP version 5.6 or greater
  • MySQL 5.6 or greater
  • WordPress 4.4 or greater
  • GD Library

You should also check WordPress minimum requirements.

Installing the Plugin

  1. The installation of the plugin is just like any other plugin installation for WordPress. Login to your WordPress site and go to Plugins > Add New.
  2. At the Install Plugins Page click on Upload from the top navigation and then click on browse.
  3. Go to the location on your computer where you saved the downloaded plugin zip file and upload this zipped file. You need to unzip the file first to get the plugin zip file.
  4. Now click on Install Now.
  5. Wait until WordPress has uploaded the file. If it's done click on Activate Plugin.
  6. Now you should see a message 'Plugin activated' at the top of the window.

After installing the extension, a Image watermark section will be added to the WooCommerce Extensions tab.

Plugin Settings

The Plugin Settings

Full Watermark Image
Select watermark image. This watermark image is applied to the full image on a product page.

Repeat Full Watermark Image
Select repeat full watermark image to apply repeat watermark on full size image.

Full Watermark Image Alignment
Select Full watermark alignment. 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. Select "No watermark" to not display full watermark image on product images. This watermark alignment is applied to the full image on a products page.

Thumbnail Watermark Image
Select watermark image. This watermark image is applied to the thumbnail image on a products page.

Thumbnail Watermark Image Alignment
Select Thumbnail watermark alignment. 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. Select "No watermark" to not display thumbnail watermark image on download images. This watermark alignment is applied to the thumbnail image on a Products page.

Medium Watermark Image
Select watermark image. This watermark image is applied to the medium image on a Products page.

Medium Watermark Image Alignment
Select Medium watermark alignment. 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. Select "No watermark" to not display medium watermark image on download images. This watermark alignment is applied to the medium image on a Products page.

Medium_large Watermark Image
Select watermark image. This watermark image is applied to the medium large image on a Products page.

Medium_large Watermark Image Alignment
Select Medium large watermark alignment. 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. Select "No watermark" to not display medium large watermark image on download images. This watermark alignment is applied to the medium large image on a Products page.

Large Watermark Image
Select watermark image. This watermark image is applied to the large image on a Products page.

Large Watermark Image Alignment
Select Large watermark alignment. 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. Select "No watermark" to not display large watermark image on download images. This watermark alignment is applied to the large image on a Products page.

1536x1536 Watermark Image
Select watermark image. This watermark image is applied to the 1536x1536 image on a Product page.

1536x1536 Watermark Image Alignment
Select 1536x1536 watermark alignment. 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. Select "No watermark" to not display 1536x1536 watermark image on download images. This watermark alignment is applied to the 1536x1536 image on a Products page.

2048x2048 Watermark Image
Select watermark image. This watermark image is applied to the 2048x2048 image on a Product page.

2048x2048 Watermark Image Alignment
Select 2048x2048 watermark alignment. 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. Select "No watermark" to not display 2048x2048 watermark image on download images. This watermark alignment is applied to the 2048x2048 image on a Products page.

Post-thumbnail Watermark Image
Select watermark image. This watermark image is applied to the post-thumbnail image on a Product page.

Post-thumbnail Watermark Image Alignment
Select Post-thumbnail watermark alignment. 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. Select "No watermark" to not display Post-thumbnail watermark image on download images. This watermark alignment is applied to the Post-thumbnail image on a Products page.

Woocommerce_thumbnail Watermark Image
Select watermark image. This watermark image is applied to the woocommerce_thumbnail image on a Product page.

Woocommerce_thumbnail Watermark Image Alignment
Select Woocommerce_thumbnail watermark alignment. 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. Select "No watermark" to not display Woocommerce_thumbnail watermark image on download images. This watermark alignment is applied to the Woocommerce_thumbnail image on a Products page.

Woocommerce_single Watermark Image
Select watermark image. This watermark image is applied to the Woocommerce_single image on a Product page.

Woocommerce_single Watermark Image Alignment
Select Woocommerce_single watermark alignment. 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. Select "No watermark" to not display Woocommerce_single watermark image on download images. This watermark alignment is applied to the Woocommerce_single image on a Products page.

Woocommerce_gallery_thumbnail Watermark Image
Select watermark image. This watermark image is applied to the Woocommerce_gallery_thumbnail image on a Product page.

Woocommerce_gallery_thumbnail Watermark Image Alignment
Select Woocommerce_gallery_thumbnail watermark alignment. 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. Select "No watermark" to not display Woocommerce_gallery_thumbnail watermark image on download images. This watermark alignment is applied to the Woocommerce_gallery_thumbnail image on a Products page.

Shop_catalog Watermark Image
Select watermark image. This watermark image is applied to the Shop_catalog image on a Product page.

Shop_catalog Watermark Image Alignment
Select Shop_catalog watermark alignment. 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. Select "No watermark" to not display Shop_catalog watermark image on download images. This watermark alignment is applied to the Shop_catalog image on a Products page.

Shop_single Watermark Image
Select watermark image. This watermark image is applied to the Shop_single image on a Product page.

Shop_single Watermark Image Alignment
Select Shop_single watermark alignment. 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. Select "No watermark" to not display Shop_single watermark image on download images. This watermark alignment is applied to the Shop_single image on a Products page.

Shop_thumbnail Watermark Image
Select watermark image. This watermark image is applied to the Shop_thumbnail image on a Product page.

Shop_thumbnail Watermark Image Alignment
Select Shop_thumbnail watermark alignment. 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. Select "No watermark" to not display Shop_thumbnail watermark image on download images. This watermark alignment is applied to the Shop_thumbnail image on a Products page.

Note : Please select ".PNG" watermark image. Otherwise watermark will not appear on the Products image.

The User Settings

Few new settings are added to the user edit page ( Users -> All Users -> Edit ) as mentioned in the image below :

User Settings

Disable Image Watermark
Check this box to disable image watermark for images uploaded by this user.

Usage Instructions

  1. Create a transparent PNG watermark image (eg: something that says "Copyright Yourname" with your logo).
  2. Go to the "WooCommerce" > "Settings" > "Product Watermark" tab in WordPress.
  3. Upload the watermark image using the Choose Image button
  4. Select where you would like the watermark image to appear.
  5. Create a New Product and upload an image. The watermark should appear on the image.

(If the watermarks do not appear, please try regenerating the thumbnails as below)

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

If you change your watermark, or need to add your new watermark to old product images, you need to regenerate your thumbnails.
Below is the correct process to follow when changing the watermark. This process ensures your old watermark is not left behind when swapping to a new watermark.

  1. Go to the "WooCommerce" > "Regenerate Thumb" page in WordPress.
  2. Click on Regenerate All Thumbnails button as shown in below screenshot.

Regenerate Thumbnails



Need Support
 
Created: June 03, 2020
By: wppluginexperts
Email: support@wppluginexperts.com
If you have any question which you couldn't get answered within our documentation then feel free to email us on support@wppluginexperts.com. If you have valid license key then please raise a ticket through our support system https://support.wppluginexperts.com. We would also love to hear if you have any new Ideas for making our plugin even more rich with new features, Do visit our Ideas forum. Thank you.