JA SmashBoard

JA Smashboard is a perfect match for your product showcase/portfolio, entertainment and personal blog

Introduction

Responsive entertainment template for Joomla! 2.5 & Joomla 3. JA Smashboard brings you a whole new fresh template suitable for any entertainment sites, from music to television industry.

Articles are presented in a slider supporting infinite scroll for a flawless flow. Vertical left side menu, cosy and modern background, fully responsive, all make JA Smashboard stand out.

Built upon the latest version of T3 Framework, this template works well on any webs enabled device and mobile browser. JA Smashboard also supports K2 component for various content types.

Note: JA Smashboard now supports RTL language.

1. Main Features

  • T3 Framework latest version
  • Integrated Bootstrap
  • Fully responsive
  • K2 Component Support
  • Off-Canvas menu for Mobile
  • Fully compatible with Joomla! 2.5 & Joomla 3
  • Does not support Mega Menu
  • Does not support multi themes

2. JA Extensions Supported

  • JA Bookmark plugin
  • JA Disqus Debate Echo plugin

3. Third Party Extensions Supported

  • K2 Component
  • Acymailing Component

4. Layout and Module Positions

Please check the image below to know the structure, layout, module positions of JA Smashboard.

System requirement

JA Smashboard is compatible with Joomla 3 and Joomla 2.5. Please make sure your system meets the following requirements:

Joomla 3 System requirement

Software

  • Software: PHP (Magic Quotes GPC off): 5.3.1 + (5.4+ recommended)

Databases

  • MySQL(InnoDB support required): 5.1+
  • MSSQL 10.50.1600.1+
  • PostgreSQL 8.3.18+

Web Severs

  • Apache 2.x+
  • Microsoft IIS 7
  • Nginx 1.0 (1.1 recommended)

Joomla 2.5+ system requirement

Software

  • Software: PHP 5.2.4+ (5.4+ recommended)
  • MySQL: 5.0.4+

Web Sever

  • Apache: 2.x+
  • Microsoft: IIS 7
  • Nginx: 1.0 (1.1 recommended)

Browser requirement

The requirements are the same with both Joomla 2.5 and Joomla 3

  • Firefox 4+
  • IE (Internet Explorer) 8+
  • Google Chrome 10+
  • Opera 10+
  • Safari 5+

Development Environment

The requirements are the same with both Joomla 2.5 and Joomla 3

During development process, Localhost is preferred. You can use the following servers on your PC to develop your site.

Windows

  • WAMPSEVER
  • XAMPP for Windows

Linux

  • LAMP Bubdle
  • XAMPP for Linux

Mac OS

  • MAMP & MAMP Pro
  • XAMPP for Mac OS

Download & Installation

1. Plan your site Development

  • Making a New Site? - If you are planning to make a new site, use our Quickstart package to clone the demo site and replace the demo content with yours. Check How to install Quickstart Package.
  • Installing on your live site? - If you are planning to use this template on your existing live-site, read How to make your site look like demo site guide first to learn about the steps involved. Then you can follow the userguide below.

2. Download Template and Extensions

Browse and Download: Go to the Download page of JA Smashboard and download the Template zip file.

3. Install Template

Install the Template: Now install the Template on your Joomla 2.5 & Joomla 3.x system. Follow This Guide if you are not familiar with the installation procedure.

4. Install Extensions

JA Smashboard template will install with Settings used on the demo website, so you can postpone the configuration until you complete the setup (install other plugins used in the demo website).

If you are new to Joomla installation procedure, please check the following documentation.

View Detail Documentation
Note:
Custom HTML Module: To match the design of the template, we also style (CSS) for Custom HTML modules using different div classes. You will need to check the HTML codes and make sure to use the recommended HTML markup to get correct display. We provide the HTML code in this user-guide.

Extensions Configuration

1. Error Menu Module

This module is to display ERROR page. Please follow our instructions below:

Step 1: Create Error menu items

Go to: Administrator >> Menus >> Menu Manager >> Add New Menu: Error Menu. Then go to: Administrator >> Menus >> Error Menu>> Add New Menu Item Type

Note: Other modules have the same settings with the 2 listed modules above.

Step 2: Create new Menu module

Go to Administrator >> Module Manager >> Add new Menu Module

Module type :  Menu
Module position : error-menu
Module Suffix :  NOT USED

2. AcyMailing Module

Module type :  mod_acymailing
Module position : followus
Module Suffix :  NOT USED

3. Search Module 

Module type :  Search
Module position: head-search
Module Suffix :  NOT USED

4. Login Module 

Module type : Login
Module positon : login
Module Suffix : NOT USED

5. Footer Module 

Module type :  Footer
Module positon: sidebar-1
Module Suffix :  NOT USED

6. JA Bookmark Plugin

View Detail Documentation

7. JA Disqus Debate Echo Plugin

