nickys

nickys supports this item

Supported

This author's response time can be up to 1 business day.

273 comments found.

chinnam

chinnam Purchased

Hi, I wanted to buy WordPress supported code and somehow I paid for standalone. Could you please cancel my current subscription or change to WordPress.

ajumbra

ajumbra Purchased

We are using addresses in our tooltips, so there are several lines in a text block. This worked fine until we upgraded to the latest version and now there are no line breaks. We can see the \n in the export code where the break should be, but it’s not working. It looks like the older version used \\n in the code, and the new version uses \n. Not sure if that’s causing the issue, but is there a way to fix this? Thank you!

Hi, sorry for the inconvenience. It’s a trade-off, the new line characters were causing issues to many clients for various reasons. Right now you can insert “br” tags to make new lines. I know it’s not the most elegant thing, but I couldn’t come up with anything better.

Sorry for the inconvenience once again.

Any reason why the background image would default to the /demo.jpg image even though I have specified a different one that is working fine when viewed inside the builder?? https://campcocktail.staging.wpengine.com/cocktails/ (inside the spring/summer menu toggle)

Hi,

Please submit a support ticket at https://webcraftplugins.com/support and my colleague with help you figure this out :)

Cheers

I have the wordpress version of this and need to exchange it for the standalone. How can I do that? Also, can I use the standalone with a regular HTML type of site? If so how? Thanks!

yanchev

yanchev Author Team

Hello,

In your case, you have to purchase the Standalone (jQuery) version again. According to the policies of Envato Market, we can’t offer an exchange.

You can use the editor of jQuery version on your PC. If you want to build maps with the help of WordPress version, you always must have access to WordPress platform to be able to load the editor. You need from the JSON code of your interactive image to be able to publish it on your HTML webpage. But it means that you will use the editor on your WP site and publish your interactive maps on your HTML standalone site (you will use the plugin simultaneously in 2 products). It is impossible because the License with which you have purchased the plugin doesn’t allow you to use the plugin in more than one single product (one website). In your case, the best solution is to purchase the Standalone (jQuery) version again.

Regards

Hey guys! Nice plugin, I just bought it for a client – works great! I have a question. How can I use the Image Map Pro to not only do the pop-ups and highlight areas as it naturally does, but also zoom in on the picture when an area is clicked? For example: the image has 10 glasses on a tray, each glass has a different hot-spot with a pop-up, but when the user clicks the hot-spot area, the image zooms into that general area with a close-up of the one glass…Any help would be awesome

yanchev

yanchev Author Team

Hello,

Unfortunately, the plugin hasn’t exactly such functionality. Image Map Pro has a feature for “Front-End Zooming” with the help of which you can zoom the whole interactive image, but that zooming can’t be focused on the outlined shapes (hot-spot areas). Except, if you place the mouse pointer over a hot-spot area (a shape) and scroll-up, scroll-down (and the zooming feature has been activated from the editor of the plugin) your image will be zoomed focusing to the pointer of the mouse.

Regards

Fantastic plugin.

Tips for Squarespace sites. For anyone trying this, here is what I did to get it working.

Upload you background image to your Squarespace site in the Custom CSS (it allows you to add image files). Insert the image path into your CSS and comment it out (just so you have it handy to copy). In the Squarespace, copy your image path you just created from the Custom CSS window, and paste it into Image Map Pro editor.

Next, switch your site to Developer Mode in Settings, so as you can add the image-map-pro.min.js file to the Scrips folder (I used Dreamweaver SFTP, but you can use GIT too). In the ‘site.region’ file (the main template) above site-bundle.js add script/image-map-pro.min.js.

Be sure to turn off Ajax loading as it prevents the script running when you go between pages (it loads the first time, but not after that, so you get left with an empty screen). In Squarespace go to Design and in Styles turn off Ajax (if it’s on or even there in the first place, not all template use it).

You can add the CSS path the same way to ‘site.region’ and uplaod the css file, or add it in the Custom CSS settings under Design in Squarespace (as I did).

Finally, for the actual custom code for you own Image Map Pro item, add this to Code Injection (under Advanced settings) in the Footer. That’s it.

yanchev

yanchev Author Team

Thank you very much for your explanations for the Squarespace integration of Image Map Pro.

Hello there! I have a presale question. Is it possible to share a link with someone and when the user click on this link to open this url to hot spot image with a specific tool tip open? Im sorry about my english

yanchev

yanchev Author Team

Hello,

It is possible to set a Tooltip to be shown when the page where you will publish the image map is opened.

Best Regards

Hello, where can I find the FontAwesome Icon Library in the editor?

