July.11.2011

YT Mega Popup Plugin Userguide

Written by SA Nghiem Diep

Published in Extension User-Guides

(0 votes)

First of all, make sure you always download the newest version. If you just bought the plugin, you already have the latest version.
The following documentation applies to the plugin version 1.0 and later.
You can see the Demo Here

REQUIREMENTS

- Joomla! v1.5.x, Joomla! v1.7, Joomla! v2.5 and Joomla! 3.x latest stable versions are highly recommended.

INSTALLATION

In Administrator page on Joomla! v1.5.x, go to Extensions -> Install/Uninstall
In this page, click on Browse.. button, choose our template and then click Upload File & Install

Go to Extensions -> Plugin Manager, choose option Select type - System and find Yt Mega Popup
And now, let's change parameters to our ideas.

SETTINGS

The Plugin support to show popup for Images, Slideshow, Iframes, YouTubes, Ajaxs. The following guide in the administrator page is step by step to create popup for type which you want to show:

STEP 1: Create an article which you want to show your images, slideshows, iframes, youtubes, ajax follow your ideal. The following syntaxes are code sections to show popup for each type:
- Image: { ytpopup type="image" content="images/megapopup/1074495489.jpg" width="400" height="300" title="Sample image"}YOUR HTML CODE HERE{ /ytpopup}
- SlideShow: { ytpopup type="slideshow" content="images/megapopup/1074495489.jpg, images/megapopup/1074495489.jpg, images/megapopup/1074495489.jpg, images/megapopup/1074495489.jpg, images/megapopup/1074495489.jpg" width="400" height="300" title="Slideshow Demo"}YOUR HTML CODE HERE{ /ytpopup}
- Iframe: { ytpopup type="iframe" content="http://www.google.com" width="500" height="400"}Load a sample iFrame{ /ytpopup}
- YouTube: { ytpopup type="youtube" content="https://www.youtube.com/v/Z_IGbHS7NsE" width="400" height="300" title="Miss Universe - Korea "}YouTube Demo{ /ytpopup}
- Ajax: { ytpopup type="ajax" content="http://www.google.com" width="400" height="300" title="Load an url using ajax"}YOUR HTML CODE HERE{ /ytpopup}
STEP 2: Create an menu which you want to open popup with Menu Item Type is Article Layout. After that Select Article that you created on STEP 1
STEP 3: Now, let's change the parameters to show modal types which you want.

The parameters are divided into the following areas:

General Plugin Settings
FancyBox Setting
GreyBox Settings
HighSlide Settings
ThickBox Settings
MultiBox Settings

GENERAL PLUGIN SETTINGS

Type Popup - The type of Popup which you want. We support 5 types and you can see setting and showing frontend for each type by clicking on link:
- FancyBox
- GreyBox
- HighBox
- ThickBox
- MultiBox
Width/Height - You can change width/height of the modal window
Show Overlay - You can show/don't show the overlay of window when you click on link to popup
Overlay Opacity -This param allows to change darkness or lightness of Overlay. The darkness will be increased from 10% to 100%
Add title in tag - Allow to add title in tag if you choose Yes
Add description in tag - Allow to add description in tag if you choose Yes
Image in Slideshow type -This param is used for showing in slideshows. You can show only one image or all image on window which you want

FANCYBOX SETTINGS

Center On Scroll - You can choose yes/no for scroll on center
Scale For Image - You can choose yes/no for scaling image
Animation Speed In - The time for animation to popup in
Animation Speed Out - The time for animation to popup out

GREYBOX SETTINGS

Popup Window Position - You can show popup window on Top/Centered/Fullscreen/Group

HIGHTSLIDE SETTINGS

Outline Type - You can change outline types here:
- Beveled
- Drop Shadow
- Glossy Dark
- Outer Glow
- Rounded Black
- Rounded White
Animation Speed In - The time for animation to popup in
Animation Speed Out - The time for animation to popup out

THICKBOX SETTINGS

Content Color - Allow to change color of content popup window
Content Thickness - This is the thickness of popup window. The thickness will be increased from low to high
Content Background - Allow to change background of content pop window

MULTIBOX SETTINGS

Content Color - Allow to change color of content popup window
Content Thickness - This is the thickness of popup window. The thickness will be increased from low to high
Background Controls - Allow to change background of content pop window
Show Controls - You can Show/No buttons for controling