All JoomlaShine templates are equipped with native RTL layout support. We spent huge amount of time tweaking every tiny details of the template to make it look absolutely awesome in RTL mode. Everything is horizontally-flipped including dropdown main menu and side menu.

(Select any menu item to get back to normal layout)

All JoomlaShine templates can be effortlessly configured by template parameters. In template setting page, you will find 40+ template parameters arranged into logical groups for convenient operation.

Set parameters without confusion

Most parameters are designed that way that you can simply select options without confusion about what value to define. All parameters are equipped with description text for easier understanding.

Parameters to control layout dimensions

Parameters to control colors & styles

Parameters to control mobile settings

In our templates all wordings of both back-end and front-end are moved to separated language files, so you can easily translate them into any language you want.

Currently our templates support more then 10 languages and more to be come in future.

All JoomlaShine.com templates have special built-in design optimized for modern mobile devices iPhone, Android and Windows Mobile-based. The responsive design is applied for both Joomla 2.5 and 3.0 versions, and for Pro Edition only.

Unlike other template providers, we do not develop something that looks like a mobile app with heavy menu and animation. We built compact and lightweight version of the template preserving the whole original look-and-feel.

Mobile layout overview on Iphone

As default, all modules will be displayed on both desktop and mobile. To display a module on only desktop or on only mobile, you can add Module Class Suffix parameter as following:

• Display a module on only desktop: display-desktop
• Display a module on only mobile: display-mobile

Mobile layout overview on Ipad

Mobile layout overview on Ipad

Optimized HTML overrides for mobile

We optimized HTML overrides for all default Joomla! extensions to make them looks neat in mobile edition. The work is mainly focused on rearrangement content from columns to rows.

Optimized menu for mobile

For mobile edition, we have built very simple, yet effective menu system, where all children menu items are presented as tree in collapsible panel. This menu system utilizes only little Javascript (MooTool) for expanding/collapsing submenu panels and is very fast and lightweight.

Mobile Menu with icons and rich text

The responsive feature is enabled on live demo. You can check this by resizing the demo to the desired size and see how it presents on mobile devices.

JSN Nuru is natively compatible with both Joomla! 2.5 and Joomla! 3.x. The installation package is compatible with both Joomla CMS.

In Customer Area, you can choose to download appropriate installation file for the Joomla! version you are using.

This product is shipped with component, module and content plugin, so you can place it anywhere on every website.

On this page you can see how JSN ImageShow is presented as module on top and as plugin in article content. With it, you get smooth experience and consistent performance in all browsers. The JSN ImageShow also support mobile devices normally with JS/HTML version switched automatically when you visit the website.

Currently, JSN ImageShow comes with 6 themes: Theme Classic, Theme Slider, Theme Grid, Theme Carousel, Theme Strip and Theme Flow. More themes will be released in the future.

JSN ImageShow with Theme Classic

JSN ImageShow with Theme Slider

JSN ImageShow with Theme Grid

JSN ImageShow with Theme Carousel

JSN ImageShow with Theme Strip Vertical

JSN ImageShow with Theme Strip Horizontal

JSN ImageShow with Theme Flow

Mobile optimized

For mobile device, we have built special lightweight Javascript version, so you can be absolutely sure about images presentation.

Mobile optimized presentation (screenshot made by iPhone)

One of hottest features in JSN Nuru is extended styles adapted for 5 most popular Joomla! extension: K2, Community Builder, Virtue Mart, JEvents and JoomGallery.

Technically extended styles are overrides of default extensions style (images + CSS) and located in folder /ext inside template folder. Some extensions have their own template system and you might want to turn off extended style thru template parameter in order to use those native templates.

The extensions discussed here are not included in the template package and you have to download separately. You can download the extensions on Joomla! Extensions Directory http://extensions.joomla.org/

K2

Extended style for K2 includes adapted tabs color, additional module styles, fixed alignment issues and some other minor visual enhancement.

Component styling

Here is how K2 component will look like after extended styles applied.

Module styling

Besides from extended component styling you can use template module styles for K2 modules as well.

Community Builder

Extended style for Community Builder includes adapted dropdown menu style, tabs color, additional module styles and some other minor visual enhancement.

Component styling

Here is how Community Builder component will look like after extended styles applied.

Adapted drop-menu style and tabs color on CB Profile page

Module styling

Besides from extended component styling you can use template module styles for Community Builder modules as well.

In the example above:

• CB Login Module (mod_cblogin) with module style box-yellow jsn-icon-user applied
• CB Online Module (mod_comprofilerOnline) with module style box-blue jsn-icon-online applied
• CB Workflows (mod_comprofilermoderator) with module style box-grey jsn-icon-selection applied

Virtue Mart

Extended style for Virtue Mart includes adapted Add to Cart button, additional module styles, fixed alignment issues, redesigned checkout-steps icons and some other minor visual enhancement.

Component Styling

Fixed alignment issues on Product Details page

Module styling

Besides from extended component styling you can use template module styles for Virtue Mart modules as well.

