Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
SA Anh

SA Anh

Friday, 10 August 2012 11:25

SJ MiniCart Pro Changelog


VERSION 2.5.1 - Released on 31-Oct-2013

+ Support responsive layout
+ Added +/- buttons to the Quantity field
+ Added image loading when updating or deleting product
+ Added Open Link param

VERSION 2.5.0 - Released on 10-Aug-2012

+ Compatible with Joomla 1.7 and Joomla 2.5.x

View Demo

Read More
Tagged under
Monday, 27 May 2013 00:00

SJ Video Box Userguide

This guide is intended for Video Box module.
When you buy the module (or download free) 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
  • Advanced Options
BASIC OPTIONS
  • URL Video - Allow to set video sources to be used with module, each on one line. Please do as our guide to copy URL video.
  • Video titles - Allow to set text titles to be shown with videos above, URLs are on new lines
  • URL Thumbnail Images - Choose image source to be shown with videos above, each on one line
  • Thumbnail Description - Choose text to be used as description with videos above, each on one line
  • Layout - Set layout to be used, from 2 ones available
  • Autoplay Video - Allow to set auto play for videos OR not
  • Auto Play Slider - Allow to set auto play of navigation imageslider OR not, for layout 2 only
  • Show Image - Allow to show images of videos OR not
  • Image Width - Allow you to set the width of image
  • Image Height - Allow you to set the height of image
  • Show Title - Allow to show title OR not
  • Show Description - Allow to show small description OR not
  • Number Item per page - Allow to set the total videos per page, 1 to 6 available
ADVANCED OPTIONS
  • Module Class Suffix - Allow you to style module with specific CSS suffix
  • Alternative Layout - Allow to choose different one if possbile
  • Include jQuery - Allow to use jQuery from this module OR use other global file
  • 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




Tagged under
Friday, 22 February 2013 00:00

SJ Mega Menu Userguide

This guide is intended for SJ Mega Menu 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 here
To see userguide for previous version: Click Here

REQUIREMENTS

1. Joomla!, supported versions are listed on our sale page.

INSTALLATION

1. Prepare your module package (zip file; please UNZIP first if it is indicated in the file name; there will be a plugin and a module zip file that you need them all in next step)
2. Install supportive plugin first (extracted plg_ file):
  • In your Administrator page, go to Extensions -> Extension Manager
    In this page, click Choose File, select plugin package.
  • Then click Upload & Install

  • Please wait for plugin being installed, usually within several seconds
  • Now go to Extensions -> Plugin Manager, click Select Type box and choose "system"
  • Then Enable the plugin named "Extra Menu Params"
3. Install main module now (extracted mod_ file):
  • 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. The parameters are divided up into the following areas:
  • Menu Options
  • Advanced Options
MENU OPTIONS
  • Select Menu - Allow you to select and use a menu created in Menu Manager, this menu will be used with Mega Menu, all items of it will have some Extra Params, see configuration below
  • Base Item - Allow you to select an active item for menu chosen above
  • Start Level - Set a menu level from which will be rendered by Mega Menu, start from 1 as highest level
  • End Level - Set a menu level until which will be rendered by Mega Menu, please use All for all sub-menu items
  • Show Sub-menu Items - Show sub-menu items OR not, if NO then two options above will be ingored
  • Event
    • Click: Collapse/Expand menu by click, used with all devices
    • Hover: Collapse/Expand menu by hover, for PC only
ADVANCED OPTIONS
  • Menu Tag ID - Set ID of the module, used for CSS or others
  • Menu Class Suffix - Allow you to choose another CSS class that suits your template
  • Alternative Layout - Allow you to choose custom alternative layout
  • Caching
    • Use Global: Turn on caching
    • No Caching: Turn off caching
  • Cache Times - The time to cache
2. The parameters when configuring an item of a menu chosen (called it YTC Menu, for instance):
This module with one sample menu layout is below:

  • Home: a sub-menu item of YTC Menu, showing with image and description
  • Menu List: an other item of YTC Menu, divided into 3 columns
  • Modules: a special item showing Login form module
When landing Menu Manager -> YTC Menu, each item will have an extra option panel. Below is how to configure these:

