0
Go To Cart
Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
Go To Cart Total : 0 checkout
You are here: HomeBlogItems filtered by date: June 2013

Items filtered by date: June 2013

Jun, 2013

SJ Responsive Entries for SobiPro User-guide

This guide is intended for SobiPro Responsive Entries module.
When you buy the module the first time, you will have the latest version. After the first release, we will update this module regularly, then please check newer versions when informed

REQUIREMENTS

1. Joomla!, supported versions are listed in our intro page.
2. SobiPro component.

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 backend of Joomla!:
  • In your Administrator page, go to Extensions -> Extension Manager
    In this page, click Choose File, select module package.
  • Then click Upload & Install

  • Please wait for module being installed, usually within several seconds
  • Now go to Extensions -> Module 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

1. This module with sample layout is below:

2. The parameters are divided up into the following areas:
  • Basic Options
  • Source Options
  • Field Options
  • Items Options
  • Image Options
  • Advanced Options
BASIC OPTIONS
  • Select columns - For each devices, choose how many columns visible
  • Load More Type - Choose how to load next entries: Auto OR Click
SOURCE OPTIONS
  • Select Section - Choose the source of content that is used with this module
  • Section ID - ID of the SobiPro section chosen above
  • Category Filter - Allow to show entries that meet some factors:
    • None: Show all entries of section chosen above
    • Include: Only those that are from categories below
    • Exclude: Only those that are NOT from categories below
  • Select Category - Choose the category of section that is used with option above
  • Order Entries By - Allow to choose the criterion for order
    • Popularity ascending
    • Popularity descending
    • Creation date ascending
    • Creation date descending
    • Last update date ascending
    • Last update date descending
    • Expiration date ascending
    • Expiration date descending
    • Random
  • Entries Limit- Allow to set total of entries to be used by module
FIELD OPTIONS
  • Description Field- Alias of a SobiPro field that you want it to be entries' description (fields of SobiPro section that you chose above)
  • Price Field- Alias of a SobiPro field that you want it to be entries' price
  • Image Field- Alias of a SobiPro field that you want it to be entries' main image
    • Syntax for image field above: field_alias/@attribute_name With:
  • field_alias: Alias of a SobiPro field that you want to set
  • attribute_name: One of 4 values: original, icon, thumnail, image
  • Ex: Default value of Image field is field_image/@original
ITEMS OPTIONS
  • Title Display- Show the title of entries OR not
  • Title Maxlength - Allow to set the length of entries title, set 0 for unlimited
  • Description Display - Show entries description OR not
  • Description Maxlength - Allow to set the length of entries description, set 0 for unlimited
  • Display Price - Show the price field OR not
  • Hits Display - Show the hits of entries OR not
  • Created Date Display - Show Created Date OR not
  • Link Target - Set target for links clicked:
    • Parent window
    • Same window
    • Popup
IMAGE OPTIONS
  • From Image Field- Allow you to get images from image field configured above OR not
  • From External - Allow you to get images from external source OR not
  • External Path (or Url) - Set path to external image folder used by option above
  • Order to Get - Set order: field_image,external OR external,field_image
  • Resize Mode - Allow you to choose the mode of image resizing
    • None
    • Center
    • Fill
    • Fit
    • Strech
  • Output Format - Allow to set format for all output file:
    • Default - if you want to keep original format
    • GIF
    • JPEG
    • PNG
  • Keep Transparency - Allow to keep images transparent, for PNG and GIF format
  • Image Width - Allow you to set the width of the big image
  • Image Height - Allow you to set the height of the big image
  • Background - Allow to set the color of image background
  • Placeholder - Allow you to use a placeholder image when entries' image is empty
  • Placeholder Path or Url - Allow to set path to placeholder image
ADVANCED OPTIONS
  • Alternative Layout - Allow you to choose custom alternative layout
  • Include jQuery - Allow to include jQuery lib OR not
  • Pre Text - The content to show at the top of module
  • Post Text - The content to show at the end of module
  • Caching
    • Use Global: Turn on caching
    • No Caching: Turn off caching
  • Cache Times - The time to cache




Jun, 2013

SJ Currency Rates User-guide

This guide is intended for SJ Currency Rates module
When you buy the module the first time, you will have the latest version. After the first release, we will update this module regularly, then please check newer versions in here

REQUIREMENTS

1. Joomla! 2.5, Joomla 3.x and latest stable version are 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 backend of Joomla!:
  • In your Administrator page, go to Extensions -> Extension Manager
    In this page, click Choose File, select module package.
  • Then click Upload & Install

  • Please wait for module being installed, usually within several seconds
  • Now go to Extensions -> Module Manager, click New and create one instance for module you have installed
  • Then configure it as SETTINGS part hereafter

SETTINGS

1. This module with sample layout is below:

2. The parameters are divided up into the following areas:
  • Basic Options
  • Advanced Options
BASIC OPTIONS
  • Width - Allow to set width of module
  • Number of currencies - Allow to choose number of currencies to display
  • Base Currency text - Allow to enter text for base currency wording
  • Default Base currency - Allow to set default base currency
  • Default Currency (1-10) - Allow to select default currency
  • Timezone - Allow to choose timezone that you want to display in
