Shoppable Images for WooCommerce Pro extends Shoppable Images (Lookbook) with image hotspots that link to products or pages. In the WordPress admin, select an image and position hotspots over the entries or areas you want to link. An image showing several products can have separate hotspots, each with its own destination.

Use the displays for lookbooks, product scenes, editorial content, or theme layouts. Add them to posts and pages with a shortcode, or place them in a theme through PHP.

Where can hotspots lead?

Each hotspot can link to a WooCommerce product or any page. WooCommerce is optional for general hotspots that link to pages or other destinations; product-focused capabilities use the WooCommerce integration. Pro works with variable products, and a button can automatically add products to the cart without a page reload.

How can tags and popups be adjusted?

Change tag colors and sizes, choose from multiple tag icons, and add pulse animations to tags. Popup animations control the opening effect. Choose whether a popup opens on click or hover to suit the image and its surrounding content.

How many pictures can you create?

Pro supports unlimited images. Give each image its own set of hotspots and use separate displays for various scenes, categories, or page sections.

Requirements and setup

The listed requirements are PHP 5.6 or higher and WordPress 3.7 or higher. WooCommerce 3.6 or higher is supported when WooCommerce is used. General image hotspots can link to pages or other destinations without WooCommerce; product features use the WooCommerce integration.

Install the Pro edition on a website that meets the requirements, then create a shoppable image in the WordPress admin. Add the image, position the hotspots, choose a product or page for each one, and adjust tag, icon, animation, popup, and cart settings. Place the finished image by shortcode in a post or page, or through PHP in a theme. Before publishing a WooCommerce display, check the product links, variable-product selection, and automatic cart action.