EXTRA MENU OPTIONS for one item
    Options for this item:
  • Description - Set description for this menu item, e.x. "just a menu"
  • Content Type - Set Mega type for this menu item
    • Default: show as default
    • Divider: show as a horizontal bar, to separate between menu item groups
    • Module: very powerful option, to show module(s) inside, used with "Module" option below
  • Module - Select module(s) to be shown, when above option = Module
  • Show Link - Show link(s) of module(s), used when module is Pinned (by using "Show as" option below)
  • Item ID - Set ID for this menu item, used for CSS or others
  • Item Class - Use this option to set width of this menu item, relatively to its parent level.
  • *Example: Set col6, its width will be 50% of its parent whose with is cols12 set by "Column Class" option (see "Column Class" below)
    *Note: If icon of this item available, add -ico24, -ico32 OR -ico48 to this as well, in which 24, 32 and 48 are dimensions of square icon used
  • Float Right - If Yes, this item will be align:right with other Level-1 items

    Options for dropdown box
    (which contains all sub-menu items when being clicked or hovered):
  • Fixed Width - Set width (px) of dropdown box of this item
  • Column Class - Set cols5, cols9 or cols12 by which this item will be divided into 5, 9 OR 12 columns from Fixed Width above, this option is used with "Item Class" option of this sub-menu items
  • *Example: Set cols9, its width will be divided into 9 equal columns. If you want one of its sub-menu items will be 33%-width of this, please set its "Item Class": col3
  • Show as - Allow to choose how sub-menu items will be shown: Dropdown/Flyout OR Pinned
    • Dropdown or Flyout: Dropdown box will be shown after being clicked or hovered, with direction as Fly option below
    • Pinned: Show sub-menu items as being embeded inside
  • Fly - Allow to set direction for collapsing/expanding dropdown box: Left or Right, relatively to its parent level.




Tagged under
Wednesday, 08 August 2012 16:45

SJ MiniCart Pro Userguide

This guide is intended for SJ MiniCart Pro 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 here.
Then following this documentation to use this module, applied for version 1.0 and later.

REQUIREMENTS

- Joomla! v1.7.x or Joomla! 2.5.x latest stable version is highly recommended.

- VirtueMart components: 2.0.24

INSTALLATION

1. The installation process for this module will happen in administrator of Joomla! as following:
  • In your Administrator page, go to Extensions -> Extension Manager
    In this page, click Choose File, select mod_sj_minicart_pro and you need to install plg_sj_ajax_minicart_pro package (Zip file; please UNZIP first if this is indicated in the file name)
  • Then click Upload & Install

  • Please wait some time for module being installed, usually within several seconds!
  • Navigation to Extensions -> Module Manager, click Select Type box and choose SJ MiniCart Pro
  • And navigation to Extensions -> Plug-in Manager and choose System - Sj Ajax Minicart Pro -> Enable this plugin
  • You can change parameters as the SETTINGS part hereafter.
2. Here, you can preview layout of module SJ MiniCart Pro for reference: 

  • Cart Detail: This panel will show up when customer hovers over the arrow-down button.
  • Product List Area, Footer Cart and Image: All these can be tweaked, see this part.

SETTINGS

Now we will examine all parameters of SJ MiniCart Pro.

SJ Minicart Pro module are configured in 3 groups of parameters following:
  • Basic Options
  • Layout Options
  • Advanced Options
BASIC OPTIONS
  • Open Link - Set target for links:
    • New window
    • Same window
    • Popup
  • Cart Detail Width - Allow you to change width of the Cart Detail area.
LAYOUT OPTIONS

Product List Options
  • Product List Display - Allow you to choose if Cart Detail shown OR not when hovered (recommend Yes)
  • Product List Max Height - You can set the height of product list area here; higher is useful when customer selects many products into the cart
  • Product Label Display Allow you to show the title of each product OR not
  • Product Attribute Display - Allow you to show attribute of each product OR not
Coupon Form Options
  • Coupon Form Display - Allow you to show coupon form OR not
  • Coupon Label Display - Allow to to show the label of coupon form OR not (the 'COUPON' text)
Footer Cart Options
  • Go To Cart Display -  Allow you to show Go To Cart button OR not
  • Checkout Display -  Allow you to show Checkout button OR not
  • Total Price Display -  Allow you to show Total Price information OR not
