Lookwick – Shoppable Lookbook for WooCommerce
A shoppable lookbook on the storefront with product hotspots and an open product card.
Lookwick turns a single image into a shoppable scene. Upload a photo, pin your
WooCommerce products to it as hotspots, and embed the result anywhere with a
shortcode. When a shopper activates a hotspot, a small product card appears with
the thumbnail, title, price and an add-to-cart link, so they can buy straight
from the image.
It is built for stores that sell the look: fashion outfits, room sets, gift
guides, recipe ingredient shots, anywhere several products live in one picture.
The code is developed in the open. Browse it or report a bug at
github.com/wppoland/plogins-lookbook.
Documentation and links
- Documentation: plogins.com/plogins-lookbook/docs/
- Plugin page: plogins.com/plogins-lookbook/
- Source code: github.com/wppoland/plogins-lookbook
- Bug reports and feature requests: github.com/wppoland/plogins-lookbook/issues
How it works
- Create a lookbook under the Lookbooks menu and set its image with the
Featured image box. - Add a hotspot for each product: position it with an X and Y percentage and
enter the product ID. - Embed it with
[lookbook id="123"].
Features
- Shoppable image: pin any number of products as hotspots on one image.
- Simple hotspot editor: position each product by X/Y percentage.
- Accessible hotspot markers: real buttons, keyboard operable, with screen-reader labels.
- Product card popover with thumbnail, title, live price and an add-to-cart link.
[lookbook id="N"]shortcode, plus a Shoppable Lookbook widget for Elementor that takes the lookbook ID.- Reads product data live from WooCommerce, so prices and stock are always current.
- Degrades cleanly: a lookbook with no image, no hotspots, or only deleted products renders nothing or just the image, never broken markup.
- CSS adapts to light and dark colour schemes and honours prefers-reduced-motion.
- No layout shift, no jQuery, assets load only where a lookbook appears.
- Translation ready (POT included) and clean uninstall.
- HPOS and cart/checkout blocks compatible.
External Services
Lookwick does not connect to any external service. It builds the shoppable image from data already on your site: the lookbook post itself (a lookbook custom post type), its Featured image from your Media Library, the hotspots stored in the _lookbook_hotspots post meta, and the presentation options saved in the lookbook_settings option. Product titles, prices, thumbnails and add-to-cart links are read live from your own WooCommerce store. Nothing about your products, shoppers or orders is sent off-site, and the plugin loads no third-party fonts, scripts or analytics.
Translations
Lookwick is fully translatable and ships the lookwick.pot template. Translations are delivered by WordPress.org language packs from translate.wordpress.org, which is where Polish, German and Spanish are being contributed; the package itself carries no compiled translation files.