PicPoints - Interactive Image Maps, Floor Plans Builder
| 开发者 |
avirtum
yalogica freemius |
|---|---|
| 更新时间 | 2026年6月10日 02:18 |
| PHP版本: | 7.4 及以上 |
| WordPress版本: | 7.0 |
| 版权: | GPLv3 |
| 版权网址: | 版权信息 |
详情介绍:
安装:
- Upload the
picpointsfolder to the/wp-content/plugins/directory, or install the plugin directly through the WordPress plugins screen. - Activate the plugin through the 'Plugins' screen in WordPress.
- Look for the "PicPoints" menu item in your WordPress dashboard left sidebar to start building.
- Copy the generated shortcode
[picpoints id="..."]and paste it into any page, post, or widget area.
常见问题:
I installed the plugin, what's next?
Once you've installed the plugin, you can start creating your first interactive map right away. Just open the PicPoints menu in your WordPress dashboard, create a new scene, setup canvas background and begin adding interactive markers and shapes. Your map will be ready to embed on any page in minutes.
Does PicPoints work with page builders?
Without a doubt, PicPoints works with most popular web page builders such as Elementor, Divi, Beaver Builder, Visual Composer, WP Bakery, Brizy, Blocks, and many others.
Where is the developer version hosted?
The developer version is available here.
Will this plugin slow down my page load speed?
No. PicPoints is built with performance in mind. Thanks to lightweight vector rendering and modular architecture, it can handle over a thousand active elements without visible performance drops or layout shifting.
Will my theme's CSS break the maps layout?
Never. PicPoints utilizes Shadow DOM encapsulating technology. It encapsulates all styles inside a shadow tree, meaning your active theme cannot inject or override the CSS of your interactive maps.
Can I link markers to WooCommerce products?
Yes! You can use rich-text popups to insert product links, images, and prices. With the Pro version, you can use the custom JS/API section to create deep integration like "Add to Cart" directly from the image hotspot.
更新日志:
- Added: SVG import now recognizes
vector-effect="non-scaling-stroke"and maps it to the layerfixedStrokestyle property, preserving stroke width at any zoom level. - Fixed: SVG import silently dropped cubic bezier segments when path data used negative numbers without comma separators (e.g.
c6.333-3.834-0.5-35), resulting in severely deformed or missing shapes. - Fixed: SVG import ignored the
titleattribute on<g>group elements, leaving group layers unnamed. - Fixed: SVG import layer order was reversed compared to the original SVG document structure.
- Fixed: Duplicating a map only copied the title, all scene content, layers, and configuration were lost in the copy.
- Fixed: Layer hover effect lingered on screen during scene transitions, causing a visual glitch when switching between scenes.
- Fixed: Tooltips and popups could freeze on screen during rapid interaction due to a race condition in the show/hide animation lifecycle.
- Changed: Right panel now displays mixed-value state when multiple scenes or layers with different property values are selected.
- Added: Tooltip inherit option, layers can now inherit tooltip settings from their parent group.
- Added: Visual tooltip enabled/disabled indicator in the layers panel.
- Added: Dynamic variable substitution ({{layer_name}}, {{attribute_key}}) in text tooltips via Handlebars.
- Fixed: Layers panel virtual list rendering offset on new maps when adding the first layer group.
- Fixed: SVG import not rendering paths with multiple subpaths (e.g., country borders with enclaves).
- Added: Advanced custom attributes engine to store structural data per layer or group.
- Added: Dynamic Handlebars templating engine for Popups and Tooltips.
- Added: XSS security layer powered by DOMPurify with native iframe embedding support.
- Fixed: Streamlined layer sidebar UI layout for faster B2B developer workflow.
- Added: Brand new redesigned version