Image Options
  • Image Resize Mode - Allow you to choose the mode of image resizing (see illustrations by hovering the text 'Image Resize Mode' in the module):
    • 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
  • Image Width -  Allow you to set the width of image of each product listed in Cart Detail
  • Image Height - Allow you to set the height of image of each product listed in Cart Detail
  • Image Background - Allow to set the color of image background. This is applied for showing images without full background. If the image with full background, you can see nothing to change
ADVANCED OPTIONS
  • Module Class Suffix - Allow you to choose another CSS class that suits your template
  • Alternation Layout - Allow to use a different layout from the supplied module or overrides in the templates
  • Include jQuery - Allow you to include jQuery from this module or another one




Tagged under
Thursday, 26 June 2014 00:00

SJ Teen Template Userguide

Contents

The guide will help you install SJ Teen 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 Teen 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 and Kunena 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 Teen to download

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

2. SJ Teen -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 Teen as default template

    SET DEFAULT

2.2 Configuration

All of parameters of SJ Teen 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 Teen demo

You can find a list of modules/plugins/components which are used in SJ Teen 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 Teen 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 Pages

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

    4.2.3 Mega Menu - K2

  • 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 Mega Menu - News Daily

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

    4.2.5 SJ K2 Splash Module

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

    4.2.6 Login Module

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

    4.2.7 Custom HTML Module

    There are 4 positions: position 2, position 4 and position 10  that use HTML module. Here we will configure an example. Let take "Get Social" at position-2 position, others will be the same.

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

    4.2.8 Search Module

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

    4.2.9 Banner Module

    There are several positions that use Banner module. Here we will configure an example. Let take "Banner" at position-4 (first) position on homepage, others will be the same.

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

    4.2.10 Sj Accordion Modules

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

    4.2.11 SJ Social Media Counter

  • Module Position
  • Position: position-4
  • Frontend
  • BACK END

    4.2.12 Sj K2 Scroller Module

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

    4.2.13 K2 Content Module

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

    4.2.14 Sj K2 Mega News Module

    There are 5 positions: h3, h4, position 7, position 8 and position 9 that used K2 Mega News module. Here we will configure an example. Let take the top left one at position-h3 position, others will be the same.

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

    4.2.15 Custom HTML Module


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

    4.2.16 Menu Module

    There are 3 positions: position 4 (Shortcodes), position 11, position 12 that used Menu module. Here we will configure an example. Let take one menu at position-11, others will be the same.

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

    4.2.17 SJ Twitter Module

  • Module Position
  • Position: position-13
  • 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.
    Tagged under
    Wednesday, 05 June 2013 00:00

    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.
    Tagged under
    Wednesday, 05 June 2013 00:00

    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.
    Tagged under
    Thursday, 02 May 2013 00:00

    SJ Expo Template User Guide

    Contents

    The guide will help you install SJ Expo 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 Expo 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

    1.1 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 Expo to download

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

    1.2 Used for single product purchased via e-cart

    Receive Donwload-Info email -> Download packages as you want

    2. SJ Expo -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 Expo as default template

      SET DEFAULT

    2.2 Configuration

    All of parameters of SJ Expo 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, Yt Mega PopUp 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 Expo demo

    You can find a list of modules/plugins/components which are used in SJ Expo 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 Expo 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 Menu - Explore

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

    4.2.2 Menu - Joomla Pages

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

    4.2.3 Menu - K2

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

    4.2.4 Mega Menu - Services

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

    4.2.5 Custom HTML Module

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

  • Module Position - Module Suffix
  • Position: position-0
    Suffix: phone
  • Frontend (demo layout above) - Back End
  • BACK END

    4.2.6 Menu Module

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

  • Module Position - Module Suffix
  • Position: position-1
    Suffix: head-menu clearfix
  • Frontend (demo layout above) - Back End
  • BACK END

    4.2.7 Smart Search Module

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

    4.2.8 SJ Basic News Module

    There are several positions that use SJ Basic News module. Here we will configure an example. Let take "exhibitions that we will operate" at position-2 position, others will be the same.

  • Module Position - Module Suffix
  • Position: position-2
    Suffix: exhibitions
  • Frontend (demo layout above) - Back End
  • BACK END

    4.2.9 SJ News Extra Slider Module

  • Module Position - Module Suffix
  • Position: position-3 (first)
    Suffix: extra-slider
  • Frontend (demo layout above) - Back End
  • BACK END

    4.2.10 Sj Content Responsive Listing Module

  • Module Position - Module Suffix
  • Position: position-4
    Suffix: content-listing
  • 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 all about homepage configuration.
    Tagged under
    Friday, 29 March 2013 00:00

    SJ Jare Template User Guide

    Contents

    The guide will help you install SJ Jare 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 Jare Template - Installation and Configuration
    • 3. Imperative Plugins - Installation and Configuration
    • 4. Other Extensions - Installation and Configuration

    Important Notes

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

    1. Download Template and Extensions

    1.1 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 Jare to download

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

    1.2 Used for single product purchased via e-cart

    Receive Donwload-Info email -> Download packages as you want

    2. SJ Jare -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 Jare as default template

      SET DEFAULT

    2.2 Configuration

    All of parameters of SJ Jare 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 Plugin.
    - Yt Plugin supports Yt Framework for adding extra parameters used with Mega Menu and to compress CSS/JS/HTML when optimizing code.

    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 Plugin (for Yt Framework) in Extension/Plug-in Manager

    3.2 Configuration of YT Plugin (for Yt Framework)

    • Yt Plugin supports Optimizing CSS/ JS/ HTML and support showing Mega Menus nicely. You can see how to optimize CSS/JS/HTML in Configuration part above and how to use YT Menu Params for styling any Menu Items by remarking an example:
    • SUPPORT OPTIMIZING CSS/JS/HTML AND STYLING MEGA MENUS
    • After installing Yt Plugin, go to Extension -> Plug-in Manager and choose to configureYt Plugin:
    • TO YT PLUGIN
    • Configure Yt Plugin to show SJ Help with Report Bugs, Template Tutorials and YT Framework Tutorials
    • SHOWING 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 Jare demo

    You can find a list of modules/plugins/components which are used in SJ Jare 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 Jare 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: Single Article
  • Frontend - Back End
  • FRONTEND
    BACK END - YT MENU PARAMS
    BACK END - TREE OF MENUS

    4.2.3 Mega Menu - K2

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

    4.2.4 Login Module

  • Module Position - Module Suffix
  • Position: top1
    Suffix: blank
  • Frontend (demo layout above) - Back End
  • BACK END

    4.2.5 VM Shopping Cart Module

  • Module Position - Module Suffix
  • Position: top2
    Suffix: cart blank
  • Frontend (demo layout above) - Back End
  • BACK END

    4.2.6 Smart Search Module

  • Module Position - Module Suffix
  • Position: top3
    Suffix: blank
  • Frontend (demo layout above) - Back End
  • BACK END

    4.2.7 Menu Module

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

  • Module Position - Module Suffix
  • Position: position-0
    Suffix: @responsive
  • Frontend (demo layout above) - Back End
  • BACK END

    4.2.8 SJ VM Slideshow Responsive Module

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

    4.2.9 Custom HTML Module

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

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

    4.2.10 Who's Online Module

  • Module Position - Module Suffix
  • Position: sticky_left (first)
    Suffix: bg-white @group
  • Frontend (demo layout above) - Back End
  • BACK END

    4.2.11 Statistics Module

  • Module Position - Module Suffix
  • Position: stickey_left (second)
    Suffix: bg-white @eye-open
  • Frontend (demo layout above) - Back End
  • BACK END

    Stickey rights Modules: All HTML modules

    4.2.12 SJ VirtueMart Module

    There are several positions that use SJ VirtueMart module. Here we will configure an example. Let take "Featured Products" at position-5 position, others will be the same.

  • Module Position - Module Suffix
  • Position: position-5
    Suffix: features
  • Frontend (demo layout above) - Back End
  • BACK END

    For position-1, 2 and 3: SJ VirtueMart Modules

    4.2.13 SJ Slider Module

  • Module Position - Module Suffix
  • Position: position-4
    Suffix: blank
  • 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.
    Tagged under
    Wednesday, 06 March 2013 00:00

    SJ Bakery Userguide

    Contents

    The guide will help you install SJ Bakery 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 Bakery Template - Installation and Configuration
    • 3. Imperative Plugins - Installation and Configuration
    • 4. Other Extensions - Installation and Configuration

    Important Notes

    Requirement:
    • Joomla! 2.5, lastest version is recommended.
    • VirtueMart Component.
    • Premium SJ Extensions (see part 3-Core Plugins and 4-Other Extensions)

    1. Download Template and Extensions

    1.1 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 Bakery to download

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

    1.2 Used for single product purchased via e-cart

    Receive Donwload-Info email -> Download packages as you want

    2. SJ Bakery -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 Bakery as default template

      SET DEFAULT

    2.2 Configuration

    The parameters of SJ Bakery Template are divided into the following groups:
    • Global Settings
    • Site Styles
    • Typography
    • Layout Settings
    • Top Menu Settings
    • Content Component
    • Optimize CSS,JS
    • Advanced Options
    alt

    GLOBAL SETTINGS

    • Generator tag - Generate tag for your template
    • Hide Main Content Block - Allow to hide Content Component on Homepage
    • Direction - Choose direction of language: RTL/LTR
    • Logo Type - Choose your logo type: image OR text
    • Override Logo Image - Choose logo image file to use
    • Logo Text - Set text for Text type of logo
    • Slogan - Set your Website slogan here
    alt

    LAYOUT SETTINGS

    • Select Layout - Allow to choose default layout xml file
    • Overwrite Layouts Windows - Used with window mode, when you want to use another layout for a menu. Syntax:
      • Itemid1:Layout_Name1 | Itemid2:Layout_Name2 | ...
      With:
      • Itemid1, Itemid2...: Id of Menus. You can see these in Menu Item Manager
      • Layout_Name1, Layout_Name2...: The name of layout. You can see these in templates/{this_template_name}/layouts folder. NOTE: remove .xml extension
    alt

    SITE STYLES

    • Default Style - Allow to choose a style from preset ones
    • Body background color - Set color for background of body
    • Class body background image - Set CSS class using for image background of body
    • Link color - Set color for links
    • Text color - Set color for text
    • Header background color - Set color for background of header
    • Class header background image - Set CSS class using for image background of header
    • Spotlight5 background color - Set color for background of Spotlight5 effect
    • Spotlight5 background image - Set CSS class using for image background of Spotlight5 part
    • Footer background color - Set color for background of footer
    alt

    TYPOGRAPHY

    • Default Font Size - Allow to choose default font size
    • Default Font-Family - Allow to choose a font-family from 13 available ones. The default one is Arial
    • Google Font-Family - Allow to choose a google font-family used for html tags which are in Affected Selectors parameter below
    • Affected Selectors - Tag names will be applied with google font, comma seperated
    alt

    TOP MENU SETTINGS

    • Default Type Menu - Allow to choose default menu type shown with template, this list is gotten from Menu Manager
    • Default Menu Style - We support several styles for Menus
      • CSS, Moo and Dropline Menu: simple menu
      • Mega Menu: multimedia menu
    • Javascript Effect - Allow to select which JS Effect used with Moo Menu and Mega Menu
    • Duration Effect - Set time before showing any submenus
    • Start Level - Set level of menu to start rendering the menu
    • End Level - Set level of menu to stop rendering the menu
    alt

    CONTENT COMPONENT

    • Apply for Blog View - Allow to show the Content block at blog pages OR not
    • Apply for Frontpage view - Allow to show at Frontpage view OR not
    • Leading Images Width - Set width of images of Leading Articles
    • Leading Images Height - Set height of images of Leading Articles
    • Intro Images Width - Set width of images of Intro Articles
    • Intro Images Height - Set height of images of Intro Articles
    • Thumbnail Background Color - Set color background for thumbnail images
    • Thumbnail Mode - Set thumbnail mode:
      • Fill
      • Fit
      • Stretch
      • Center
    alt

    OPTIMIZE CSS, JS

    • Optimize Merge File - Choose Yes to optimize all CSS and JS Files which are used in your website
    • Optimize CSS - Choose Yes to optimize only CSS files
    • Optimize CSS Exclude - CSS files which are not optimized, comma separated
    • Optimize JS - Choose Yes to optimize only JS files
    • Optimize JS Exclude - JS files which are not optimized, comma separated
    • Optimize Folder - A specific folder with Css/Js files need to be optimized
    alt

    ADVANCED OPTIONS

    • Show Back to Top - Allow you to show Back to Top button OR not
    • Show Cpanel - Allow you to show YT Framework Control panel OR not
    • Include LazyLoad plugin - Enable/disable LazyLoad
    • Enable Google Analytics - Enable/disable Google Analytics
    • Enter your Google Analytics tracking ID - Copy and paste your Google Analytics tracking ID here

    3. Imperative Plugins-Installation and Configuration

    You need to install: Yt Plugin.
    - Yt Plugin supports Yt Framework for adding extra parameters used with Mega Menu and to compress CSS/JS/HTML when optimizing code.

    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 Plugin (for Yt Framework) in Extension/Plug-in Manager

    3.2 Configuration of YT Plugin (for Yt Framework)

    • Yt Plugin supports Optimizing CSS/ JS/ HTML and support showing Mega Menus nicely. You can see how to optimize CSS/JS/HTML in Configuration part above and how to use YT Menu Params for styling any Menu Items by remarking an example:
    • SUPPORT OPTIMIZING CSS/JS/HTML AND STYLING MEGA MENUS
    • After installing Yt Plugin, go to Extension -> Plug-in Manager and choose to configureYt Plugin:
    • TO YT PLUGIN
    • Configure Yt Pluginto show SJ Help with Report Bugs, Template Tutorials and YT Framework Tutorials
    • SHOWING SJ HELP

    4. Other Extensions - Installation and Configuration

    After creating articles and data..., you have to install and configure extensions to have a Website with functions and modules as our pre-made demo.

    4.1 Install

    4.1.1 List of extensions used in SJ Bakery demo

    You can find a list of modules/plugins/components which are used in SJ Bakery 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 Bakery 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: Articles > Single Article
  • Frontend - Back End
  • FRONTEND
    BACK END - YT MENU PARAMS
    BACK END - TREE OF MENUS

    4.2.2 Mega Menu - Joomla! Pages

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

    4.2.3 Mega Menu - VirtueMart

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

    4.2.4 Mega Menu - Our Cake

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

    4.2.5 Login Module

  • Module Position - Module Suffix
  • Position: position-0 (left)
    Suffix: Not Used
  • Frontend (demo layout above) - Back End
  • BACK END

    4.2.6 VM Shopping Cart Module

  • Module Position - Module Suffix
  • Position: position-0 (right)
    Suffix: cart blank
  • Frontend (demo layout above) - Back End
  • BACK END

    4.2.7 Smart Search Module

  • Module Position - Module Suffix
  • Position: position-1
    Suffix: Not Used
  • Frontend (demo layout above) - Back End
  • BACK END

    4.2.8 Sj Vm Slick Slider Responsive Module

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

    4.2.09 Menu Module

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

  • Module Position - Module Suffix
  • Position: position-2 (first)
    Suffix: _menu
  • Frontend (demo layout above) - Back End
  • BACK END

    4.2.10 SJ Basic News Module

  • Module Position - Module Suffix
  • Position: position-2 (second)
    Suffix: news1 bg-title
  • Frontend (demo layout above) - Back End
  • BACK END

    4.2.11 Custom HTML Module

    There are several positions that use Custom HTML Module. Here we will configure an example. Let take "Exclusive Email Offers" at position-2 position, others will be the same.

  • Module Position - Module Suffix
  • Position: position-2 (third)
    Suffix: exclusive
  • Frontend (demo layout above) - Back End
  • BACK END

    4.2.12 Banner Module

  • Module Position - Module Suffix
  • Position: position-2 (forth)
    Suffix: Not Used
  • Frontend (demo layout above) - Back End
  • BACK END

    4.2.13 Sj Vm Extra Slider Responsive Module

  • Module Position - Module Suffix
  • Position: position-3 (first)
    Suffix: Not Used
  • Frontend (demo layout above) - Back End
  • BACK END

    4.2.14 SJ VirtueMart Module

  • Module Position - Module Suffix
  • Position: position-3 (second)
    Suffix: new-cakes star
  • Frontend (demo layout above) - Back End
  • BACK END

    4.2.15 Footer

    Now there are not any customized modules placed in this position. You can try some ones.


    That's homepage configuration. For advanced and customized configurations, please submit ticket OR purchase our installation services.
    Tagged under
    Page 1 of 5

    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