View Detail Documentation

Custom HTML Modules

1. Follow us

Module position : followus
Module Suffix :   social

<ul class="social-list clearfix">
<li class="twitter"><a href="#" title="Twitter"><span class="icon-twitter"> </span>Twitter</a></li>
<li class="google"><a href="#" title="Google"><span class="icon-google-plus"> </span> Google</a></li>
<li class="facebook"><a href="#" title="Facebook"><span class="icon-facebook"> </span>Facebook</a></li>
<li class="printeres"><a href="#" title="Printeres"><span class="icon-pinterest"> </span>Printeres</a></li>
</ul>

2. Keyboard

Keyboard Module functionality allows you to Next / Preview (article/category) or back to first article easily.

Module position : footer
Module Suffix : NOT USED

<div class="ja-keyboard-btns clearfix"> </div>

3. Helps

Module position : sidebar-1
Module Suffix :   NOT USED

<table class="symbols-list">
<tbody>
<tr>
<td><span class="symbol">?</span><span>Prev article</span></td>
<td><span class="symbol">?</span><span>Prev Category</span></td>
</tr>
<tr>
<td><span class="symbol">?</span><span>Next article</span></td>
<td><span class="symbol">?</span><span>Next Category</span></td>
</tr>
<tr>
<td><span class="symbol">Home</span><span>Back to first article</span></td>
<td><span class="symbol">F</span><span>Search / Find</span></td>
</tr>
<tr>
<td><span class="symbol">Enter</span><span>Go to item link</span></td>
<td><span class="symbol">S</span><span>Share / Social</span></td>
</tr>
<tr>
<td><span class="symbol">ESC</span><span>Close popup</span></td>

<td><span class="symbol">U</span><span>Login Form</span></td>

</tr>
<tr>
<td><span class="symbol">I</span><span>Info (left column)</span></td>
<td><span class="symbol">Z</span><span>Zoom</span></td>
</tr>
</tbody>
</table>

4. About Us module

Module position : sidebar-1
Module Suffix :   NOT USED

<p class="about"><img src="/images/joomlart/demo/about.jpg" border="0" alt="Sample Image" />Lorem ipsum dolor sit amet consectetuer ipsum consequat consectetuer laoreet eros. Rhoncus mollis hendrerit quis nunc Vivamus sit hendrerit Nulla dui est. Risus neque sagittis Vestibulum ut felis pretium nibh Sed Phasellus lorem. Accumsan ligula Fusce eros magna tempus nisl elit laoreet congue adipiscing.</p>

K2 Configuration

1. Installation

If you are new to K2 Component, please follow THIS GUIDE to know more about the component, how to install, how to use.

2. Configuring K2 component

We provide a template for K2: ja_smashboard. Assign categories for the template to use the template in your site. In our demo site, the template: ja_smashboard is assigned to all categories except from Smashboard category.

2.1 Global Configuration: (click Parameter button on the top right side).

Back-end Setting

2.2 Category Configuration:

To build your website like our demo, navigate to Administrator >> Components >> K2 >> Categories

  • K2 Categories in Demo site
  • Assign Template and Layout Grid settings

Back-end settings for each category

Note: other categories are inherited from category Flowers settings.

3. Configurations for K2 Modules

We don't show any K2 modules on Front-end but we have style for it, so you can enable it to use as normal.

Template Customization

1. Template Override

In summary, to override template, you clone a style then edit as you wish. After all, assign the cloned style to specific menus. The assigned menus will override the same menus in the default style.

Each style can be configured to use a theme, layout so in one website, you can have menus with different themes, layouts.

2. General

In the General settings panel, you can see the default settings of T3 Framework and extended settings for JA Smashboard only: Pop-up View and Quick Search.

Front-end Appearance when the 2 extended settings are enabled.

  • Pop-up View

    • This option allows you to enable/disable pop-up view when clicking on article.

  • Quick search

    • This option allows search content via AJAX or not.

3. Themes Setting

JA Smashboard does not support multi themes, it has only one theme: Default theme.

4. Layout Setting

JA SmashBoard supports 2 layouts: default and component.

The following video tutorials will show you how to work with Layouts: Configure and Customize

Layout Configuration

T3 comes with ease of layout customization. The visual layout configuration is easier than ever before.

Layout Customization

The video tutorial guides you on how to customize the layouts, add new layout, and customize blocks in a layout.

Recommendation

The above userguide should help one in replicating the Demo site settings for the template and extension on their site.

Recommended :

If you are new or are confused. We recommend installing Quickstart on your localhost and use it as reference for configs. This is the best way to work with any template. Links to all the resources are provided above, you should carefully read them to take the maximum advantage of our products.

Support :

Please raise your support queries in the forum and make sure you follow the support guidelines. We spend more time in getting the information from user in case the support guidelines are not followed.