Buy One OpenCart Theme, Download One for Free!
0
Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
You are here: HomeJoomla TemplatesTemplate User-GuidesSJ Snap Template User Guide

SJ Snap Template User Guide

Contents

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

Important Notes

Requirement:
  • Compatible with Joomla! 2.5.x Or Joomla! 3.x
  • Compatible Listbingo version 2.0.2 (free version) Or Listbingo version 3.0 (Commercial vesion).
  • Installation Packages include:
    • Quickstart Package
    • Template package only
    • Extensions package from our store
    • Extensions packge from 3rd Parties (if have)

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 Snap to download

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

1.2  Download 3rd Party Extensions

This template supports Listbingo 2.0.2 or higher version.

In our demo, we used Listbingo 2.0.2. This component is only included in the Quickstart package, if you want to install theme and extensions separately, you need to download them:

  • Listbingo 2.0.2 ( free version), you need to login before downloading: Click here
  • Listbingo 3.0 version (Commercial): Click here

2. SJ Snap -Installation and Configuration

There are two ways to install a Joomla Template:

  • Install quickstart: By using this package, you will set the template exactly as our Demo with sample data. Please note that you must buy Listbingo 3.0 version Component (Commercial component)when you install the quickstart package for Joomla 3.x version.
  • Install Template and Extensions: This is applied when you have already installed a Joomla instance on your server. You will need only be using the zipped files in "Extensions" and "Template" folders mentioned above.

2.1 Install with Quickstart Package and Listbingo 3.0 version Component

2.1.1 Install with Quickstart Package

Step 1 Upload folder quickstart:

If you are using SSH, simply upload your zip file (via FTP) and then 'unzip' the file. If you are using FTP, unzip the file on your computer and then upload those files as bellow. Though some webhosts have a different structure, in MOST cases, the folder that is used for uploading will be called "public_html." This will take a while to upload all those files and folders. Please keep your patience.

Step 2 Start installation procedure:

After uploading is completed, open the browser and type your URL in the address bar. The first screen will appear as follow

Main Configuration:

Select Language and Enter the required information of your site: sitename, email, admin username and password

Step 3 Database Configuration: You will need to fill-up database name, username and password in here.

Step 4: Install Sample Data

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

Step 5: Remove Installation folder:

2.1.2 Install with Listbingo 3.0 version Component

Step 1 After installing the quickstart package, In the Administrator page, please go to Extensions >> Extension Manager >> Browse the component package that you have downloaded and installed.

Step 2 Precheck: Click the next button to process

Step 3 Prepare & Extract: Click the next button to process

Step 4 Installation - Packages: Click the next button to process

Step 5 Installation - Update Database: Click the next button to process

Step 6 Finalize & Finish: Please click "Install Sample Data for Listbingo", you will be got a new website as our demo.

2.2 Installation with Template Package

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



  • Set SJ Snap as default template (go to Extension -> Template Manager):
  • After installing this template, please install Listbingo Component 2.0.2 or higher version

2.3 Configuration

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

OVERVIEW

SJ Snap

GENERAL

SJ Snap

LAYOUT

SJ Snap

MENU

SJ Snap

THEME

SJ Snap

TYPOGRAPHY

SJ Snap

CONTENT COMPONENT

SJ Snap

ADVANCED

SJ Snap

3. Imperative Plugins-Installation and Configuration

You need to install: Yt Framework PluginSJ Content Related News and Yt Shortcode. You can find all of them in sj_snap_extensions_j25_v1.0.0 package
  • Yt Framework Plugin supports to add extra parameters used with Mega Menu and to compress CSS/JS/HTML when optimizing code. For more info, please go here
  • While that, YT shortcodes supports users to make content for web pages. In Joomla administrator, Yt Shortcodes button will be appeared below the text-area, you can choose shortcodes for the text-area to make content.
  • Lastly, SJ Content Related News is used for showing other related articles in the same category. For more info, please go here

3.1 Installation

  • Now you install Yt Framework Plugin, SJ Content Related News, Yt Shortcode and SJ Responsive Listing Ajax for JoomShopping in turn
  • STEP 1: In Administrator on Joomla! v2.5.x, 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



  • STEP 2: Now, go to Enable  Yt Framework Plugin,Yt Shortcode, SJ Responsive Listing Ajax for JoomShopping and SJ Content Related News in Extension -> Plug-in Manager

3.2 Configuration of Yt Framework Plugin

  • After installing Yt Framework, go to Extension -> Plug-in Manager and choose to configure Yt 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

