Shoppable Lookbook & Image Hotspots
| 开发者 | Douple |
|---|---|
| 更新时间 | 2026年8月14日 14:54 |
| PHP版本: | 7.0 及以上 |
| WordPress版本: | 7.0 |
| 版权: | GPLv2 or later |
| 版权网址: | 版权信息 |
详情介绍:
Plugin URL: https://douple.net/shoppable-lookbook-image-hotspots/
Docs: https://douple.net/shoppable-lookbook-image-hotspots/docs.html
Demo: https://douple.net/shoppable-lookbook-image-hotspots/demo.html
GitHub: https://github.com/thiendo/WordPress-Shoppable-Lookbook-Image-Hotspots-Plugin
Support: support@douple.net
Get Pro: https://checkout.freemius.com/plugin/32876/plan/59385/
Tag products on your photos to turn them into shoppable images. Supports drag & drop markers so you can place products exactly where they appear in the photo.
Features
- Click anywhere on the image to create a marker
- Drag and drop markers to reposition them
- Flexible styling — colour, size, icon, open on click / hover / auto
- Smart product search and link products to markers (WooCommerce)
- Link markers to any custom URL with a custom title, image and price (no WooCommerce required)
- Optional AJAX “Add to cart” button on product markers
- Fully translatable — uses WordPress.org language packs (translate.wordpress.org)
- Keyboard and screen-reader accessible markers
- Shortcode plus Gutenberg and Elementor blocks
- Create unlimited lookbooks
- Elementor
- Gutenberg (block editor)
- Classic Editor (shortcode)
- WPBakery Page Builder (Pro)
- Fusion Builder (Pro)
- Product List — tagged products as a shoppable list or carousel, with variation selects and add-to-cart
- Shop the Look — “Add all to cart” bar with live total
- Quick View — product modal from a marker without leaving the page
- Multi-image Lookbook & Gallery Manager — carousel, grid, masonry or flipbook
- Product page cross-sell — lookbooks containing the viewed product
- Analytics — impressions, marker opens, clicks, add-to-carts and conversion funnel
- Custom markers — upload your own PNG/SVG (sanitized)
- Advanced styling — Tag/Bottom box styles, corners, custom colour, opacity
- More marker animations — beat and bounce (free keeps pulse)
- Advanced triggers — open all, open first, or accordion
- Bottom-sheet mobile display
- Export / Import & duplicate
- WPBakery & Fusion Builder elements
- PHP 7.0 or higher
- WordPress 5.0 or higher
- WooCommerce 3.0 or higher (required only to link WooCommerce products)
安装:
- Upload the
shoppable-lookbook-image-hotspotsfolder to/wp-content/plugins/, or install from Plugins → Add New. - Activate the plugin through the Plugins screen in WordPress.
- Go to Lookbook → Image Hotspots and create your first lookbook.
- Copy the shortcode (or use the Gutenberg / Elementor block) onto any page.
- Full documentation: https://douple.net/shoppable-lookbook-image-hotspots/docs.html
屏幕截图:
常见问题:
Do I need WooCommerce?
Only for product markers. Without WooCommerce you can still tag photos with custom links (title, image, price and any URL).
Will it work with my theme and page builder?
Yes. Lookbooks render through a shortcode, so they work in any theme. Native integrations ship for Gutenberg and Elementor (free) plus WPBakery and Fusion Builder (Pro).
How do I upgrade to Pro?
Purchase Pro at https://douple.net/shoppable-lookbook-image-hotspots/#pricing and install the Pro ZIP from your purchase email / Freemius customer portal. The free WordPress.org package does not include the Freemius SDK.
I bought Pro but the plugin still shows Free
Install the Pro ZIP from your Freemius purchase (not only the free WordPress.org package), then activate with the license key from your purchase email.
What happens to my data if I deactivate or uninstall?
Deactivating keeps all lookbooks intact. Deleting the plugin keeps data by default too — you can opt in to a full data wipe on uninstall from the plugin settings.
Does this plugin send data to third parties?
No. Lookbook content stays in your WordPress database. This free package does not bundle Freemius or phone home.
更新日志:
1.9.3
- Compliance: Free wordpress.org package now ships every built-in lookbook setting unlocked (layout, animations, triggers, mobile sheet, custom colors/markers, export/import). Extra modules stay in a separate Pro ZIP.
- Compliance: Removed Freemius
fs_dynamic_initfrom the free package (is_premiumis no longer present). The SDK is not bundled. - Compliance: AJAX handlers check
current_user_can()andcheck_ajax_referer()in the same function. JS objects use theslbihprefix. - Fix: Open First trigger works on mobile bottom sheet.
- Fix: Mobile Display defaults to Compact (desktop-style); Bottom sheet remains optional.
- Fix: Auto content color follows custom box luminance on mobile sheet (no white-on-white text).
- Fix: Bottom sheet stays full-width in carousel / flipbook contexts.
- Fix: Bottom card (layout 4) stays centred on mobile and after gallery crop remapping.
- Compliance: Renamed plugin to Shoppable Lookbook & Image Hotspots (slug / text domain
shoppable-lookbook-image-hotspots) for wordpress.org resubmission.
- Rename remaining asset/include filenames (JS/CSS/PHP includes/Gutenberg/icons).
- Compliance work toward wordpress.org distinctive naming and Guideline 5 free-package cleanup.
- Compliance: Renamed plugin display name / slug for wordpress.org distinctiveness; free package strips locked Pro features (Guideline 5).
- Compliance: Use
plugin_dir_url()for the plugin URL; escape shortcodedata-variations; removeload_plugin_textdomain()and bundled.po/.mo(translate.wordpress.org). - Compliance: Prefer distinctive constants (
SLBIH_*) and script handles.
- Compliance: Free / wordpress.org package no longer ships the Freemius SDK (avoids plugin_updater_detected). Pro is distributed as a separate Freemius-sold ZIP.
- Compliance: Contributors set to Douple; public GitHub README lists thiendo and Douple-net.
- Compliance: Renamed plugin display name to "Shoppable Lookbook & Image Hotspots" so it matches the folder/slug and Text Domain (avoids Plugin Check TextDomainMismatch from "&" in the old name).
- Compliance: Free / wordpress.org package now keeps human-readable JS/CSS (no terser minify-in-place) and documents the public source repository — matching Guideline 4 lessons from WhoChanged.
- Compliance: Documented Freemius as an external service (terms + privacy) and added FAQ / Development sections to the readme.
- Compliance: Freemius init now sets
is_org_compliant; free zip builder stripswp_org_gatekeeperand Freemius SDK development tooling folders. - Compliance: Free build continues to strip Pro-only teaser UI (Guideline 5 Trialware) and all
__premium_onlymodules.
- New (Pro): Flipbook "Book Size" — choose a portrait (magazine) or landscape (photo album) page shape; photos that do not match the page are centered on it instead of cropped, so markers always stay on their products.
- New (Pro): Flipbook "Photo Fit" — show the whole photo on the page (Fit) or crop it to cover the page edge to edge (Full); markers follow the visible part automatically.
- New (Pro): Carousel "Photo Fit" — Full (crop to fill the frame, as before) or Fit (show the whole photo, letterboxed if it doesn't match the frame). The frame size stays constant either way, so the carousel never jumps height while swiping.
- New (Pro): Carousel "Image Size" — pick 1:1, 4:3, 3:4, 16:9 or 9:16 for the frame (previously fixed at 4:3).
- New (Pro): Grid "Size" — choose 1:1, 4:3 or 3:4 for the grid cells (previously always square).
- Change: Lookbook Settings (galleries) field descriptions now show as hint tooltips (matching the Image Hotspot editor) instead of paragraphs under each field.
- Fix: switching the Lookbooks display to Flipbook or Grid no longer left the Carousel options visible underneath at the same time.
- Fix: the Lookbook Settings hint tooltips were rendered underneath the next field's dropdown, effectively invisible; they now always appear on top.
- Fix: the Masonry display no longer shows an "Image Size" control that had no effect (Masonry keeps each photo's natural size; only Grid crops to a fixed ratio).
- Fix: longer hint tooltips in Lookbook Settings could overflow sideways past their own box (and past the screen edge) instead of wrapping onto multiple lines.
- Fix: carousel and grid slides could crop off-center instead of centered (a missing width on the photo broke object-fit centering).
- Change: inside galleries/lookbooks the per-hotspot Photo Width setting is ignored — the gallery layout owns the sizing.
- Fix: the flipbook now renders correctly inside the block editor (static first-spread preview) and no longer shows misaligned pages.
- Change: in the hotspot editor the Marker section now sits above Box and opens by default.
- New: Freemius licensing/upgrade integration — Pro features unlock with a licence key, free version available on wordpress.org.
- Change: Tag/Bottom box styles, box corner radius, bottom-sheet mobile display, custom marker image/SVG upload, custom box colour + opacity, beat/bounce animations, open-all/open-first/accordion triggers, export/import and the WPBakery/Fusion Builder elements are now Pro features (enforced on save and render; locked with a PRO badge in the editor). Existing lookbooks fall back to free styling until upgraded.
- i18n: regenerated the translation template (.pot) covering every string in the plugin (225 strings, previously 64), including the Gutenberg block editor UI.
- i18n: bundled full translations for 7 languages — Spanish, German, French, Italian, Portuguese (Brazil), Japanese and Vietnamese (admin, frontend and block editor).
- i18n: block editor scripts now load their own translations (wp_set_script_translations).
- Fix: the in-editor Preview now loads the Pro styles (Quick View / Shop the Look), so it matches the front-end instead of showing unstyled markup.
- Fix (Pro): styled the "Quick view" button inside the marker box (it previously rendered as an unstyled browser button).
- Fix (Pro): Quick View modal — darker backdrop and vertically-centred dialog so it no longer looks broken when the product summary is short.
- Fix: new lookbooks now use a deterministic default marker colour.
- New (Pro): Multi-image Lookbook — a
[shoppablelookbook_gallery ids="1,2,3" view="carousel"]shortcode combines several lookbooks into one shoppable carousel (swipe, arrows, dots) or responsive grid. Markers, Quick View, Shop the Look and Analytics all keep working inside each slide.
- New (Pro): Analytics — a dashboard (Lookbooks → Analytics) tracking impressions, marker opens, product clicks and add-to-cart events per lookbook, with open-rate / cart-rate and a top-products table.
- New (Pro): Shop the Look — a "Add all to cart" bar under the lookbook adds every in-stock product marker to the WooCommerce cart in one click, with a live item count and total. Products are re-validated server-side on add.
- New (Pro): Quick View — a "Quick view" button on product markers opens a modal with the product image, price, variation/quantity selector and add-to-cart, without leaving the page.
- Developer: Added extension hooks (
shoppablelookbook_is_pro,shoppablelookbook_default_options,shoppablelookbook_sanitize_options,shoppablelookbook_settings_{box|marker|display},shoppablelookbook_marker_html,shoppablelookbook_html,shoppablelookbook_enqueue_assets) so the Pro add-on can extend the free plugin cleanly.
- New: Marker animations — Pulse, Beat, Bounce or None — so visitors notice markers are clickable. Pulse uses the marker colour; respects "reduce motion".
- New: A guided hint ("Click anywhere on the image to add a marker") appears on a new lookbook and disappears once the first marker is added.
- Removed: The Cream box colour preset.
- Improved: Marker size is now capped on small screens so large markers stay tidy on mobile.
- Improved: Bigger, vertically-centred slider handle.
- Improved: The Opacity slider now tints to match the chosen box colour (and the Marker Size slider matches the marker colour), with an auto-contrast value badge.
- Fixed: The Save and Preview buttons are yellow again.
- Improved: Settings section headers now match the "Lookbook Settings" bar style (grey background, icon, consistent colours).
- Improved: Settings sections now use clean full-width banded headers; Title and Shortcode are always visible at the top.
- Improved: Clearer range sliders with a filled track and a value badge.
- Improved: Redesigned the Lookbook Settings panel into tidy collapsible sections (General, Box, Marker, Display).
- Improved: Custom Color and Opacity now sit side by side; modern slider styling.
- Fixed: Background opacity in the editor preview now fades only the box background, not its content.
- New: Upload a custom marker image (PNG or SVG) via the Media Library; falls back to an icon if removed.
- New: Marker size control (px).
- New: SVG uploads are allowed for administrators and sanitized on upload (scripts, event handlers, foreignObject and javascript: references are stripped).
- Improved: Background opacity now previews live in the editor.
- Removed: The Gray box colour preset.
- New: Box background opacity control.
- New: Custom box colour — pick any colour; text colour auto-adjusts for contrast.
- New: More marker icons (pin, star, shopping bag, tap).
- Improved: Show Price and Add to Cart are now shown side by side.
- Improved: Settings option groups now use a flexbox layout.
- Changed: Removed the "Card" box style (it overlapped with "Pad"); kept the compact "Tag" style.
- Fixed: Bumped asset version so new box styles/colors load instead of a cached stylesheet.
- Fixed: Custom-link tabs (Product / Custom Link) were hidden behind the box background in the editor.
- Improved: Lookbook list now uses a responsive flex grid.
- New: Markers can now link to any custom URL (page, post, external link) with a custom title, image and price — works even without WooCommerce.
- New: Optional AJAX "Add to cart" button on product markers.
- New: Full internationalization — all strings are now translatable and a translation template (.pot) is included.
- New: The Gutenberg block now uses a live server-side preview and a sidebar lookbook selector; markers are clickable inside the editor preview.
- New: Keyboard and screen-reader support for markers (focusable, ARIA labels, Escape to close).
- New: The "Preview" button in the editor now opens a live, interactive preview overlay.
- New: Mobile bottom-sheet — on phones, tapping a marker slides up a full-width product panel (with backdrop) instead of a cramped popover.
- New: More box styles and box colors (Blue, Green, Rose, Cream) for greater variety.
- Fixed: Marker info boxes could be covered by neighbouring markers; the active marker is now always on top.
- Fixed: Elementor and WPBakery elements could fail to register depending on plugin load order; both now register on the correct builder hooks.
- Improved: Marker boxes reposition on window resize / orientation change, after images finish loading, and when page builders (Elementor / WPBakery / Fusion) inject content — so markers work correctly in their live previews too.
- Security: Added nonce verification to the Gutenberg lookbook list AJAX endpoint.
- Fixed: Replaced the deprecated
block_categoriesfilter withblock_categories_all(WordPress 5.8+). - Fixed: Updated Elementor integration for Elementor 3.5+ (
elementor/widgets/register,register(),register_controls()), with fallback for older versions. - Fixed: Multibyte-safe product name truncation (Vietnamese, Chinese, Arabic, etc.).
- Fixed: PHP notices when listing legacy lookbooks without a saved name.
- Improved: Clean uninstall (removes plugin options; optionally removes data).
- Improved: Passes the official Plugin Check (escaping, i18n translator comments, prepared/scoped DB queries, nonce handling, readme compliance).
- Improved: Compatibility with WordPress 7.0 and PHP 8.x.
- Update: Some small bugs
- Update: Gutenberg integration
- Update: Fusion Builder integration
- Fixed: JS conflicts
- Fixed: More bugs
- Update: WPBakery integration
- Update: Elementor integration
- Fixed: More bugs
- Improved: New UI/UX
- Improved: Change box style
- Fixed: JS conflicts
- Update: Change marker color
- Fixed: More bugs
- Update: Add more lookbook settings
- Update: Drag and Drop marker
- Fixed: JS conflicts
- Fixed: WordPress notices
- Version 1.0.0 Initial Release