ADVANCED OPTIONS
  • Module Class Suffix - Allow you to choose another CSS class that suits your template
  • Include Jquery - Use Jquery of this module or use another global one
  • Pre Text - The content to show at the top of module
  • Post Text - The content to show at the end of module
  • Caching
    • Use Global: Turn on caching
    • No Caching: Turn off caching
  • Cache Time - The time to cache
  • Module Tag - Set wrapper tag for module
  • Bootstrap Size - Set width based on bootstrap for wrapper of module
  • Header Tag - Set tag for module title
  • Header Class - Set class for module title
  • Module Style - Override module style




Jun, 2013

SJ News Scroller Userguide

This guide is intended for News Scroller module only.
When you buy the module the first time, you will have the latest version. After the first release, we will update this module regularly, then please check newer versions when informed

REQUIREMENTS

1. Joomla!; supported versions are listed in our sale page.

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 backend of Joomla!:
  • In your Administrator page, go to Extensions -> Extension Manager
    In this page, click Choose File, select module package.
  • Then click Upload & Install

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

SETTINGS

1. This module with sample layout is below:

2. The parameters are divided up into the following areas:
  • Basic Options
  • Source Options
  • Item Options
  • Images Options
  • Effect Options
  • Advanced Options
BASIC OPTIONS
  • Module Class Suffix - Allow you to choose another CSS class that suits your template
  • Link Target - Set target for links clicked:
    • New window
    • Same window
    • Popup
SOURCE OPTIONS
  • Data Source - Choose the source of content that is used with this module
  • Child Categories Articles - Include child categories OR not
  • Categories Depth - Set sub-categories level to include
  • Featured Articles - Include featured articles OR not
  • Article Field to Order By - Allow to choose the criterion for order
    • Title
    • Date
    • Hits
    • Date Created
    • Date Modified
    • Random
  • Ordering Direction - Choose the ascending or decending for sorting articles
  • Count- Allow to set total of articles to be shown by module
ITEM OPTIONS
    Title Options
  • Display title - Show the title of entries OR not
  • Title Maxlength - Allow to set the length of entries title, set 0 for unlimited
  • Position Top - Set position for title
  • Position Left - Set position for title
  • Transition - Set effect for title transition










    • Description Options
  • Display Description - Show short description OR not
  • Description Maxlength - Allow to set the length of description, set 0 for unlimited
  • Tags Display - Show tags OR not
  • Position Top - Set position for description
  • Position Left - Set position for description
  • Transition - Set effect for description transition










    • Readmore Options
  • Display Readmore Links - Show Readmore OR not
  • Readmore Text - Allow to set text instead of "Readmore"
  • Position Top - Set position for description
  • Position Left - Set position for description
  • Transition - Set effect for description transition
IMAGE OPTIONS
  • From Image Intro- Allow you to get Intro image OR not
  • From Image Fulltext- Allow you to get Fulltext image OR not
  • From Inline Introtext- Allow you to get image from Introtext OR not
  • From Inline Fulltext- Allow you to get image from Fulltext OR not
  • From External - Allow you to get images from external source OR not
  • Order to Get - Set order: image_intro...,external OR external,image_intro
  • External Folder - Set path to external image folder used by option above
  • Use Default Image - Allow you to use a placeholder image when entries' image is empty
  • Placeholder Path or Url - Allow to set path to placeholder image















    • Big Image Options
  • Resize Mode - Allow you to choose the mode of image resizing
    • None
    • Center
    • Fill
    • Fit
    • Strech
  • Output Format - Allow to set format for all output file:
    • Default - if you want to keep original format
    • GIF
    • JPEG
    • PNG
  • Keep Transparency - Allow to keep images transparent, for PNG and GIF format
  • Width - Allow you to set the width of the big image
  • Height - Allow you to set the height of the big image
  • Background - Allow to set the color of image background





    • Small Image Options
  • Resize Mode - Allow you to choose the mode of image resizing
    • None
    • Center
    • Fill
    • Fit
    • Strech
  • Output Format - Allow to set format for all output file:
    • Default - if you want to keep original format
    • GIF
    • JPEG
    • PNG
  • Keep Transparency - Allow to keep images transparent, for PNG and GIF format
  • Width - Allow you to set the width of the big image
  • Height - Allow you to set the height of the big image
  • Background - Allow to set the color of image background
EFFECT OPTIONS
  • Effect - Allow you to select one from main effects for sliding
  • Auto Play - Allow you to set autoplay for slideshow
  • Pause when Hover - Allow you to set pause being hovered OR not
  • Keyboard Navigation - Allow you to use arrow key for navigation
  • Touch Navigation - Allow you to use touch/slide for navigation
  • Start Slide - Allow you to set first slide
  • Animation Speed - Allow you to set how fast slideshow to slide, larger is slower!
  • Interval - Allow you to set time to stop between sliding, larger is slower!
  • Navigation Style- Allow you to choose one of 3 styles
  • Direction Navigation- Allow you to show direction for navigation
  • Control Navigation- Allow you to show control for navigation
  • Navigation Tooltip- Allow you to show tooltip for navigation





















    • Timer Options
  • Display Timer- Allow to show small clock over big image
  • Timer- Allow to choose one of 3 styles for timer
  • Timer Position- Allow to set position for timer
  • Timer Background- Allow to set background for timer
  • Timer Color- Allow to set main color for timer
  • Timer Opacity- Allow to set transparency for timer
  • Timer Diameter- Allow to set how big is timer
  • Timer Padding- Allow to set padding for timer
  • Timer Stroke- Allow to set stroke for timer
  • Timer Bar Stroke- Allow to set bar stroke
  • Timer Bar Stroke Color- Allow to set color for bar stroke
  • Timer Bar Stroke Style- Allow to set style for bar stroke