3.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:
  • SHORTCODES

  • After that, whenever there is text area then click Shortcodes button, Shortcodes are available for you to be used!

3.4. SJ Content Related News

  • In Administrator of Joomla!, go to Plugin Manager -> Make sure SJ Content Related News is enabled. This is SJ Content Related News configuration bellow:

SJ Content Related News

4. Install with Extensions package - Configuration

After creating data, you can install and configure extensions to have a Website as like as our pre-made demo.

4.1 Install

4.1.1 List of extensions used in SJ Snap demo

You can find a list of modules/plugins/components which are used in SJ Snap by clicking menu Explore -> 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 Snap 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:

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 - Backend
  • FRONTEND
    BACKEND - YT MENU PARAMS
    BACKEND - TREE OF MENUS

    4.2.2 Mega Menu - ListBingo

  • Menu Item Type
  • Menu Item Type: com_listbingo
  • Frontend - Backend
  • FRONTEND
    BACKEND - YT MENU PARAMS
    BACKEND - TREE OF MENUS

    4.2.3 Custom HTLM

    There are several positions that use Custom HTML module. There are: top2, bottom2, bottom3, bottom4, bottom5, bottom6, bottom7, bottom8, bottom9, bottom10

    Here we will configure an example. Let take "Snap about" at position bottom2, others will be the same.

  • Module Position - Module Suffix
  • Position: bottom2
    Suffix: clear
  • Frontend - Backend
  • FRONTEND - Snap About
    BACK END
    CUSTOM CODE: Top Menu
    Overview of our services
     
     <a class="hover-effect" href="#">
     <img src="/images/demo/services-1.png" border="0" alt="alt" />
    
    
     <em class="icon-link"></em>
    
     </a>
     
     
    <ul class="list-angle">
    
    <li><a href="#">Development History</a></li>
    
    <li><a href="#">Policy to customers</a></li>
    
    <li><a href="#">Policy for suppliers</a></li>
    
    <li><a href="#">The service you can get</a></li>
    
    <li><a href="#">Askville</a></li>
     
    </ul>
    

    4.2.4 Listbingo Search

    Note: Listbingo version 3.0 contains Listbingo Search Module when you install

  • Module Position - Module Suffix
  • Position: top1
    Suffix: lbsearch
  • Frontend - Backend
  • FRONTEND - Listbingo Search
    BACK END

    4.2.5 Post Buy

  • Module Position - Module Suffix
  • Position: top2
    Suffix: clear
  • Frontend - Backend
  • FRONTEND - Post Buy
    BACK END
    CUSTOM CODE: Post Buy
     <p><a class="bt-big" href="/component/listbingo/?view=post"> Post Buying Request </a></p> 

    4.2.6 SJ Module Tabs Module

    There are 2 positions that use SJ Module Tabs module.
  • Module Position - Module Suffix
  • 1- Position/Suffix: maintop1/clear
    2- Position/Suffix: right/clear
  • Frontend - Backend
  • FRONTEND - maintop1
    BACKEND - Sj Tab - Maintop
    FRONTEND - right
    BACKEND - Sj Tab - Right

    4.2.7 SJ Article Slider

  • Module Position - Module Suffix
  • Position: bottom1
    Suffix: bgcontent1
  • Frontend - Backend
  • FRONTEND - Our Brands
    BACK END

    4.2.8 SJ Categories Slider for Listbingo

  • Module Position - Module Suffix
  • Position: bottom1
    Suffix: clear
  • Frontend (demo layout above) - Backend
  • FRONTEND - Sj Categories Slider
    BACK END

    4.2.9 SJ News Extra Slider Module

  • Module Position - Module Suffix
  • Position: right
    Suffix: blank
  • Frontend - Backend
  • FRONTEND -Hot News
    BACK END

    4.2.10 SJ Facebook

  • Module Position - Module Suffix
  • Position: right
    Suffix: blank
  • Frontend - Backend
  • 4.2.11.  Listbingo Tag Cloud

  • Module Position - Module Suffix
  • Position: right
    Suffix: blank
  • Frontend - Backend
  • FRONTEND - Listbingo Tags
    BACK END
    That's homepage. For other advanced and customized configurations, please submit ticket OR purchase our installation service.

    Love all our templates?

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

    Join Now
    Magento Themes Magento Extensions Free Magento Extensions Prestashop Themes Prestashop Modules Magento 2 Themes