• VirtueMart Module (mod_virtuemart) with module style box-blue jsn-icon-cart applied.

JEvents

Extended style for JEvents includes redesigned calendar navigation icons and calendar table, adapted table header color, additional module styles, fixed alignment issues and some other minor visual enhancement.

Component Styling

Totally redesigned calendar navigation icons

Adapted calendar table header color

Adapted table header color on Event List page

Module styling

Besides from extended component styling you can use template module styles for JEvents modules as well.

In the example above:

• Events Calendar Module (mod_jevents_cal) with module style box-blue jsn-icon-calendar applied.
• Latest Events Module (mod_jevents_latest) with module style box-green jsn-icon-star applied.
• JEvents Legend Module (mod_jevents_legend) with module style box-grey jsn-icon-info applied.

JoomGallery

Extended style for JoomGallery includes redesigned navigation icons, fixed alignment issues, additional module styles and some other minor visual enhancement.

Component Styling

Totally redesigned navigation bar and information panel

Fixed alignment issues

Module styling

Besides from extended component styling you can use template module styles for JoomGallery modules as well.

One of the fastest and easiest ways to learn template is to install sample data and start playing with it. JSN Nuru provides unique mechanism of installing sample data directly on your current website. Just few steps and the demo website is here.

Step 1. Setup sample data

Go to template settings page and click button "Get started".

There are 2 options for you to choose: Install sample data directly on your site or download the quickstart package and use it as standard Joomla site.

The installation process would start instantly and you would get the website in less than a minute.

Step 2. Read template documentation and start playing

Done! Just 2 simple steps and you have sample data installed.

Now it's time to read documentation and play with the template. You can download documentation package for free.

• Download documentation package.

Documentation

JSN Nuru is equipped with very comprehensive documentation package that will help you with template utilization.

• Configuration Manual

  This PDF document gives you detailed description of every template feature. You can print and use this document as a reference every time you want to configure your template. You also can watch our play list JoomlaShine Template Configuration.

• Customization Manual

  This PDF document gives you easy-to-understand instruction how to customize template elements to make it suites you or your client. You also can watch our playlist JoomlaShine Template Customization.

Download documentation

Support

When purchasing our products you are backed up with professional and timely support providing via:

• Support Forum

  In the support forum we provide support for everyone who bought the PRO Edition of our products. Here you will get support from our support team as well as thousands of active members.

• Dedicated Ticket Support

  Dedicated Ticket Support is for developers who bought PRO UNLIMITED Edition of our products. With ticket support we can investigate the issue in-depth and provide a solution much faster. 12-hour response time is guaranteed.

  One more great benefit is that we provide support for all questions related not only to the product, but also to your Joomla! configuration.

At JoomlaShine.com, we put great efforts in optimizing our templates performance by multiple techniques like image sprites application, clean html code output and now one new step – CSS/JS Compression.

What it does is to combine all CSS/JS files into a single file and deliver it in GZIP compressed state to browser. This feature significantly reduce http request number to server as well as overall loading size, which results in 35% performance boost.

Before enabling CSS/JS compression

After enabling CSS/JS compression

CSS/JS Compression feature is enabled on this demo website. You can check the source code to see how it works.

Custom CSS File(s)

This feature allows you to load multiple custom CSS files among with template default files. This feature is very useful, when you have special dedicated CSS file for content styling.

Custom CSS files are loaded among with other template CSS files

Just put custom CSS files to template's CSS folder and define them in template parameter Custom CSS File(s) each file name at a line. If you enable CSS/JS Compression feature, all custom CSS files will be compressed as well.

JSN Nuru was developed with extreme focus on typography and we believe it provides the most comprehensive content presentation capability. Headings, text, links, tables, images, everything was designed with high level of refinement. Let's take a look.

Headings

Text columns

You can arrange content in multiple columns by using very simple html code. JSN Nuru will detect the amount of columns you defined and automatically make arrangement.

Usage: <div class=”grid-layout”><div>Text in column 1</div><div>Text in column 2</div></div>

Content arranged in 2 columns

Content arranged in 3 columns

Content arranged in 4 columns

Content arranged in 5 columns

Text styles

Preformatted text (<pre> tag)

div.grid-layout2 div.grid-col {
 float: left;
 width: 49.95%;
}
div.grid-layout3 div.grid-col {
 float: left;
 width: 33.3%;
}

Quote text (<blockquote> tag)

You can us this style to quote somebody's speech, idea or a fragment from some book, articles, etc. Lorem ipsum dolor sit amet consectetuer eleifend elit vel tellus laoreet. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.

Usage: <blockquote>This is your quote</blockquote>

Drop Cap

Highlighted Text

You can use this style to highlight important words and / or keyword expression in search result page. Lorem ipsum dolor sit amet consectetuer eleifend elit vel tellus laoreet. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.

Usage: <span class="text-highlight">This is the text to be highlighted.</span>

Highlighted Text on mouse over

Alert Text

Info Text

Download Text

Tip Text

Comment Text

Attachment Text

Video Text

