Instant Preview settings

Setting up a template instant preview

Click component parameter button and scroll down modal window to Instant preview settings. You can configure instant preview of template by using following settings.

Hide event

Mouse event which, if triggered, closes instant preview window. Mouse Out and Mouse Click are possible. On Mouse Out preview window closes when mouse cursor leaves thumbnail area. If Mouse Click was chosen then user has to click to each preview to close it. This approach has some advantages though. Since instant preview was opened on Mouse Over event, and left opened, then user can pop-up more than 1 preview at 1 page.

Preview width and image width

Change instant preview box and/or image width. You may increase or decrease values to output template preview of size you need for your store.

Padding

Value for image box padding if needed

Effect

Choose type of effect here.

• Fade
  With Fade effect, instant preview image simply fades in.
• Slide
  With Slide effect, instant preview image becomes visible while "rolling-over" from it's top to bottom
• Grow
  Grow effect makes preview image appear from it's upper-left corner.

Effect length is length of effect in milliseconds (1/1000), so 350 milliseconds are 0,35 secs.