ADVANCED OPTIONS
  • Alternative Layout - Allow you to choose custom alternative layout
  • Include jQuery - Allow to include jQuery lib OR not
  • Pre Text - The content to show at the top of module
  • Post Text - The content to show at the end of module
  • Caching
    • Use Global: Turn on caching
    • No Caching: Turn off caching
  • Cache Times - The time to cache
  • Module Tag - Set wrapper tag for module
  • Bootstrap Size - Set width based on bootstrap for wrapper of module
  • Header Tag - Set tag for module title
  • Header Class - Set class for module title
  • Module Style - Override module style




Jun, 2013

SJ Categories for SobiPro Userguide

This guide is intended for SJ Categories module, including SobiPro Categories with some minor difference
When you buy the module the first time, you will have the latest version. After the first release, we will update this module regularly, then please check newer versions when informed

REQUIREMENTS

1. Joomla! 2.5.x, latest stable version is recommended.
2. SobiPro component reflected in the name of module, supported versions are listed on intro page.

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 backend of Joomla!:
  • In your Administrator page, go to Extensions -> Extension Manager
    In this page, click Choose File, select module package.
  • Then click Upload & Install

  • Please wait for module being installed, usually within several seconds
  • Now go to Extensions -> Module Manager, click New and create one instance for module you have installed
  • Then configure it as SETTINGS part hereafter

SETTINGS

1. This module with sample layout is below:

2. The parameters are divided up into the following areas:
  • Basic Options
  • Source Options
  • Category Options
  • Image Options
  • Advanced Options
BASIC OPTIONS
  • Module Class Suffix - Allow you to choose another CSS class that suits your template
  • Device Class Suffix - Allow you to choose CSS classes that suit devices you want
  • Alternative Layout - Allow you to choose custom alternative layout
  • Open Link - Set target for links clicked:
    • New window
    • Same window
    • Popup
  • Tab Event - Set event used with theme 4: hover OR click for changing tab
SOURCE OPTIONS
  • Select Section - Choose the source of content that is used with this module
  • Section ID - ID of the SobiPro section chosen above
  • Category Filter - Allow to show categories that meet some factors:
    • None: Show all categories of section chosen above
    • Include: Only those that are sub of categories below
    • Exclude: Only those that are NOT sub of categories below
  • Select Category - Choose the category of section that is used with option above
  • Subcategories Count- Allow to set total of sub categories to be shown by module
  • Category Title- Allow to show title of category OR not
CATEGORY OPTIONS
    Category Options
  • Display title - Show the title of categories OR not
  • Title Max Chars - Allow to set the length of categories title, set 0 for unlimited
  • Display Description - Show description OR not
    • Sub Category Options
  • Display title - Show the title of sub-categories OR not
  • Title Max Chars - Allow to set the length of sub-categories title, set 0 for unlimited
  • Show total articles - Show total of sub-categories OR not
IMAGE OPTIONS
  • From Icon- Allow you to get images from icon of categories configured in SobiPro
  • From External - Allow you to get images from external source OR not
  • External Path (or Url) - Set path to external image folder used by option above
  • Order to Get - Set order: icon,external OR external,icon
  • Resize Mode - Allow you to choose the mode of image resizing
    • None
    • Center
    • Fill
    • Fit
    • Strech
  • Output Format - Allow to set format for all output file:
    • Default - if you want to keep original format
    • GIF
    • JPEG
    • PNG
  • Keep Transparency - Allow to keep images transparent, for PNG and GIF format
  • Image Width - Allow you to set the width of the main image
  • Image Height - Allow you to set the height of the main image
  • Background - Allow to set the color of image background
  • Placeholder - Allow you to use a placeholder image when article's image is empty
  • Placeholder Path or Url - Allow to set path to placeholder image
ADVANCED OPTIONS
  • Include jQuery - Use jQuery of this module or use another global one
  • Pre Text - The content to show at the top of module
  • Post Text - The content to show at the end of module
  • Caching
    • Use Global: Turn on caching
    • No Caching: Turn off caching
  • Cache Times - The time to cache




Jun, 2013

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
Jun, 2013

SJ Image Slideshow Responsive Userguide

This guide is intended for Image Slideshow module
When you buy the module the first time, you will have the latest version. After the first release, we will update this module regularly, then please check newer versions when informed

REQUIREMENTS

1. Joomla!, supported versions are listed in our intro page.

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 backend of Joomla!:
  • In your Administrator page, go to Extensions -> Extension Manager
    In this page, click Choose File, select module package.
  • Then click Upload & Install

  • Please wait for module being installed, usually within several seconds
  • Now go to Extensions -> Module Manager, click New and create one instance for module you have installed
  • Then configure it as SETTINGS part hereafter

SETTINGS

1. This module with sample layout is below:

