Overlay Plugin works with Woocommerce products. You can display overlay on Featured image and custom image of Woocommerce Products.

Apply Overlay On Woocommerce Products

Step 1First create the Products of Woocommerce and set the Featured image of product.
Step 2Then Go to Overlay Pro > Settings.
Step 3 Apply the styles for e.g Choose effects, overlay color, overlay width, overlay height , opacity etc.
Step 4Then apply the overlay on ‘Products Post Type‘.(See screenshot)

Step 5Then click Save Settings.
Step 6Open the Browser. You’ll see overlay display in Woocommerce products.