Title: Shoppable Images (Lookbook) for WooCommerce
Author: studiowombat
Published: <strong>3 september 2017</strong>
Last modified: 25 juni 2026

---

Plugins zoeken

![](https://ps.w.org/mabel-shoppable-images-lite/assets/banner-772x250.jpg?rev=2094339)

![](https://ps.w.org/mabel-shoppable-images-lite/assets/icon-256x256.png?rev=1723809)

# Shoppable Images (Lookbook) for WooCommerce

 Door [studiowombat](https://profiles.wordpress.org/studiowombat/)

[Download](https://downloads.wordpress.org/plugin/mabel-shoppable-images-lite.1.3.1.zip)

 * [Details](https://nl.wordpress.org/plugins/mabel-shoppable-images-lite/#description)
 * [Beoordelingen](https://nl.wordpress.org/plugins/mabel-shoppable-images-lite/#reviews)
 * [Ontwikkeling](https://nl.wordpress.org/plugins/mabel-shoppable-images-lite/#developers)

 [Ondersteuning](https://wordpress.org/support/plugin/mabel-shoppable-images-lite/)

## Beschrijving

Increase traffic through your website by creating shoppable images: images containing
different hotspots which link to various products or pages.

#### Features

 * Create shoppable images in 3 easy steps, straight from the WordPress admin
 * Change tag colors
 * Easily link hotspots to your products or any page
 * Add shoppable images on posts or pages by using shortcodes
 * Or add it anywhere in your theme through PHP
 * Woocommerce 3.6+ compatible

#### Quick links

[» Demo](http://demostore.studiowombat.com/shoppable-images-demo/?utm_source=wporg&utm_medium=referral&utm_campaign=readme)

[» Documentation](https://studiowombat.com/knowledge-base/?utm_source=wporg&utm_medium=referral&utm_campaign=readme)
[» Pro Version](https://studiowombat.com/plugin/shoppable-images/?utm_source=wporg&utm_medium=referral&utm_campaign=readme)

#### Premium features

More info about the premium version [can be found here](https://studiowombat.com/plugin/shoppable-images/?utm_source=wporg&utm_medium=referral&utm_campaign=readme)

 * Support for variable products.
 * Button can also automatically add the products to the cart (without page reload).
 * Settings to tweak the tag design even further: from colors to size.
 * Choose between multiple tag-icons.
 * Tag pulse animations to make them stand out.
 * Popup animations to make everything smoother.
 * Option to open the popup on hover instead of on click.
 * Add unlimited images.

#### Requirements

 * PHP 5.6 or higher
 * WordPress 3.7 or higher
 * Optinional: WooCommerce 3.6+

## Schermafbeeldingen

[⌊Admin settings screen.⌉⌊Admin settings screen.⌉[

Admin settings screen.

[⌊Adding an image via the WP admin.⌉⌊Adding an image via the WP admin.⌉[

Adding an image via the WP admin.

[⌊Overview of your images.⌉⌊Overview of your images.⌉[

Overview of your images.

[⌊Example of how it could look on your website.⌉⌊Example of how it could look on
your website.⌉[

Example of how it could look on your website.

## Beoordelingen

![](https://secure.gravatar.com/avatar/d7d68297b2f4d3c5a89800d4c9bf2631f5d8f1a811469efad4c92de044a45262?
s=60&d=retro&r=g)

### 󠀁[Так себе](https://wordpress.org/support/topic/%d1%82%d0%b0%d0%ba-%d1%81%d0%b5%d0%b1%d0%b5-12/)󠁿

 [Mario62rus](https://profiles.wordpress.org/mario62rus/) 27 november 2022

Минусы: – у точек только фиксированные 3 поля с заданными названиями – максимум 
можно добавить 3 картинки – это очень мало – добавляю точки на картинку, вывожу 
ее шорткодом, а выводится только картинка без точек

![](https://secure.gravatar.com/avatar/532af9e4024f6c6d444a74cc38743b2524b6b0b57b4296ef74384443f644c8ca?
s=60&d=retro&r=g)

### 󠀁[Not working](https://wordpress.org/support/topic/not-working-3703/)󠁿

 [bellakaroo](https://profiles.wordpress.org/bellakaroo/) 29 juli 2021 1 reactie

Download it as a last resort since there is basically no working hotspot / image
pin plugin on the plugin store (tried all of those that I could find apart from 
the plugins thats not been updated in the last couple of years lol) Quite disappointed
when I saw that nothing you click on is working. Cant even change the "shop it" 
text or the pin background colour, cant select any of the other 2 tabs either so
cant even start to create a pinned / hotspot product image. Had a field day just
to find where it was installed, checked cpanel to make sure it got installed and
is activated and yes all looks fine, plugin even reflects under my plugin list with
only 2 options, deactivate and settings, however i found it hidden in the wp settings
tab and only accessable from there. Doesnt show up anywhere else in the menu not
even when you create a blank page so how do you even use this? Guess my hopes of
creating a Shoppable lookbook is for naught

![](https://secure.gravatar.com/avatar/aa731a9e1f44d246a4dcc17ce16cafc68c585074e59f049c10e86cfe5edb4661?
s=60&d=retro&r=g)

### 󠀁[Perfect and unbelievably fast service](https://wordpress.org/support/topic/perfect-and-unbelievably-fast-service/)󠁿

 [hmoshops](https://profiles.wordpress.org/hmoshops/) 2 juni 2021

The purchase process and integration were child's play. My questions were answered
immediately by Maarten and all problems were solved quickly. I am really excited.
Many thanks for that. Keep up the good work, Tamara

![](https://secure.gravatar.com/avatar/6c715fd977377a6664be7b5bf7a1904d8b7c52a1cddb5d60f8347fcced303538?
s=60&d=retro&r=g)

### 󠀁[The best Support & UI](https://wordpress.org/support/topic/the-best-support-ui/)󠁿

 [mymonca](https://profiles.wordpress.org/mymonca/) 9 juni 2020

This plugin has everything! Absolutely amazing UI, very easy to use. Support is 
extremely helpful. If you get stuck do not hesitate to contact them. And functionality
is everything you needed! Highly recommend for everyone.

![](https://secure.gravatar.com/avatar/fcdadf022612e4203c0ce53ca3970961bb3718ec302260cb50cedbbf5a44cab8?
s=60&d=retro&r=g)

### 󠀁[Great UI & Functions](https://wordpress.org/support/topic/great-ui-functions/)󠁿

 [Skägget](https://profiles.wordpress.org/skagget/) 21 februari 2020

Good plugin. Had some issues at start, but this was patched in an update after contact
with support. Great work.

![](https://secure.gravatar.com/avatar/9c13ae9195ab5d0ca7a4d1c41f0384c32559b3c8c80685fd842baa28cc1431b1?
s=60&d=retro&r=g)

### 󠀁[Great plugin and support](https://wordpress.org/support/topic/great-plugin-and-support-803/)󠁿

 [dlalatovic](https://profiles.wordpress.org/dlalatovic/) 27 september 2019

Plugin is very simple and intuitive, will go for pro version. Also, I was amazed
with support which was very fast (even though it is free version of plugin).

 [ Lees alle 12 beoordelingen ](https://wordpress.org/support/plugin/mabel-shoppable-images-lite/reviews/)

## Bijdragers & ontwikkelaars

“Shoppable Images (Lookbook) for WooCommerce” is open source software. De volgende
personen hebben bijgedragen aan deze plugin.

Bijdragers

 *   [ studiowombat ](https://profiles.wordpress.org/studiowombat/)
 *   [ Maarten B ](https://profiles.wordpress.org/maartenbelmans/)

“Shoppable Images (Lookbook) for WooCommerce” is vertaald in 1 locale. Dank voor
[de vertalers](https://translate.wordpress.org/projects/wp-plugins/mabel-shoppable-images-lite/contributors)
voor hun bijdragen.

[Vertaal “Shoppable Images (Lookbook) for WooCommerce” in je eigen taal.](https://translate.wordpress.org/projects/wp-plugins/mabel-shoppable-images-lite)

### Interesse in ontwikkeling?

[Bekijk de code](https://plugins.trac.wordpress.org/browser/mabel-shoppable-images-lite/),
haal de [SVN repository](https://plugins.svn.wordpress.org/mabel-shoppable-images-lite/)
op, of abonneer je op het [ontwikkellog](https://plugins.trac.wordpress.org/log/mabel-shoppable-images-lite/)
via [RSS](https://plugins.trac.wordpress.org/log/mabel-shoppable-images-lite/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### version 1.3.1

 * Improvement: added extra security to backend actions.

#### version 1.3

 * Improvement: properly escape all output.
 * Improvement: improve translations.
 * Improvement: small performance improvements.
 * Improvement: code modernization & cleanup.

#### version 1.2.6

 * Improvement: removed PHP deprecation warnings for PHP 8.2+.

#### version 1.2.5

 * Improvement: minor performance improvements.
 * Improvement: enable WooCommerce HPOS compatibility.
 * Other: update minimum requirements to PHP 5.6 and WooCommerce 3.6 (if using WooCommerce).

#### version 1.2.4

 * Improvement: improved page loading performance in the backend.
 * Improvement: added security checks when editing or deleting images.

#### version 1.2.3

 * Other: verify WP 6.1 and Woo 7+ compatibility.
 * Other: update readme and other links.

#### version 1.2.2

 * Other: verify WP 6.0 compatibility
 * Other: bump minimum WooCommerce version to 3.4.0.

#### version 1.2.1

 * Improvement: replace older Woo display functions with their modern variant.

#### version 1.2

 * Fix: fixed an issue with displaying quotes (inches) in tag titles.

#### version 1.1.9

 * Fix: fixed an issue with loading non-WooCommerce tags in the backend.
 * Fix: sanitize certain parts of the settings coming from the backend and escaping
   HTML.

#### version 1.1.8

 * Fix: fixed a bug with the plugin only showing the 5 tags.

#### version 1.1.7

 * Improvement: modernized the frontend CSS code. As a result, the CSS file is a
   bit smaller.
 * Improvement: improved admin UX where buttons are now indicating when you’re waiting
   for something to load.

#### version 1.1.6

 * Fix: fixed a bug with editing images creating duplicates.

#### version 1.1.5

 * Fix: fixed a bug when deleting an existing tag on an image.

#### version 1.1.4

 * Update: updated some jQuery to vanila js.
 * Update: verify & update WordPress & WooCommerce version tags.

#### version 1.1.3

 * Update: verify & update WordPress & WooCommerce version tags.

#### version 1.1.2

 * Update: added a filter to change the capability role.

#### version 1.1.1

 * Update: verified WP 5.5 compatibility.
 * Fix: minor code cleanup.
 * Fix: updated WooCommerce version tags.

#### version 1.1.0

 * Fix: removed calls to “create_function” which is deprecated as of PHP 7.2+.

#### version 1.0.9

 * Fix: fixed an issue with data “icon” attributes.
 * Fix: CSS issue with images that are not going full width in the parent.

#### version 1.0.8

 * Fix: added a better way to fetch product thumbnails
 * Update: added “woocommerce tested up to” tags

#### version 1.0.7

 * Update: cleaned up some outdated CSS to make the final CSS file size smaller.
 * Update: the displayed price now takes into account sales price and WooCommerce
   currency settings.
 * Fix: fixed some smaller CSS issues with the popup button and the icons in the
   tags.

#### version 1.0.6

 * Fix: fixed a bug with editing shoppable images in the backend.

#### version 1.0.5

 * Update: better translation management.

#### version 1.0.4

 * Update: changed woocommerce image type for shoppable cards.

#### version 1.0.3

 * Update: Better loading of Woo products on the backend.

#### version 1.0.2

 * Fix: Remove get_display_price in favor of get_price.

#### version 1.0.1

 * Fix: fixed WordPress notices.

#### version 1.0.0

 * Initial version

## Meta

 *  Versie **1.3.1**
 *  Laatst geüpdatet **3 maanden geleden**
 *  Actieve installaties **6.000+**
 *  WordPress versie ** 3.7 of nieuwer **
 *  Getest t/m **7.0.7**
 *  Talen
 * [English (US)](https://wordpress.org/plugins/mabel-shoppable-images-lite/) en
   [Swedish](https://sv.wordpress.org/plugins/mabel-shoppable-images-lite/).
 *  [Vertaal in je eigen taal](https://translate.wordpress.org/projects/wp-plugins/mabel-shoppable-images-lite)
 * Tags
 * [clickable image](https://nl.wordpress.org/plugins/tags/clickable-image/)[hotspots](https://nl.wordpress.org/plugins/tags/hotspots/)
   [image hotspots](https://nl.wordpress.org/plugins/tags/image-hotspots/)[shoppable image](https://nl.wordpress.org/plugins/tags/shoppable-image/)
   [woocommerce](https://nl.wordpress.org/plugins/tags/woocommerce/)
 *  [Geavanceerde weergave](https://nl.wordpress.org/plugins/mabel-shoppable-images-lite/advanced/)

## Waarderingen

 4.3 van 5 sterren.

 *  [  9 5 sterren beoordelingen     ](https://wordpress.org/support/plugin/mabel-shoppable-images-lite/reviews/?filter=5)
 *  [  0 4 sterren beoordelingen     ](https://wordpress.org/support/plugin/mabel-shoppable-images-lite/reviews/?filter=4)
 *  [  0 3 sterren beoordelingen     ](https://wordpress.org/support/plugin/mabel-shoppable-images-lite/reviews/?filter=3)
 *  [  3 2 sterren beoordelingen     ](https://wordpress.org/support/plugin/mabel-shoppable-images-lite/reviews/?filter=2)
 *  [  0 1 sterren beoordelingen     ](https://wordpress.org/support/plugin/mabel-shoppable-images-lite/reviews/?filter=1)

[Je beoordeling](https://wordpress.org/support/plugin/mabel-shoppable-images-lite/reviews/#new-post)

[Bekijk alle beoordelingen](https://wordpress.org/support/plugin/mabel-shoppable-images-lite/reviews/)

## Bijdragers

 *   [ studiowombat ](https://profiles.wordpress.org/studiowombat/)
 *   [ Maarten B ](https://profiles.wordpress.org/maartenbelmans/)

## Ondersteuning

Iets te melden? Hulp nodig?

 [Het supportforum bekijken](https://wordpress.org/support/plugin/mabel-shoppable-images-lite/)

## Doneren

Wil je de groei van deze plugin ondersteunen?

 [ Doneer aan deze plugin ](https://www.paypal.me/maartenbelmans)