2. The parameters are divided up into the following areas:
  • Basic Options
  • Source Options
  • Item Options
  • Image Options
  • Effect Options
  • Advanced Options
BASIC OPTIONS
  • Module Class Suffix - Allow you to style module with specific CSS suffix
  • Alternative Layout - Allow to choose one from 4 themes
SOURCE OPTIONS
  • Image Folder - Choose categories source to be used with
  • Sort Type - Allow to choose item order by name or time
  • Sort Order - Set direction to arrange order: random, ascending or descending
  • Image captions and links- Allow to set title and links for images, each one line with syntax: filename:title=TITLE-HERE&link=URL-HERE&target=_blank
ITEM OPTIONS
  • Display Title - Allow to show title OR not
  • Title Maxlength - Allow to set the length of title, set 0 for unlimited
  • Display Description- Allow to show description OR not
  • Limit Description - Allow to set the length of description, set 0 for unlimited
  • Display Readmore link- Allow to show Readmore link OR not
  • Read More Text - Set text for Readmore link
IMAGE OPTIONS
  • Resize Mode - Allow you to choose the mode of image resizing
    • None
    • Center
    • Fill
    • Fit
    • Strech
  • Image Type - Allow to set format for all output file:
    • Default - if you want to keep original format
    • GIF
    • JPEG
    • PNG
  • Keep Transparency - Allow to keep images transparent, for PNG and GIF format
  • Width - Allow you to set the width of product image
  • Height - Allow you to set the height of product image
  • Background - Allow to set the color of image background
EFFECT OPTIONS
  • Pause on Hover- Allow to pause sliding when images being hovered OR not
  • Auto Play- Allow you to set auto play for sliding OR not
  • Speed - Allow you to set speed for effects
  • Timeout - Allow to set time between sliding transitions
  • Swype - Allow swype touch for sliding
  • Progress Bar - Allow to show progress bar OR not
  • Effect - Allow to select one from 6 available or random
  • Animated Captions and Overlays - Allow to set effect for cations overlay: fade, slide up/down
ADVANCED OPTIONS
  • Include jQuery - Allow you to include jQuery from this module or another one
  • Pre Text - The content to show at the top of module
  • Post Text - The content to show at the end of module
  • Caching
    • Use Global: Turn on caching
    • No Caching: Turn off caching
  • Cache Times - The time to cache
  • Module Tag - Set wrapper tag for module
  • Bootstrap Size - Set width based on bootstrap for wrapper of module
  • Header Tag - Set tag for module title
  • Header Class - Set class for module title
  • Module Style - Override module style




Jun, 2013

YT Framework Plugin guide

If you're using our templates, please take a note this is IMPERATIVE plugin for any template that uses YT Framework from version 1.0.0 to later. And this guide will help you install and update the newest version for YT Framework plugin.

 

I. DOWNLOAD

Let's go to Joomla Menu -> Download --> Free Joomla Template and check out.

Please click here for going to download area.

YT Plugin for YT Framework

II. INSTALLATION

In Administrator on Joomla!, go to Extensions -> Extension Manager
On install tab, click Choose File button, choose plugin file (using zip file) then click Upload & Install. Please don't forget to enable status of YT Framework after that.

YT Plugin for YT Framework

III. UPDATE

1. Templates are using YT Framework v2

With all templates are using YT Framework from v2 to later, you can update this plugin online. When we release new versions of YT Framework, older templates that are built from YT Framework v2 will be able to take advantage of all the new features and changes. Just by one click, you will be owned the newest version of YT Framework. Let's go to Template Configuration and Update now!

2. Templates are using YT Framework v1

With all templates are using YT Framework v1 to before v2, you can update to YT Framework v2 but without new features of YT Framework v2. To do this work, let's install YT Plugin v2 to replace YT Plugin v1 the first then please go to ROOT/templates/YOUR_TEMPLATE/includes/yt_template.class.php and replace following code as after:

  • Replace 
    include_once (dirname(__FILE__).DS.'browser.php');
    by 
    if(!class_exists('Browser')) include_once (dirname(__FILE__).DS.'browser.php');
  • or Replace 
    include_once (J_TEMPLATEDIR.J_SEPARATOR.'includes'.J_SEPARATOR.'browser.php');
    by 
    if(!class_exists('Browser')) include_once (J_TEMPLATEDIR.J_SEPARATOR.'includes'.J_SEPARATOR.'browser.php');
Jun, 2013

SJ Plus Template Userguide

Contents
The guide will help you install SJ Plus and extensions included in this template step by step.
If you want to install the template exactly like our demo (same data), you should purchase and install the Quickstart Package.
Important Notes
I. Requirement
II. Download Template and Extensions
III. Quickstart Installation
IV. Manual Installation
V. Template setting
VI. Upgrade
VII. Template Structure

Important Notes

I. REQUIREMENT

Your systems meet the following requirements before proceeding the installation

  • Compatible with Joomla! 2.5 and Joomla! 3.3
  • YT Framwork v2.0, if using Quickstart, it is included
  • Premium SJ Extensions (see part 3-Core Plugins and 4-Other Extensions)

II. DOWNLOAD

1. Download Template and Extensions

STEP 1: Login at SmartAddons.com

STEP 2: Go to Download -> Free Joomla Templates

STEP 3: Under Free Templates, click SJ Plus to download

