First of all, make sure you always download the newest version of template
REQUIREMENTS
- Joomla! v2.5.x latest stable version is highly recommended.
- Virtuemart v2.0.8 latest stable versions are highly recommended.
If you want to install the template that like as our demo (the same data), you should install the Quickstart Package. In the following 4-part guideline, we will help you install SJ Flower Store and all extensions included in this template step by step by yourself.
- 1. Download Template and Extensions
- 2. SJ Flower Store Template - Installation and Configuration
- 3. Imperative Plugins - Installation and Configuration
- 4. Extensions - Installation and Configuration
1. Download Template and Extensions
1.1 Using for membership of JTC - Joomla Template Club
STEP 1: LOGIN YOUR ACCOUNT
STEP 2: GO TO MEMBER AREA - DOWNLOAD PAGE
STEP 3: GO TO LIST PRODUCTS - DOWNLOAD
STEP 4: DOWNLOAD PACKAGES OF PRODUCT
1.2 Using for single product
DOWNLOAD PACKAGES IN THE EMAIL
2. SJ Flower Store Template -Installation and Configuration
2.1 INSTALLATION
- In Administrator page on Joomla! v2.5.x, go to Extensions -> Extension Manager
On this page, click on Choose File button, choose our template and then click Upload & Install
- Set SJ Flower Store Template as default template
2.2 CONFIGURATION
The parameters of SJ Flower Store Template are divided into the following areas:
- Global Settings
- MainBody Columns Settings
- Layout Settings
- Style Settings
- Top Menu Settings
- Content Component
- Advanced Options
GLOBAL SETTINGS
- Generator tag - Generate tag for your template
- Template Width Type - Choose width type of your template
- Template Width - Change width of template here
- Hide Main content block - Allow to hide content component for home page
- Direction - Choose RTL/LTR Language
- Logo Type - Choose your logo types: image or text type
- Logo Text - For Text Type
- Slogan - Change your slogan here
MAINBODY COLUMN SETTINGS
- Main body width type - Choose width type: pixel/percentage
- Main width - Change width of main body
- Left/Right Width - Change width of Left/Right column
LAYOUT SETTINGS
- Default Mode View - We support Mobile View and Window View for your site.
- Window layout - When a guest views your website on computer, this layout is used. You can choose the following options for your window layout
- Full
- Main - left - right
- Left - Right - Main
- Main - Left - Right
- Main - right
- Left - main
- Mobile Layout - When a guest uses a mobile to view, this layout is used as default
- Iphone layout - When a guest views the site on Iphone, this layout is used
- Android layout - When a guest views the site on Android System, this layout is used
- Handheld layout - When a guest views the site on a Handheld, this layout is used
- Overwrite Window Layout - This parameter will be used for window mode. When you want to use another layout for a menu, you can use this one. Syntax:
- Id1:Layout_Name1 | Id1:Layout_Name2 | ...
With:
- Id1, Id2...: Id of Menu. You can see the Id column in Menu Item Manager page
- Layout_Name1, Layout_Name2...: The name of layout in templates/sj_flowerstore/layouts folder without tail .xml
STYLE SETTINGS
- Default Style - Choose a suitable style for your site. There're 7 different site styles
- Default Font Size - Set default size for your template here.
- Default Font-Family - Use this parameter to choose font-family for your site. The default font of this template is Arial.
- Google Font-Family - This parameter allows you to use a google font for some html tags which are in Affected Selectors
- Affected Selectors - Tags will be applied with google font.
TOP MENU SETTINGS
- Default Type Menu - Here is the list of menu module
- Mainmenu
- Topmenu
- Usermenu
- Othermenu
- Menu-link
- Keyconcepts
- Validate-menu
- Default Menu Style - We support four styles of Menu
- CSS Menu
- Moo Menu
- Mega Menu
- Droplinle Menu
- Keep Menu Bar on top - Allow to show/hide Menu Bar on top when scroll site
- Use JS for Dropline Menu - Choose to use JS effect for Dropline Menu or not
- Javascript Effect - JS Effect for Moo Menu, Mega Menu
- Duration Effect - Time to change effects
- Start Level - Level to start rendering the Menu at
- End Level - Level to end rendering the Menu at
CONTENT COMPONENT
- Apply for Blog View - Choose to apply for Blog view or not
- Apply for Frontpage view - Choose to apply for Frontpage view or not
- Leading Images Width - Change width of images of Leading Articles.
- Leading Images Height - Change height of images of Leading Articles.
- Intro Images Width - Change width of images of Intro Articles.
- Intro Images Height - Change height of images of Intro Articles.
- Thumbnail Background Color - Set color background for thumbnail image
- Thumbnail Mode - Set thumbnail mode
ADVANCED OPTIONS
- Show Cpanel - Allow you to show/ not to show Cpanel
- Override logo image - Change logo image of Cpanel by inserting path of image in code folder or live link of image here
- Enable jquery - Enable/disable jquery
- Include Lazyload Plugin - Enable/disable LazyLoad
- Optimize CSS/Merge File - Allow to optimize all the CSS/Merge Files which are used in your website
- Optimize CSS Exclude - Please insert name of CSS File which you don't want to optimize
- Optimize JS - Allow to optimize all the JS Files which are used in your website
- Optimize JS Exclude - Please insert name of JS File which you don't want to optimize
- Optimize Folder - This is the folder where optimized css/js files are stored
- Optimize HTML - Allow to optimize all the HTML Files which are used in your webite
- 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(for Yt Framework) and SJ Core plugin. Yt Plugin supports Yt Framework for adding extra parameters to use for Mega Menu and compressing CSS/ JS or HTML. SJ Core is using for resizing images in Content Component and extensions of SmartAddons.
3.1 INSTALLATION
- STEP 1: In Administrator page on Joomla! v2.5.x, go to Extensions -> Extension Manager
On this page, click on Choose File button, choose the plugins and then click Upload & Install
- STEP 2: Perform enable to SJ Core and Yt Plugin in Extension/Plug-in Manager
3.2 CONFIGURATION - YT Plugin(for Yt Framework)
Yt Plugin supports for Optimizing CSS/ JS/ HTML and Mega Menu. You can see part of optimizing CSS/JS/HTML in configuration of SJ Flower Store and supporting for Mega Menu in any Menu Items. Please see the following example:
SUPPORT OPTIMIZING CSS/ JS/ HTML AND MEGA MENU
After installing Yt Plugin, please to go Extension/Plug-in Manager and then go to config Yt Plugin as below:
In configuration of Yt Plugin, we support for showing SJ Help with Report Bugs, Template Tutorials, Framework Tutorials
4. Extensions - Installation and Configuration
4.1 INSTALLATION
4.1.1 List of extensions used in SJ Flower Store demo
You can find a list of modules/plugins/components which are used in SJ Flower Store by clicking on Features Menu - Extensions
4.1.2 Installation
- In Administrator page on Joomla! v2.5.x, go to Extensions -> Extension Manager
On this page, click on Choose File button, choose an extension and then click Upload & Install
- Install all of the rest extensions as above
4.2 CONFIGURATION
After installing extensions which are included in the SJ Flower Store template, please to go Extensions/Module (Plug-in) Manager and then choose the module/plug-in. The following example is Module Manager:
4.2.1 Mega Menu - Features
Menu Item Type
Menu Item Type: Text Separator
4.2.2 Mega Menu - Joomla
Menu Item Type
Menu Item Type: Text Separator
4.2.3 Mega Menu - Virtuemart
Menu Item Type
Menu Item Type: Text Separator
4.2.4 SJ MiniCart Pro Module
Module Position - Module Suffix
Position: menu_cart
Suffix: Not Used
Frontend - Backend
FRONTEND - SJ MINICART PRO MODULE
4.2.5 Module Login
Module Position - Module Suffix
Position: header2
Suffix: Not Used
4.2.6 SJ Virtuemart Slick Slider Module
Module Position - Module Suffix
Position: slide_show
Suffix: Not Used
Frontend - Backend
FRONTEND - SJ VM SLICK SLIDER
4.2.7 SJ Virtuemart Slider Module
Module Position - Module Suffix
Position: main_top
Suffix: Not Used
Frontend - Backend
FRONTEND - SJ VIRTUEMART SLIDER
4.2.8 Showing Virtuemart Component
Frontend - Backend
FRONTEND - VIRTUEMART COMPONENT
4.2.9 SJ Module Tabs Module
Module Position - Module Suffix
Position: main_bottom
Suffix: Not Used
Frontend - Backend
FRONTEND - SJ MODULE TABS
BACKEND - SALE PRODUCTS - SJ VM EXTRA SLIDER MODULE
4.2.10 Module Virtuemart Category
Module Position - Module Suffix
Position: right_top
Suffix: _menu
Frontend - Backend
FRONTEND - MODULE VIRTUEMART CATEGORY
BACKEND - MODULE VIRTUEMART CATEGORY
4.2.11 Module Search
Module Position - Module Suffix
Position: right_top
Suffix: bg-color
4.2.12 Module Banner
Module Position - Module Suffix
Position: right_top
Suffix: _menu banner
4.2.13 SJ Basic News Module
Module Position - Module Suffix
Position: right_top
Suffix: _menu
4.2.14 Module Who's Online
Module Position - Module Suffix
Position: right_bottom
Suffix: border2
4.2.15 Module Custom HTML - Follow Us
Module Position - Module Suffix
Position: right_bottom
Suffix: _menu
4.2.16 Module Custom HTML - Accept Payment
Module Position - Module Suffix
Position: user3
Suffix: Not Used
Frontend - Backend
FRONTEND - ACCEPT PAYMENT
4.2.17 Module Custom HTML - Newsletter
Module Position - Module Suffix
Position: user10
Suffix: newsletter
Frontend - Backend
FRONTEND - NEWSLETTER
BACKEND - SIGN UP FOR OUR NEWSLETTER
4.2.18 Module Menu
Module Position - Module Suffix
Position: user11, user12, user13
Suffix: Not Used
First of all, make sure you always download the newest version of template
REQUIREMENTS
- Joomla! v2.5.x latest stable version is highly recommended.
- Virtuemart v2.0.8 latest stable versions are highly recommended.
If you want to install the template that like as our demo (the same data), you should install the Quickstart Package. In the following 4-part guideline, we will help you install SJ Flower Store and all extensions included in this template step by step by yourself.
- 1. Download Template and Extensions
- 2. SJ Flower Store Template - Installation and Configuration
- 3. Imperative Plugins - Installation and Configuration
- 4. Extensions - Installation and Configuration
1. Download Template and Extensions
1.1 Using for membership of JTC - Joomla Template Club
STEP 1: LOGIN YOUR ACCOUNT
STEP 2: GO TO MEMBER AREA - DOWNLOAD PAGE
STEP 3: GO TO LIST PRODUCTS - DOWNLOAD
STEP 4: DOWNLOAD PACKAGES OF PRODUCT
1.2 Using for single product
DOWNLOAD PACKAGES IN THE EMAIL
2. SJ Flower Store Template -Installation and Configuration
2.1 INSTALLATION
- In Administrator page on Joomla! v2.5.x, go to Extensions -> Extension Manager
On this page, click on Choose File button, choose our template and then click Upload & Install
- Set SJ Flower Store Template as default template
2.2 CONFIGURATION
The parameters of SJ Flower Store Template are divided into the following areas:
- Global Settings
- MainBody Columns Settings
- Layout Settings
- Style Settings
- Top Menu Settings
- Content Component
- Advanced Options
GLOBAL SETTINGS
- Generator tag - Generate tag for your template
- Template Width Type - Choose width type of your template
- Template Width - Change width of template here
- Hide Main content block - Allow to hide content component for home page
- Direction - Choose RTL/LTR Language
- Logo Type - Choose your logo types: image or text type
- Logo Text - For Text Type
- Slogan - Change your slogan here
MAINBODY COLUMN SETTINGS
- Main body width type - Choose width type: pixel/percentage
- Main width - Change width of main body
- Left/Right Width - Change width of Left/Right column
LAYOUT SETTINGS
- Default Mode View - We support Mobile View and Window View for your site.
- Window layout - When a guest views your website on computer, this layout is used. You can choose the following options for your window layout
- Full
- Main - left - right
- Left - Right - Main
- Main - Left - Right
- Main - right
- Left - main
- Mobile Layout - When a guest uses a mobile to view, this layout is used as default
- Iphone layout - When a guest views the site on Iphone, this layout is used
- Android layout - When a guest views the site on Android System, this layout is used
- Handheld layout - When a guest views the site on a Handheld, this layout is used
- Overwrite Window Layout - This parameter will be used for window mode. When you want to use another layout for a menu, you can use this one. Syntax:
- Id1:Layout_Name1 | Id1:Layout_Name2 | ...
With:
- Id1, Id2...: Id of Menu. You can see the Id column in Menu Item Manager page
- Layout_Name1, Layout_Name2...: The name of layout in templates/sj_flowerstore/layouts folder without tail .xml
STYLE SETTINGS
- Default Style - Choose a suitable style for your site. There're 7 different site styles
- Default Font Size - Set default size for your template here.
- Default Font-Family - Use this parameter to choose font-family for your site. The default font of this template is Arial.
- Google Font-Family - This parameter allows you to use a google font for some html tags which are in Affected Selectors
- Affected Selectors - Tags will be applied with google font.
TOP MENU SETTINGS
- Default Type Menu - Here is the list of menu module
- Mainmenu
- Topmenu
- Usermenu
- Othermenu
- Menu-link
- Keyconcepts
- Validate-menu
- Default Menu Style - We support four styles of Menu
- CSS Menu
- Moo Menu
- Mega Menu
- Droplinle Menu
- Keep Menu Bar on top - Allow to show/hide Menu Bar on top when scroll site
- Use JS for Dropline Menu - Choose to use JS effect for Dropline Menu or not
- Javascript Effect - JS Effect for Moo Menu, Mega Menu
- Duration Effect - Time to change effects
- Start Level - Level to start rendering the Menu at
- End Level - Level to end rendering the Menu at
CONTENT COMPONENT
- Apply for Blog View - Choose to apply for Blog view or not
- Apply for Frontpage view - Choose to apply for Frontpage view or not
- Leading Images Width - Change width of images of Leading Articles.
- Leading Images Height - Change height of images of Leading Articles.
- Intro Images Width - Change width of images of Intro Articles.
- Intro Images Height - Change height of images of Intro Articles.
- Thumbnail Background Color - Set color background for thumbnail image
- Thumbnail Mode - Set thumbnail mode
ADVANCED OPTIONS
- Show Cpanel - Allow you to show/ not to show Cpanel
- Override logo image - Change logo image of Cpanel by inserting path of image in code folder or live link of image here
- Enable jquery - Enable/disable jquery
- Include Lazyload Plugin - Enable/disable LazyLoad
- Optimize CSS/Merge File - Allow to optimize all the CSS/Merge Files which are used in your website
- Optimize CSS Exclude - Please insert name of CSS File which you don't want to optimize
- Optimize JS - Allow to optimize all the JS Files which are used in your website
- Optimize JS Exclude - Please insert name of JS File which you don't want to optimize
- Optimize Folder - This is the folder where optimized css/js files are stored
- Optimize HTML - Allow to optimize all the HTML Files which are used in your webite
- 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(for Yt Framework) and SJ Core plugin. Yt Plugin supports Yt Framework for adding extra parameters to use for Mega Menu and compressing CSS/ JS or HTML. SJ Core is using for resizing images in Content Component and extensions of SmartAddons.
3.1 INSTALLATION
- STEP 1: In Administrator page on Joomla! v2.5.x, go to Extensions -> Extension Manager
On this page, click on Choose File button, choose the plugins and then click Upload & Install
- STEP 2: Perform enable to SJ Core and Yt Plugin in Extension/Plug-in Manager
3.2 CONFIGURATION - YT Plugin(for Yt Framework)
Yt Plugin supports for Optimizing CSS/ JS/ HTML and Mega Menu. You can see part of optimizing CSS/JS/HTML in configuration of SJ Flower Store and supporting for Mega Menu in any Menu Items. Please see the following example:
SUPPORT OPTIMIZING CSS/ JS/ HTML AND MEGA MENU
After installing Yt Plugin, please to go Extension/Plug-in Manager and then go to config Yt Plugin as below:
In configuration of Yt Plugin, we support for showing SJ Help with Report Bugs, Template Tutorials, Framework Tutorials
4. Extensions - Installation and Configuration
4.1 INSTALLATION
4.1.1 List of extensions used in SJ Flower Store demo
You can find a list of modules/plugins/components which are used in SJ Flower Store by clicking on Features Menu - Extensions
4.1.2 Installation
- In Administrator page on Joomla! v2.5.x, go to Extensions -> Extension Manager
On this page, click on Choose File button, choose an extension and then click Upload & Install
- Install all of the rest extensions as above
4.2 CONFIGURATION
After installing extensions which are included in the SJ Flower Store template, please to go Extensions/Module (Plug-in) Manager and then choose the module/plug-in. The following example is Module Manager:
4.2.1 Mega Menu - Features
Menu Item Type
Menu Item Type: Text Separator
4.2.2 Mega Menu - Joomla
Menu Item Type
Menu Item Type: Text Separator
4.2.3 Mega Menu - Virtuemart
Menu Item Type
Menu Item Type: Text Separator
4.2.4 SJ MiniCart Pro Module
Module Position - Module Suffix
Position: menu_cart
Suffix: Not Used
Frontend - Backend
FRONTEND - SJ MINICART PRO MODULE
4.2.5 Module Login
Module Position - Module Suffix
Position: header2
Suffix: Not Used
4.2.6 SJ Virtuemart Slick Slider Module
Module Position - Module Suffix
Position: slide_show
Suffix: Not Used
Frontend - Backend
FRONTEND - SJ VM SLICK SLIDER
4.2.7 SJ Virtuemart Slider Module
Module Position - Module Suffix
Position: main_top
Suffix: Not Used
Frontend - Backend
FRONTEND - SJ VIRTUEMART SLIDER
4.2.8 Showing Virtuemart Component
Frontend - Backend
FRONTEND - VIRTUEMART COMPONENT
4.2.9 SJ Module Tabs Module
Module Position - Module Suffix
Position: main_bottom
Suffix: Not Used
Frontend - Backend
FRONTEND - SJ MODULE TABS
BACKEND - SALE PRODUCTS - SJ VM EXTRA SLIDER MODULE
4.2.10 Module Virtuemart Category
Module Position - Module Suffix
Position: right_top
Suffix: _menu
Frontend - Backend
FRONTEND - MODULE VIRTUEMART CATEGORY
BACKEND - MODULE VIRTUEMART CATEGORY
4.2.11 Module Search
Module Position - Module Suffix
Position: right_top
Suffix: bg-color
4.2.12 Module Banner
Module Position - Module Suffix
Position: right_top
Suffix: _menu banner
4.2.13 SJ Basic News Module
Module Position - Module Suffix
Position: right_top
Suffix: _menu
4.2.14 Module Who's Online
Module Position - Module Suffix
Position: right_bottom
Suffix: border2
4.2.15 Module Custom HTML - Follow Us
Module Position - Module Suffix
Position: right_bottom
Suffix: _menu
4.2.16 Module Custom HTML - Accept Payment
Module Position - Module Suffix
Position: user3
Suffix: Not Used
Frontend - Backend
FRONTEND - ACCEPT PAYMENT
4.2.17 Module Custom HTML - Newsletter
Module Position - Module Suffix
Position: user10
Suffix: newsletter
Frontend - Backend
FRONTEND - NEWSLETTER
BACKEND - SIGN UP FOR OUR NEWSLETTER
4.2.18 Module Menu
Module Position - Module Suffix
Position: user11, user12, user13
Suffix: Not Used
Last modified on 14
