This document carries on from Hotspot Popups -Single and covers Dual Language Hotspot Popups.
Aside from the fact that these Hotspot Popups can show content in two different languages the visual representation of popup windows is exactly the same as Single Language Hotspot Popups.
The Hotspot Template icons are the same; Plus, Information, Shop and Help
The Popup Window types are the same;
Square
Landscape
Landscape11
Portrait
Portrait11
And the content options are the same.
The major difference is how the content is managed within the skin. Unlike Single Hotspot Popups, there is too much information to be stored in the Properties - Point Hotspot panel so we have to use Text filed logic blocks.
Structure of a Dual Language Hotspot Popup
The Hotspot Popup Window is quite simple in its basic configuration. There are two text boxes, the Headline, and the Description, and an External Image element.
The image below shows the skin structure of the Hotspot Popup Window.
At the top root of the tree is a container cnt_popups
Inside is a container cnt_popup_base. This container uses CSS code to maintain a predetermined ratio while scaling up and down as the screen viewport resizes.
Inside are several containers, the first being cnt_headline. This container and it’s contents are universal and are used across all the different ratio sizes.
The other containers represent the different ratio options such as square, landscape11 (landscape with square image), landscape (landscape with a 2:3 image), portrait11 (portrait with a square image), and portrait (portrait with a 3:2 image) figure #x
If we expand all of the containers we can see that each container has a text file.
In the case of cnt_headline, it’s txt_popup_headline.
Note: the elements within cnt_headline are common across all the ratio sizes below.
cnt_popup_square its txt_popup_descripton_square
cnt_popup_landscape11 its txt_popup_descripton_landscape11
cnt_popup_landscape its txt_popup_descripton_landscape
cnt_popup_portrait11 its txt_popup_descripton_portrait11
cnt_popup_portrait its txt_popup_descripton_portrait
Note: each of the description text boxes