STEP 4: Under SJ Plus -> Download packages as you want

III. QUICKSTART INSTALLATION

3.1 Configuration

  • Select language:


  • Main Configuration:

    • Enter the required information of your site: sitename, email, admin username and password...

    3.2. Database Configuration

    3.3. Install Sample Data

    If you install sample data, you will have a site like our demo. If you select default sample data, you will a fresh site site

    3.4. Remove or Rename the Installation folder

    The final step is removing or renaming the Installation folder


IV. MANUAL INSTALLATION

4.1. SJ Plus -Installation and Configuration

  • Log in Administrator of Joomla!, go to Extensions -> Extension Manager
    On this page, click Choose File button, select our template file you have downloaded then click Upload & Install

    INSTALL
  • Set SJ Plus as default template

    SET DEFAULT

4.2. Imperative Plugins-Installation and Configuration

You need to install: Yt Framework, Yt Shortcodes and SJ Content Related News Plugin.
- Yt Framework supports templates in adding extra parameters for Mega Menu and compress CSS/JS/HTML when optimizing code. This guide is about installing Yt Framework, other plugins are the same

4.2.1 Installation

  • Now you install this plugin
  • STEP 1: In Administrator on Joomla!, go to Extensions -> Extension Manager
    On this page, click Choose File button, choose plugin file (extracted from extensions zip file) from then click Upload & Install

    INSTALL

  • STEP 2: Now, go to Enable Yt Framework in Extension/Plug-in Manager

4.2.2 Configuration of Yt Framework

  • After installing Yt Framework, go to Extension -> Plug-in Manager and choose to configureYt Framework:
    • YT FRAMEWORK
  • Configure Yt Framework to show SJ Help with Report Bugs, Template Tutorials and YT Framework Tutorials or include jQuery into template
    • SJ HELP

4.3 Other Extensions - Installation and Configuration

After creating articles and data..., you have to install and configure extensions

4.3.1 Install

4.3.1.1 List of extensions used in SJ Plus demo

You can find a list of modules/plugins/components which are used in SJ Plus by clicking menu Features -> Extensions of demo Website

4.3.1.2 Installation

  • In Administrator on Joomla!, go to Extensions -> Extension Manager
    On this page, click Choose File button, choose an extension file then click Upload & Install


  • Install the rest of extensions as step above

4.3.2. Configuration

After installing extensions which are included in the SJ Plus template, navigate into Extensions -> Module (or Plug-in) Manager then choose the module or plug-in you want to configure. The following example is choosing a module from Module Manager:

By this screenshot, you will see how module is placed in the default layout:
Back

This guide will help you place essential menus (Mega Menu), modules (one example each type) and other blocks as homepage of demo Website:

