Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
You are here: HomeJoomla TemplatesTemplate User-GuidesSJ Flower Store Template Userguide

SJ Flower Store Template Userguide

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
alt

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
alt

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
alt

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
alt

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.
alt

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
alt

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
    • Fill
    • Fit
    • Stretch
    • Center
alt

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:
  • GO TO CONFIG PLUGIN
  • In configuration of Yt Plugin, we support for showing SJ Help with Report Bugs, Template Tutorials, Framework Tutorials
  • SHOWING SJ HELP

    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
  • Frontend - Backend
  • FRONTEND - FEATURES
    BACKEND - FEATURES
    BACKEND - TREE OF MEGA ITEMS

    4.2.2 Mega Menu - Joomla

  • Menu Item Type
  • Menu Item Type: Text Separator
  • Frontend - Backend
  • FRONTEND - JOOMLA
    BACKEND - JOOMLA
    BACKEND - TREE OF MEGA JOOMLA
    BACKEND - COLUMN 1
    BACKEND - COLUMN 2

    4.2.3 Mega Menu - Virtuemart

  • Menu Item Type
  • Menu Item Type: Text Separator
  • Frontend - Backend
  • FRONTEND - VIRTUEMART
    BACKEND - VIRTUEMART
    BACKEND - TREE OF MEGA VIRTUEMART
    BACKEND - COLUMN 1
    BACKEND - COLUMN 2

    4.2.4 SJ MiniCart Pro Module

  • Module Position - Module Suffix
  • Position: menu_cart
    Suffix: Not Used
  • Frontend - Backend
  • FRONTEND - SJ MINICART PRO MODULE
    BACKEND - SJ MINICART PRO MODULE

    4.2.5 Module Login

  • Module Position - Module Suffix
  • Position: header2
    Suffix: Not Used
  • Frontend - Backend
  • FRONTEND - MODULE LOGIN
    BACKEND - MODULE LOGIN

    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
    BACKEND - 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
    BACKEND - SJ VIRTUEMART SLIDER

    4.2.8 Showing Virtuemart Component

  • Frontend - Backend
  • FRONTEND - VIRTUEMART COMPONENT
    BACKEND - 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 - 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
  • Frontend - Backend
  • FRONTEND - MODULE SEARCH
    BACKEND - MODULE SEARCH

    4.2.12 Module Banner

  • Module Position - Module Suffix
  • Position: right_top
    Suffix: _menu banner
  • Frontend - Backend
  • FRONTEND - MODULE BANNER
    BACKEND - MODULE BANNER

    4.2.13 SJ Basic News Module

  • Module Position - Module Suffix
  • Position: right_top
    Suffix: _menu
  • Frontend - Backend
  • FRONTEND - SJ BASIC NEWS
    BACKEND - SJ BASIC NEWS

    4.2.14 Module Who's Online

  • Module Position - Module Suffix
  • Position: right_bottom
    Suffix: border2
  • Frontend - Backend
  • FRONTEND - WHO'S ONLINE
    BACKEND - WHO'S ONLINE

    4.2.15 Module Custom HTML - Follow Us

  • Module Position - Module Suffix
  • Position: right_bottom
    Suffix: _menu
  • Frontend - Backend
  • FRONTEND - FOLLOW US
    BACKEND - FOLLOW US

    4.2.16 Module Custom HTML - Accept Payment

  • Module Position - Module Suffix
  • Position: user3
    Suffix: Not Used
  • Frontend - Backend
  • FRONTEND - ACCEPT PAYMENT
    BACKEND - 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
    BACKEND - OPENING TIME

    4.2.18 Module Menu

  • Module Position - Module Suffix
  • Position: user11, user12, user13
    Suffix: Not Used
  • Frontend - Backend
  • FRONTEND - MODULE MENU
    BACKEND - MODULE MENU

    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