-
Posts
-
Hello,
We have 27 hotspots and all contain links to YouTube videos. We’re starting to realize this maybe isn’t a great idea since we have to wait for all 27 vides to preload it seems. In the embed code I have them set to auto play, but I thought they wouldn’t start to play until the user hovered over a hotspot – this isn’t the case and after the page fully loads you start to hear the videos? Also. would it maybe be possible to keep a pop-up opened so a user could click to play a video? Maybe this would help alleviate the load time since the videos wouldn’t need to preload for auto play?Also, The hotspots to the right side of the image bleed-off the page when hovered over – how can we get them to stay onscreen or pop-up to the left? While I did make the hotspot popups larger (.avia-tooltip { width:25%; }), even at the default size they bleed-off the page?
Thank you
Hi lzevon!
Everything is possible, but that would need a lot of work to be done.
You can contact one of our Customization Contractors, who will help you out with the process.
Let us know if we could do anything else, regarding our theme
Best regards,
BasilisI’m not sure why the pop-ups bleeding off the edge wouldn’t be a support issue – it seems to be a flaw.
For the other work, I was hoping you could just steer me in the right direction to save on discovery. I am capable of handling the work myself.
Thanks
Hey!
what do you mean with pop ups bleeding off the edge? can you highlight what’s going on please? I have checked your hotstpots and they look fine to me.
When adding a new hotspot then edit the new hotspot element and look for “Tooltip Position”, to make adjustments of the position.Cheers!
AndyI know how to direct the hotspots to different locations, but it’s not working. Top/bottom works, but not left/right. See video in private content which illustrates this…
Hi!
thanks for the video. Can you provide us admin access, so we can have a deeper look into it? are you using any kind of caching? please ask your host if they are using caching on your server and if yes then deactivate it.
Cheers!
AndyHey!
I’m sorry but images and videos inside the hotspot tooltip are not fully implemented yet. The workaround is to add the video url as the hotspot link. Edit the hotspot then look for the Hotspot Link?, set it to manual and then add the youtube url. It will then open the video in a lightbox once the hotspot is clicked. You can add a simple message box telling the users to click on the hotspots in order to watch the video.
Cheers!
IsmaelHi Ismael,
I removed the video from hot spot #26 and have it set to top left, but it still pops-up to the top right. Is this because there is video in other hot spots on the page? I couldn’t find any documentation saying this kind of thing wasn’t possible, so thought it was OK to build this way (and relate to the customer it was OK to build this way). Any idea if/when images and videos will be available in the hotspot tooltip?
Thanks as always!
Hey!
We have setup a demo page please find the link in private. We recommend #3 setup to open media files in a lightbox.
Regards,
VinayHi Vinay,
SO I see three hotspots and none have an image or video – is that the difference? Are you saying that NONE of the hotspots can have img/vid to have the positioning work?
Hey!
It supports both video and images in lightbox please refresh the page to check the updated version with 4 hotspots.
Regards,
VinayHi Vinay,
I’m probably not being clear. I can see in your example that there are no embedded videos or images in the tooltips. Because of this you are able to position the tooltips correct? Because there are no images or videos in ANY of the tooltips – if there is a video or image in ANY tooltip the positioning of the tooltips does not work at all – correct?
I can see in your example for 1&2 you have text in the tooltip but there is no lightbox for video or an image, only the hotspots that have no tooltip spawn the lightbox – is that another limitation? Are you saying there can be no text of any kind within the tooltip to make the hotspot itself clickable to view the video/image?
That you have to click on the hotspot itself to view the video or an image (in a lightbox) is not ideal since most people will probably click on it regardless and this will make for a frustrating user experience.
Thank you
I have the tooltips appearing where I want them now. Next, ideally I would be able to have the user scroll over (‘mousenter’ event) and keep the tooltip open, or use the ‘click’ event to have them open the tooltip when they click the hotspot. I read Elliot’s ticket (https://kriesi.at/support/topic/make-hotspot-tooltip-sticky/) and tried what was suggested.
My questions to hopefully wrap-this-up are…
1. I’m not sure how to edit the JS file in a child environment? I tried to do what you see in the attached link in my child theme directory.
2. I would like the tooltip to remain open so a user can scroll into or otherwise interact within the tooltip – is this possible?Thanks
Hey!
would be possible but it would require a huge amount of time and customization of the theme and that is why you would need to hire a freelance developer for this job.
Cheers!
AndyHi Andy, I’m not sure why your team always suspects we can’t approach ourselves and need a freelancer (I think I’m pretty proficient)?! The avia.js is a combination of so many combined many scripts into one script file and so I like to check before I add a close button and click to close event – also likely have to override.
I suspect I’ll add to the list of desired features – the image hotspots is cool, but too limited at this point to be useful for myself and I imagine many others.
Thank you
Hi!
Are you saying that NONE of the hotspots can have img/vid to have the positioning work?
I’m sorry for the confusion but the answer to the question is yes. The problem is that the tooltip script do not consider the exact size of the video or image inside, that’s why the positioning is a little off. We haven’t found a workaround for this so the best solution for now is to apply the url of the video in the hotspot and let it open on lightbox.
Best regards,
IsmaelHi Ismael,
I can get the tooltip to work with the video or image and can handle the sizing and positioning of the tooltip. The issue is the tooltip only works in a hover state, which means the video either auto-plays or it sits in the tooltip, but the user can not start the video. With 27 videos (one for each tooltip) on the page you can’t have 27 auto plays, nor would you want to! So the built-in hotspot feature, as it stands, is unusable for us at this time. Having some kind of close event so the user could choose to keep a tooltip open, interact with it and then close it would be ideal. Customizing the existing hotspot functionality is possible, but I’d just assume spend $8 on a plugin that already exists and does what I need.
If you feel it would be worth it to add to the requested feature list let me know and also let me know if “Having some kind of close event so the user could choose to keep a tooltip open, interact with it and then close it would be ideal.” Is sufficient since I obviously struggled to articulate what I needed in this ticket!
Thanks
Hey!
I can get the tooltip to work with the video or image and can handle the sizing and positioning of the tooltip.
We’ve encountered a few inquiries about this and the positioning is a little bit off specially when you add the tooltip at the edge of the screen. It will only correct itself once the element inside the tool tip is fully loaded. You can modify the AviaTooltip function in js > avia.js file to show the tooltip on mouse click instead of hover but it will require a few modifications that we won’t be able to provide here.
Please request the feature in the following link. Maybe, we’ll add an option whether to trigger the tool tip on click or hover: https://kriesi.at/support/enfold-feature-requests/
Regards,
Ismael
- The topic ‘image with hotspots – a few issues’ is closed to new replies.