4.3.2.1 Menu - Explore

  • Menu Item Type
    • Menu Item Type: Single Article
  • Frontend - Back End
    • FRONTEND
    BACK END - YT MENU PARAMS
    BACK END - TREE OF MENUS

    4.3.2.2 Menu - Joomla Pages

  • Menu Item Type
    • Menu Item Type: External URL
  • Frontend - Back End
    • FRONTEND
    BACK END - YT MENU PARAMS
    BACK END - TREE OF MENUS

    4.3.2.3 Menu - K2

  • Menu Item Type
    • Menu Item Type: Category Blog
  • Frontend - Back End
    • FRONTEND
    BACK END - YT MENU PARAMS
    BACK END - TREE OF MENUS

    4.3.2.4. Custom HTML Module

    There are several positions that use HTML module. Here we will configure an example. Let take "Get Social" at position Social, others will be the same.
  • Module Position - Module Suffix
    • Position: social
    Suffix: balnk
  • Frontend - Backend
    • FRONTEND - Get Social
    BACK END

    4.3.2.5 Smart Search Module

  • Module Position - Module Suffix
    • Position: search
    Suffix: blank
  • Frontend - Backend
    • FRONTEND - Smart Search
    BACK END

    4.3.2.6. SJ Carousel Module

  • Module Position - Module Suffix
    • Position: slideshow
    Suffix: blank
  • Frontend - Backend
    • FRONTEND - SJ Carousel
    BACK END

    4.3.2.7.  SJ Module Tabs

  • Module Position - Module Suffix
    • Position: left
    Suffix: blank
  • Frontend - Back End
    • FRONTEND - SJ Tabs
    BACK END

    4.3.2.8. SJ Content Accordion Module

  • Module Position - Module Suffix
    • Position: right
    Suffix: blank
  • Frontend - Back End
    • FRONTEND - Hot Stories
    BACK END

    4.3.2.9.  Sj Basic News Module

  • Module Position - Module Suffix
    • Position: left
    Suffix: title1
  • Frontend - Back End
    • FRONTEND - Featured Posts
    BACK END

    4.3.2.10 Latest News Module

  • Module Position - Module Suffix
    • Position: right
    Suffix: blank
  • Frontend - Back End
    • FRONTEND - About Joomla
    BACK END

    4.3.2.11. Login Form Module

  • Module Position - Module Suffix
    • Position: right
    Suffix: blank
  • Frontend - Back End
    • FRONTEND - Login Form
    BACK END

    4.3.2.12 Who's Online Module

  • Module Position - Module Suffix
    • Position: right
    Suffix: bg-content1
  • Frontend - Back End
    • FRONTEND - Who's Online
    BACK END

    Footer

    Now there are some HTML and Menu module as our demo. You can try some other ones.

    That's all about homepage configuration.

    V. SETTINGS

    5.1 Configuration

    All of parameters of SJ Plus Template are divided into the following groups, in which they are explained themselves:

    OVERVIEW

    alt

    GENERAL

    alt

    LAYOUT

    alt

    MENU

    alt

    THEME

    alt

    TYPOGRAPHY

    alt

    CONTENT COMPONENT

    alt

    ADVANCED

    alt

     

    5.2 Yt Shortcodes

    • In Administrator of Joomla!, go to Plugin Manager -> Make sure Yt Shortcodes is enabled. This is list of shortcodes that you can use to style content:
      LIST of SHORTCODES
    • After that, whenever there is text area then click Shortcodes button, Shortcodes are available for you to be used!
      SHORTCODES

    VI. UPGRADE

    YT Framework v2 is upgradeable. When we release new versions of YT Framework, older templates that are built from YT Framework v2 will be able to take advantage of all the new features and changes. Just by one click, you will be owned the newest version of YT Framework.

    VII. TEMPLATE STRUCTURE

    Please insert here

    Jun, 2013

    SJ Me Template User Guide

    Contents
    The guide will help you install SJ Me and extensions included in this template step by step.
    If you want to install the template exactly like our demo (same data), you should purchase and install the Quickstart Package.
    • Important Notes
    • 1. Download Template and Extensions
    • 2. SJ Me Template - Installation and Configuration
    • 3. Imperative Plugins - Installation and Configuration
    • 4. Other Extensions - Installation and Configuration

    Important Notes

    Requirement:
    • Joomla!, latest version is recommended.
    • K2 Component, if using Quickstart, it is included
    • Premium SJ Extensions (see part 3-Core Plugins and 4-Other Extensions)

    1. Download Template and Extensions

    Used for members of JTC - Joomla Template Club

    STEP 1: Login at SmartAddons.com

    STEP 2: Go to Download -> Joomla Templates Club (JTC)

    STEP 3: Under Premium Joomla Templates, click SJ Me to download

    STEP 4: Under SJ Me -> Download packages as you want

    2. SJ Me -Installation and Configuration

    2.1 Installation

    • Log in Administrator of Joomla!, go to Extensions -> Extension Manager
      On this page, click Choose File button, select our template file you have downloaded then click Upload & Install

      INSTALL
    • Set SJ Me as default template

      SET DEFAULT

    2.2 Configuration

    All of parameters of SJ Me Template are divided into the following groups, in which they are explained themselves:

    OVERVIEW

    alt

    GENERAL

    alt

    LAYOUT

    alt

    MENU

    alt

    THEME

    alt

    TYPOGRAPHY

    alt

    CONTENT COMPONENT

    alt

    ADVANCED

    alt

    2.3 Yt Shortcodes

    • In Administrator of Joomla!, go to Plugin Manager -> Make sure Yt Shortcodes is enabled. This is list of shortcodes that you can use to style content:
      LIST of SHORTCODES
    • After that, whenever there is text area then click Shortcodes button, Shortcodes are available for you to be used!

      SHORTCODES

    3. Imperative Plugins-Installation and Configuration

    You need to install: Yt Framework, Yt Shortcodes and SJ Content Related News Plugin.
    - Yt Framework supports templates in adding extra parameters for Mega Menu and compress CSS/JS/HTML when optimizing code. This guide is about installing Yt Framework, other plugins are the same

    3.1 Installation

    • Now you install this plugin
    • STEP 1: In Administrator on Joomla!, go to Extensions -> Extension Manager
      On this page, click Choose File button, choose plugin file (extracted from extensions zip file) from then click Upload & Install

      INSTALL

    • STEP 2:Now, go to Enable Yt Framework in Extension/Plug-in Manager

    3.2 Configuration of Yt Framework

    • After installing Yt Framework, go to Extension -> Plug-in Manager and choose to configureYt Framework:
      • YT FRAMEWORK
    • Configure Yt Framework to show SJ Help with Report Bugs, Template Tutorials and YT Framework Tutorials or include jQuery into template
      • SJ HELP

    4. Other Extensions - Installation and Configuration

    After creating articles and data..., you have to install and configure extensions.

    4.1 Install

    4.1.1 List of extensions used in SJ Me demo

    You can find a list of modules/plugins/components which are used in SJ Me by clicking menu Features -> Extensions of demo Website

    4.1.2 Installation

    • In Administrator on Joomla!, go to Extensions -> Extension Manager
      On this page, click Choose File button, choose an extension file then click Upload & Install


    • Install the rest of extensions as step above

    4.2 Configuration

    After installing extensions which are included in the SJ Me template, navigate into Extensions -> Module (or Plug-in) Manager then choose the module or plug-in you want to configure. The following example is choosing a module from Module Manager:

    By this screenshot, you will see how module is placed in the default layout:
    Back

    This guide will help you place essential menus (Mega Menu), modules (one example each type) and other blocks as homepage of demo Website:

    4.2.1 Mega Menu - Home

  • Menu Item Type
    • Menu Item Type: Featured Articles
  • Frontend - Back End
    • FRONTEND
    BACK END - YT MENU PARAMS
    BACK END - TREE OF MENUS

    4.2.2 Menu - For one-page homepage

    There are many items which point to specific parts of the one page homepage. We use relative links for this purpose. Here we will configure one example for "About us" menu item linking to "About us" part, other ones will be the same. To find more about sharp links, hover above menu items of demo

  • Menu Item Type
    • Menu Item Type: External URL
  • Frontend - Back End
    • FRONTEND
    BACK END - RELATIVE LINK
    BACK END - TREE OF MENUS

    4.2.3 Mega Menu - Explore

  • Menu Item Type
    • Menu Item Type: External URL
  • Frontend - Back End
    • FRONTEND
    BACK END - YT MENU PARAMS
    BACK END - TREE OF MENUS

    4.2.4 SJ Extra Slider for Slideshow

    There are several positions that use SJ Extra Slider module: slide_show, spotlight3 and spotlight5. Here we will configure an example. Let take slideshow at slide_show position, others will be the same.

  • Module Position
    • Position: slide_show
  • Frontend (demo layout above) - Back End
    • BACK END

    4.2.5 Custom HTML Modules for spotlight1

    There are several positions that use HTML module. Here we will configure an example. Let take "About US" at spotlight1 position, others will be the same.

  • Module Position
    • Position: spotlight1 (head)
  • Frontend (demo layout above) - Back End
    • BACK END

    4.2.6 SJ Ajax Tabs for Portfolio

  • Module Position
    • Position: spotlight2
  • Frontend (demo layout above) - Back End
    • BACK END

    4.2.7 Sj Content Responsive Listing for Blog

  • Module Position
    • Position: spotlight4
  • Frontend (demo layout above) - Back End
    • BACK END

    4.2.8 Sj Contact Ajax for contact

  • Module Position
    • Position: spotlight7
  • Frontend (demo layout above) - Back End
    • BACK END

    Spotlight6 part uses Custom HTML, please refer to examples above or Quickstart package

    Footer

    Now there are some HTML and Menu module as our demo. You can try some other ones.


    That's homepage configuration. For advanced and customized configurations, please submit ticket OR purchase our installation services.
    Jun, 2013

    SJ Information Template User Guide

    Contents
    The guide will help you install SJ Information and extensions included in this template step by step.
    If you want to install the template exactly like our demo (same data), you should purchase and install the Quickstart Package.
    • Important Notes
    • 1. Download Template and Extensions
    • 2. SJ Information Template - Installation and Configuration
    • 3. Imperative Plugins - Installation and Configuration
    • 4. Other Extensions - Installation and Configuration

    Important Notes

    Requirement:
    • Joomla!, latest version is recommended.
    • SobiPro Component, if using Quickstart, it is included
    • Premium SJ Extensions (see part 3-Core Plugins and 4-Other Extensions)

    1. Download Template and Extensions

    Used for members of JTC - Joomla Template Club

    STEP 1: Login at SmartAddons.com

    STEP 2: Go to Download -> Joomla Templates Club (JTC)

    STEP 3: Under Premium Joomla Templates, click SJ Information to download

    STEP 4: Under SJ Information -> Download packages as you want

    2. SJ Information -Installation and Configuration

    2.1 Installation

    • Log in Administrator of Joomla!, go to Extensions -> Extension Manager
      On this page, click Choose File button, select our template file you have downloaded then click Upload & Install

      INSTALL
    • Set SJ Information as default template

      SET DEFAULT

    2.2 Configuration

    All of parameters of SJ Information Template are divided into the following groups, in which they are explained themselves:

    OVERVIEW

    alt

    GENERAL

    alt

    LAYOUT

    alt

    MENU

    alt

    THEME

    alt

    TYPOGRAPHY

    alt

    CONTENT COMPONENT

    alt

    ADVANCED

    alt

    2.3 Yt Shortcodes

    • In Administrator of Joomla!, go to Plugin Manager -> Make sure Yt Shortcodes is enabled. This is list of shortcodes that you can use to style content:
      LIST of SHORTCODES
    • After that, whenever there is text area then click Shortcodes button, Shortcodes are available for you to be used!

      SHORTCODES

    2.4 SoBiPro Template

    • In Administrator of Joomla!, go to SobiPro -> Application Manager
      SOBIPRO TEMPLATE MANAGER
    • On this page, click Choose File button, select our custom SobiPro template file you have downloaded then click Upload File & Install

      INSTALL SOBIPRO TEMPLATE

    3. Imperative Plugins-Installation and Configuration

    You need to install: Yt Framework, Yt Shortcodes and SJ Content Related News Plugin.
    - Yt Framework supports templates in adding extra parameters for Mega Menu and compress CSS/JS/HTML when optimizing code. This guide is about installing Yt Framework, other plugins are the same

    3.1 Installation

    • Now you install this plugin
    • STEP 1: In Administrator on Joomla!, go to Extensions -> Extension Manager
      On this page, click Choose File button, choose plugin file (extracted from extensions zip file) from then click Upload & Install

      INSTALL

    • STEP 2:Now, go to Enable Yt Framework in Extension/Plug-in Manager

    3.2 Configuration of Yt Framework

    • After installing Yt Framework, go to Extension -> Plug-in Manager and choose to configureYt Framework:
      • YT FRAMEWORK
    • Configure Yt Framework to show SJ Help with Report Bugs, Template Tutorials and YT Framework Tutorials or include jQuery into template
      • SJ HELP

    4. Other Extensions - Installation and Configuration

    After creating articles and data..., you have to install and configure extensions.

    4.1 Install

    4.1.1 List of extensions used in SJ Information demo

    You can find a list of modules/plugins/components which are used in SJ Information by clicking menu Features -> Extensions of demo Website

    4.1.2 Installation

    • In Administrator on Joomla!, go to Extensions -> Extension Manager
      On this page, click Choose File button, choose an extension file then click Upload & Install


    • Install the rest of extensions as step above

    4.2 Configuration

    After installing extensions which are included in the SJ Information template, navigate into Extensions -> Module (or Plug-in) Manager then choose the module or plug-in you want to configure. The following example is choosing a module from Module Manager:

    By this screenshot, you will see how module is placed in the default layout:
    Back

    This guide will help you place essential menus (Mega Menu), modules (one example each type) and other blocks as homepage of demo Website:

    4.2.1 Mega Menu - Explore

  • Menu Item Type
    • Menu Item Type: Single Article
  • Frontend - Back End
    • FRONTEND
    BACK END - YT MENU PARAMS
    BACK END - TREE OF MENUS

    4.2.2 Mega Menu - Joomla!

  • Menu Item Type
    • Menu Item Type: Text Separator
  • Frontend - Back End
    • FRONTEND
    BACK END - YT MENU PARAMS
    BACK END - TREE OF MENUS

    4.2.3 Mega Menu - Blogs

  • Menu Item Type
    • Menu Item Type: Menu Item
  • Frontend - Back End
    • FRONTEND
    BACK END - YT MENU PARAMS
    BACK END - TREE OF MENUS

    4.2.4 Mega Menu - Categories

  • Menu Item Type
    • Menu Item Type: SobiPro
  • Frontend - Back End
    • FRONTEND
    BACK END - YT MENU PARAMS
    BACK END - TREE OF MENUS

    4.2.5 Mega Menu - Shortcodes

  • Menu Item Type
    • Menu Item Type: Single Article
  • Frontend - Back End
    • FRONTEND
    BACK END - YT MENU PARAMS
    BACK END - TREE OF MENUS

    4.2.6 Notice Custom HTML Module

  • Module Position
    • Position: notice
  • Frontend (demo layout above) - Back End
    • BACK END

    4.2.7 SJ Counter for SobiPro Module

  • Module Position
    • Position: header-1
  • Frontend (demo layout above) - Back End
    • BACK END

    4.2.8 Custom HTML Module

    There are several positions that use HTML module. Here we will configure an example. Let take "Sign Up button" at header-2 position, others will be the same.

  • Module Position
    • Position: header2 (first)
  • Frontend (demo layout above) - Back End
    • BACK END

    4.2.9 Menu Module

    There are several positions that use Menu module. Here we will configure an example. Let take "Top menu" at header-2 position, others will be the same.

  • Module Position
    • Position: header-2 (second)
  • Frontend (demo layout above) - Back End
    • BACK END

    4.2.10 Search Module

  • Module Position
    • Position: nav-1
  • Frontend (demo layout above) - Back End
    • BACK END

    4.2.11 SJ Extra Slider for SobiPro Module

  • Module Position
    • Position: spotlight1-1
  • Frontend (demo layout above) - Back End
    • BACK END

    4.2.12 Sj Categories for Sobipro Module

  • Module Position
    • Position: spotlight1-3
  • Frontend (demo layout above) - Back End
    • BACK END

    4.2.13 Sj Entries Grid for SobiPro Module

  • Module Position
    • Position: stickey_left (second)
  • Frontend (demo layout above) - Back End
    • BACK END

    Other sportlight2-1 modules are Custom HTML, please refer to examples above

    4.2.14 SJ News Frontpage Module

    There are 2 positions that use SJ News Frontpage module. Here we will configure an example. Let take "Blog information" at spotlight3-1 position, others will be the same.

  • Module Position
    • Position: spotlight3-1
  • Frontend (demo layout above) - Back End
    • BACK END

    For footer1-1 and footer2-1,2-2 and 2-3: please refer to Custom HTML and Menu modules above

    4.2.15 SJ Gallery Pro Module

  • Module Position
    • Position: footer2-4
  • Frontend (demo layout above) - Back End
    • BACK END

    Footer

    Now there are some HTML and Menu module as our demo. You can try some other ones.


    That's homepage configuration. For advanced and customized configurations, please submit ticket OR purchase our installation services.
    Page 2 of 3

    Love all our templates?

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

    Join Now
    Home Pricing
    0
    Go To Cart
    Your Cart is currently empty!
    Product update
    Coupon
    add
    Coupon code invalid! Please re-enter!
    AJAX loader
    Go To Cart Total : 0 checkout
    SearchSupport
    Magento Themes Magento Extensions Free Magento Extensions Prestashop Themes Prestashop Modules Magento 2 Themes Smartcarex - Phụ Kiện Ô TÔ Bạt phủ ô tô cao cấp Bơm lốp ô tô Máy hút bụi ô tô