Info box not in mobile view | HELP

[Johannes]

Hey guys

I have a project with different hotspots. Everything works wonderfully. However, the contents of the hotspots are no longer displayed in the mobile view. Only on the desktop. What could be the reason?

Thank you for your help!

[Tony]

Hi,

Can you supply the skin Krostitz-v2-TEST!!-nicht nutzen.ggsk?

Tony

[Hopki]

Hi Johannes,
If you create a support package as found under the Help menu, you can select the project file, skin and input image as well as any other assets the project needs.
People can then download and create your project to see what has gone astray.
See: viewtopic.php?p=65246#p65246
Regards,

[Johannes]

Hey,

here is the skin...

[Hopki]

Hi Johannes,
You seem to have a few elements with the same ID, you should really address this.
The Point Hotspost also have action filters that open the web pages in their own page.
Testing on an iPhone this is working.
On the desktop the iframe opens, on the mobile, it opens a new page.

Do you see this?
Do you want the iframe to also open on the phone?
If so you need to remove the action filters and remove the Go To URL action.
Regards,

[Johannes]

Hey Hopki,

thx 4 your answere!!

I adjusted the IDs. At least I hope I understood everything correctly...
But it still doesn't work properly.
When viewing the tour on the desktop, I can click on the hotspots and see their content (Point 1 > Text and Images, Point 2 > Text, Point 3 Text and Video).
When I open this tour on the iPhone (Safari and Chrome) I no longer see the content.

I know how to solve the problem

[Hopki]

Hi Johannes,
Looking at your skin the issue is the Hotspot Proxy IDs.
What you needed to do was add the actions which you have in the node marker, in the Hotspots image.
This makes it far more robust.
I just made a quick test and have one hotspot working on an iPhone, all be it a little odd.

Was there any reason you are using Node Markers?
Regards,

[Johannes]

Hello Hopky,



To be honest, I have to admit that the skin is a mixture of my knowledge and some templates from the net.

I'm actually more of a beginner when it comes to this. Yesterday, I tried to solve the problem for a while, but didn't get any result

[Hopki]

HI,
Moving forward please see the attached project.

What I have done is stripped out everything that was not needed to show how to put a popup in your skin.

The skin has a variable: vis_info which is a true/false variable set to false.
The Point Hotspot Template in the skin, ht_info is only being used at the placeholder for the Hotspot.
The Hotspot Image, ht_info_image has the actions.

1.png (65.99 KiB) Viewed 912 times

The first sets the Point Hotspots Title to the text box info_title 2
The second sets the Point Hotspots Description text to the text box info_text_body 2
The last action sets the Variable Value to true.

The Container, information 2 has a visible logic block that when true will become visible.
All child elements can be visible as they will show and hide with their parent element which is the information 2 container.
The close button, info_popup_close 2 has the actions to remove the text from both info_title 2 and info_text_body 2 as well as set the Variable Value back to false, so hiding information 2.

The screen tint rectangle needs to be, below any popups but above the point hotspots.
This also has a visible logic block and uses the vis_info trigger, when it is true the screen tint will show.

Regards,

[Johannes]

Thank you for the assistance.
I'll try to build it in and implement it... Thank you very much!