yanchev

yanchev Author Team

Hello,

You can see and use the icons from the “FontAwesome Icon Library” of Image Map Pro in the following way: insert a default icon in your image map using the “Icon” tool from the toolbar in the editor of the plugin -> after that go to the menu “Selected Shape Settings” -> go to the section “Icon” -> click on the button “Choose From Library” -> you will see the library and there you can choose an icon.

Best Regards

I am trying to load the shortcode through an ajax call (when a user selects a dropdown a new image map should dynamically load).

As per simonderby, and my observation, the data does not get populated a second time when done through ajax call. The data is just: and nothing inbetween the divs.

Is there any workaround so that I can populate a class/id in html with a user-selected imagemap through a ajax call? Thank you

Hi,

Currently it doesn’t work because the PHP script checks if the shortcode is present on the page, and then it loads some javascript in the footer. This happens on page load.

The simplest way to make it work is to place the shortcode on the page, copy the generated javascript from the footer, and remove the shortcode. Then, after the ajax call, manually execute the copied JS code.

Is it possible to acquire the version before the floors addition? THe plugin is a MESS now, it always defaults to the webcraft webpage background. If i remove it from the JS!!!!!!!!!! file (what the hell is it doing in the JS file anyways guys…) then it still overwrites any picture I want my hotspots on to be the webcraft tour building stuff when I don’t even have that anywhere.

I have a very nice system dynamically loading every previously generated hotspots and as it seems backward compatibility is not your forte :/ I fixed many months back a version myself so it works as it should but now I don’t want to but also would like to have the improvements.

So please, whatever version was (I think 4.3.1 maybe) right before the floors functionality back in February, I’d like to have it emailed to me if possible.

Hi,

For each new version I’m using old demo files to test, to ensure that there won’t be issues when updating existing image maps to the newest version.

However I can’t be responsible for a modified version of the plugin. If you made changes to it you must know that updates might cause issues.

I can send you version 4.3 if you’d like, but I would rather find out what is the problem with the current version and fix it. Please get in touch via our support website here – webcraftplugins.com/support and make sure that you can replicate the problem in an unmodified version of the plugin.

Otherwise, my colleague will send you version 4.3.

Regards

Is it possible to have the editor information fed, without massively editing the original JS files?

Like a specific picture up, like doing an import of previously saved maps BUT directly feeding it to the editor? Like now, the editor is very rigid and uncustomizable when it comes to what buttons appear, how it saves data (localstorage if not export is not the best) and so on. I need it to have a direct way to feed existing image maps through changing the defaults.js files maybe, also stripping functionality (like a lot less buttons so the users don’t have access to everything)

Some functionality to streamline user generated content would be nice.

Do you have capacity to do customizations for extra income of course?

Hi, I’m not currently available for customizations, but what you are asking can be done without any modification to the source code. There is a global function that you can call to re-initialize the editor and feed it with you own image map:

$.image_map_pro_init_editor(initSettings, wcpEditorSettings)

initSettings – the JSON code that contains all settings of the image map, just like the code that you export wcpEditorSettings – JSON code which contains all settings for the editor – tabs, buttons, groups, input fields. You will need to write some code if you want to add additional fields to the UI of the editor. The current JSON code can be found in image-map-pro-init.js.

I hope this helps!

Fantastic program – thanks.

I’m glad you like the plugin! If you need any help we are available 365 days a year, just visit our support site.

Almost perfect! I need the ability to load an evacuation map and create rooms for a floor plan. There doesn’t appear to be a way in your demo to align points vertically or horizontally. Is there a way to edit the coordinates for each point?

Can you edit the individual points of the shape? Any support for “snapping”?

yanchev

yanchev Author Team

You can edit the position of individual points or remove some of them for Polygon tool only.

Fabric.js has code for Canvas to SVG – http://fabricjs.com/

Hi, Great Plugin, But a pre-sale query. I use a grayscale image as a background image, and upon hovering specific mapping, that area changes to colored image.

Is this achievable from this plugin?

yanchev

yanchev Author Team

Hi, it is possible and can be achieved by using the API of the plugin – you can use the API to set the background of the same image map to be changed when a specific area is mouseovered. In that case, when you mouseover a specific area, the background changes to an image in which that area is colored.

You can see from the documentation of the plugin a simple example for implementing of such action – I mean the example “A Simple Example 1 (JavaScript)”: https://webcraftplugins.com/image-map-pro/uploads/documentation/standalone/index.html

If you have further questions, please contact me using our live chat here: https://webcraftplugins.com/support/

Regards

by
by
by
by
by
by