Lookwick - Shoppable Lookbook for WooCommerce
| 开发者 | motylanogha |
|---|---|
| 更新时间 | 2026年10月5日 21:31 |
| PHP版本: | 8.1 及以上 |
| WordPress版本: | 7.1 |
| 版权: | GPLv2 or later |
| 版权网址: | 版权信息 |
详情介绍:
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
- 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"].
- 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.
安装:
- Upload the plugin to
/wp-content/plugins/lookwick, or install via Plugins > Add New. - Activate it. WooCommerce must be installed and active.
- Create your first lookbook under Lookbooks > Add New: set the Featured image, then add product hotspots.
- Adjust global presentation under WooCommerce > Lookwick.
- Embed a lookbook with
[lookbook id="123"].
屏幕截图:
常见问题:
Does it require WooCommerce?
Yes. Lookwick only runs when WooCommerce is active, and hotspots link to WooCommerce products.
How do I find a lookbook's ID?
Open the Lookbooks list under the Lookbooks menu; the ID is shown when editing (post=123 in the URL). Use it in the shortcode.
How do I position a hotspot?
Each hotspot has an X and a Y value, both percentages from the top-left of the image (0-100), so you can line markers up with the products in the photo.
What happens if a pinned product is deleted?
That hotspot is simply skipped. Lookwick never renders a marker for a product that is gone or unpublished.
Can I show the price and an add-to-cart button?
Yes. Both are toggles under WooCommerce > Lookwick, and you can customise the add-to-cart label.
Will it slow my pages down or shift the layout?
No. The stylesheet and script load only on pages that actually render a lookbook, the script is deferred, and the image reserves its space, so there is no Cumulative Layout Shift.
Does this plugin work on WordPress Multisite?
Yes. This plugin is compatible with WordPress Multisite. Network activate it or activate it on individual sites; each site keeps its own settings and data.
更新日志:
1.2.0
- New: a Shoppable Lookbook widget for Elementor. Drop it on a page and enter the lookbook ID; it renders the same markup as the
[lookbook]shortcode. The widget loads only when Elementor is active.
- The upgrade notice's "Coming soon" and "Get notified" labels are English source strings for every language; Polish sites used to get their own Polish source text, which translators in other languages then saw untranslated.
- Hotspot rows are sanitised the moment they are read from the lookbook editor, before each field is validated.
- Renamed to Lookwick, a plain English name in place of the Esperanto one. The text domain and the plugin folder follow the name; the stored settings, options and every hook are unchanged.
- The sidebar upgrade promo now follows the same dismissal as the banner. Dismissing the banner used to leave a full-height advert on the settings screen for good, which is not what the WordPress.org guideline on upgrade prompts means by used with moderation.
- Renamed to Bildaro. The WordPress.org review team asks a plugin name to lead with a distinctive, coined identifier rather than a generic descriptive word. Bildaro is Esperanto for a set of images. The text domain follows the name; the stored data, the settings and every hook are unchanged.
- Security (low): the lookbook card image is escaped after the
lookbook/card_image_htmlfilter rather than before it. The default image was sanitised on the way into the filter, so whatever a callback returned went to the page unchecked. - Fixed: escaping the image through the core post allowlist was stripping
srcset,sizesanddecoding, so the card served one fixed image size instead of the responsive set WooCommerce built. The allowlist now keeps them, and keeps thevideoattributes the paid edition's video hotspots use.
- Fixed: the PRO upgrade promo kept selling to people who had already bought the paid edition. Only the banner could be dismissed, so the sidebar promo and the locked feature cards followed a paying customer around for good. The promo now checks whether the paid edition is active and steps aside when it is.
- Fixed: arrow glyphs in the admin menu paths, and in the strings handed to translators. An arrow inside a translatable string makes the glyph every translator's problem and changes the layout in any locale that drops it.
- Fixed: deleting the plugin left the per-user "dismiss" flag from the PRO notice in the database. Uninstall now removes it for every user, not just the one who dismissed it.
- The translation template was regenerated. It still named an older version of the plugin and pointed at source lines that had since moved, which is what translation tools read to show a string in context.
- Renamed to Plogins Lookbook - Shoppable Lookbook for WooCommerce so the name leads with the brand rather than a generic word, which is what the WordPress.org plugin review team asks for. The plugin slug is unchanged.
- Tested against WordPress 7.1. Verified by activating this build on a clean 7.1 install with WooCommerce 11.1, not by editing the header.
- Fixed the PRO promo on the settings screen quoting a price in PLN. PRO is priced and charged in EUR, so an admin on a Polish site was shown a zloty amount and then billed in euro, and the zloty figure was a fixed conversion that drifted from the real charge as the rate moved. The promo now shows the euro price that is actually taken.
- Translations: completed Polish, German and Spanish for the PRO upgrade panel.
- Fixed low-contrast admin headings under an OS dark-mode preference.
- Added bundled Polish, German and Spanish translations for the plugin interface.
- First stable release.
- Renamed to Plogins Lookbook for WooCommerce for a more distinctive plugin name.
- Fire
lookbook/renderedafter a lookbook template renders and exposedata-lookbook-idon the root element for add-on analytics.
- Add hotspot data attributes and a
lookbook:hotspot-openedfront-end event for privacy-safe add-on analytics.
- Add
lookbook/scene_media_htmlfilter and video scene support (media_type,video_url,video_id) vialookbook/scenes. - Add
lookbook/sanitize_hotspotfilter and pass hotspot context tolookbook/card_image_htmlfor add-on video markers. - Add
lookbook/admin_hotspot_row_*actions so Pro can extend the hotspot editor.
- Add
lookbook/card_image_htmlfilter to allow add-ons to customize product card gallery/thumbnail output. - Add
lookbook/scenesfilter so add-ons can append additional shoppable images to a lookbook.
- Initial release: shoppable lookbooks with an image, product hotspots positioned by percentage, an accessible product-card popover, and a
[lookbook]shortcode.