Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
You are here: HomeJ! ExtensionsExtension User-GuidesSJ Mega Popup Plugin Userguide

SJ Mega Popup Plugin Userguide

First of all, make sure you always download the newest version. When you buy the module, you already have the last version.
Refer guide for Joomla! 1.5 packages here

REQUIREMENTS

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

INSTALLATION

1. Prepare your module package (zip file; please UNZIP first if it is indicated in the file name)
2. All steps are in administrator of Joomla!:
  • In your Administrator page, go to Extensions -> Extension Manager
    In this page, click Browse, select module package.
  • Then click Upload & Install

  • Please wait for module being installed, usually within several seconds
  • Now go to Extensions -> Plugin Manager, click Select Type box and choose the module you have installed
  • Then click the module listed below to configure it as SETTINGS part hereafter

SETTINGS

The Plugin support to show popup for Inline, 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 inline, images, slideshows, iframes, youtubes, ajax follow your ideal. The following syntaxes are code sections to show popup for each type:
    • Inline: {sjpopup type="inline" content="inline1" typepopup="fancybox"  title="Type Inline" }Inline{/sjpopup}
    • 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 up into the following areas:
  • Setting Options
  • Fancybox Options
  • Divbox Options
  • Advanced Options
SETTING OPTIONS
  • Type Popup - The type of Popup which you want. We support 3 types and you can see setting and showing frontend for each type by clicking on link:
    • FancyBox
    • DivBox
    • Magnific Popup
  • Image in Slideshow type - This parameter is used for showing in slideshows. You can show only one image or all image on window which you want
FANCYBOX OPTIONS
  • Auto Play - Allow you to set autoplay for slideshow. This parameter is used for showing in slideshows.
  • Open Speed - The time for animation to popup in
  • Closed Speed - The time for animation to popup out
DIVBOX OPTIONS
  • Speed - Allow to set speed of each animation
  • Top - Allow to set the value from the top that the box should open to. If top is null, the top will be auto
  • Left - Allow to set the value from the left that the box should open to. If left is null, the left will be auto
ADVANCED OPTIONS

  • Include Jquery - Allow to include jQuery lib OR not

Love all our templates?

Join our membership clubs starting at $49 only for access to all of our templates

Join Now
Home Pricing
Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
SearchSupport
Magento Themes Magento Extensions Free Magento Extensions Prestashop Themes Prestashop Modules Magento 2 Themes