Audio Text

Link Styles

Link Icon Styles

You can attach up to 20 predefined icons to the front of any link by adding simple class to it.

Usage: <a class="link-icon jsn-icon-xxx">This is link text.</a>, where xxx is the name of icon to be applied. Detailed information about all icon names can be found in template documentation.

Example: <a class="link-icon jsn-icon-download">This is link to download something.</a>

Link Button Styles

JSN Nuru offers 6 button styles to decorate any call-to-action links you have in the content.

Usage: <a class="link-button button-xxx">This is link text.</a>, where xxx is the button color name selected from: light, dark, green, orange, blue and red.

Example: <a class="link-button button-pink">See plans & pricing.</a>

Combination of Button and Icon Styles

You can use both button and icon link style combined.

Usage: <a class="link-button button-xxx"><span class="link-icon jsn-icon-yyy">This is link text.</span></a>, where xxx and yyy are button color and icon names respectively.

Example: <a class="link-button button-green"><span class="link-icon jsn-icon-cart">Add to cart.</span></a>

Extension link styles

JSN Nuru is able to attach not only descriptive icon to the front of link as described in above section, but also 23 extension icons to the end of the link.

All icons can be assigned automatically by enabling a template parameter or manually by adding simple class to the link.

Usage: <a class="link-icon-ext jsn-icon-ext-xxx">This is link text.</a>, where xxx is the icon name. Detailed information about all icon names can be found in template documentation.

Table Styles

Plain Rows table style

Color Stripes table style

Grey Stripes table style

List styles

Standard list styles

Arrow list styles

Icon list styles

You can assign any of predefined 20 icons to list items. 6 icons shown above are just samples.

Number list styles

JSN Nuru provides 6 box designs for module background styling, which can be combined with 20 predefined icons for module title styling. Take a look around to see how module styles are applied.

Module styles are configured by module's parameter Module Class Suffix with very simple syntax. To set up icons, you need to add string icon-xxx to module class suffix, where xxx is the icon name.

• See preview of all icons

JSN Nuru provides 5 menu styles to present your website navigation. The default Joomla! built-in menu module (mod_mainmenu) is utilized, so you don't need to install any external menu modules.

Top Menu

Top Menu allows you to arrange menu items in horizontal line and assign icons to them. All icons are configured directly in menu item settings page which is very convenient.

See live demo of Top Menu

Main Menu

Main Menu is very powerful menu built with clean accessible XHTML code structure and effective drop-down submenu panels.

Main Menu with icons and rich text

You can add icon and descriptive text to each menu item to make them much clearer and more appealing. Both descriptive text and icons are configured directly in menu item settings page, which is very convenient.

See live demo of Main Menu

Side Menu

Side Menu is very unique vertical menu with slide-out panels. This menu is extremely efficient when you have complex navigation with a lot of menu items.

See live demo of Side Menu

Tree Menu

Tree Menu represents menu items in clear tree-like hierarchy, which is very appropriate for indexing menu. By default all submenu items are collapsed until you select the parent menu item.

See live demo of Tree Menu

Div Menu

Div Menu is simple yet nice menu bar with items separated by slightly visible dashes. This menu is very suitable for footer navigation presentation.

Module Positions

JSN Nuru provides 36+ module positions allowing you to have multiple layout configurations. All module positions are collapsible which means if you don't publish any modules in some positions it will not take any blank spaces leaving those for neighbor modules. Some positions are designed to arrange modules inside in horizontal layout which makes it very easy to reorder modules inside it.

See all module positions outline

Layout Configuration

JSN Nuru allows you to change the width size for several critical layout elements. All settings can be done via template parameters in section LAYOUT SETTINGS.

Layout Variations

JSN Nuru layout system is very flexible and capable. Module positions are designed in smart way to cover all possible spot where you might want to put content. Moreover, you can specify width of both overall layout and specific columns conveniently via template parameters. Bellow is live presentation of some most popular layout variations:

Main content only

Left | Center | InnerRight

Left | InnerLeft | Center

Left | Center | Right

InnerLeft | Center | Right

Center | InnerRight | Right

JSN Nuru has incredibly beautiful clean design with ultra flexible layout built-up from 36+ module positions. The combination of 6 colors variation, 5 menu styles and 6 module styles results in a really remarkable website. In addition, super rich typography makes your content look stunning and clear for all users.

Font Face

JSN Nuru provides 3 font face options for major website types. Each font face option is actually a combination of 2 font types: one for content text, another for heading text and main navigation text.

Special Font (powered by Google Font Directory)

To make your website content look even better, we included feature to load special fonts directly from Google Font Directory. We have carefully selected the most appropriate special font for each text styles. Since this service is provided by Google, it's very reliable and fast.

Font Size

JSN Nuru provides 3 text size options for major website audience.

JSN Nuru provides 6 major color variations for your taste. Each color variation covers not only the main background, but also color of drop-down menu, links, table's header and some others.

Color variations

Color configuration

Each template color can be configured by 3 different ways:

This module displays the latest registered users. Help