Pop-up window Showbox

Step 2 - Template >

Pop-up window Showbox

Previous pageReturn to chapter overviewNext page

You can use the commands in this window to define the style of the ShowBox that is used in the galleries (see Gallery Object), in the ShowBox Gallery link (see Link | Action) and in the Product Catalog Object. In all cases, the ShowBox opens on a link and displays an enlarged picture, a video or a slideshow: when a visitor clicks on the link to the ShowBox, the browser window is dimmed to highlight the ShowBox window, which is displayed in the foreground with the selected entry effect.

The options in the Effect section are:

Effect: you can specify the entry effect for the entire ShowBox window. The Zoom and Zoom and Hide the start Image effects are very similar: the difference is that the original picture either remains visible or is hidden when it is enlarged. The Zoom and Hide the start Image effect is, therefore, particularly suitable when the link that opens the Showbox window is associated with a picture, rather than text.
Transition: you can specify a transition effect between the pictures in the Showbox window.

The options in the Style section are:

Color: you can choose the color for the background area outside the ShowBox. The color is semi-transparent (according to the Opacity) settings), and is used to dim the browser window underneath.
Opacity: you can specify the transparency for the outer background. Higher values lessen the visibility of the browser window underneath.
Buttons Style: you can choose the graphics for the buttons which you use to move around the pictures in the ShowBox window.
Enable blur effect on the contens: a blur effect is activated on the ShowBox window external background.

The options for the Outer frame are:

Color: you can choose the color for the background of the ShowBox window.
Thickness: the thickness of the borders (each one may be defined separately).
Color: the color of the borders (again, each border can be colored separately).
Rounded corners: how rounded the corners are (each one can be defined separately).
Shadow: a shadow, specifying its color, position, diffusion and size.

The options for the Text are:

Color: you can choose the color for the text in the ShowBox window.
Font Type: specifies the font, style and size to use for the text. The menu shows the command for applying the Default Font (defined by the style of the Page Text item in the Text Style window), the list of safe fonts (those which are present on all devices and do not need to be published, and all the Google fonts and web fonts added in the Add web fonts window, which is opened by the Other font types command.
Alignment: this indicates how the text is to aligned in the ShowBox window: to the Left, in the Center, or to the Right.

Finally, you have the following Options:

Show progress indicator: if you select this option, the number of the current picture (and total number of pictures) is shown in the top left corner (e.g. 3/8).
Enable full-screen view: if you select this option, the Showbox window will occupy the entire browser window.
Enable zooms: if you select this option, the user will be able to use the commands for zooming the pictures in the Showbox window.


Read the guides:


How to set the style of the pop-up window ShowBox