Documentation

JSN Epic 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 Epic 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 Epic 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 Epic 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-orange">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 Epic 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- jsn-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

Table header	Column header 1	Column header 2	Column header 3
Table footer	Footer data
Row header 1	Lorem ipsum	Dolor sit amet	Lorem ipsum
Row header 1	Lorem ipsum	Dolor sit amet	Lorem ipsum
Row header 1	Lorem ipsum	Dolor sit amet	Lorem ipsum
Row header 1	Lorem ipsum	Dolor sit amet	Lorem ipsum
Row header 1	Lorem ipsum	Dolor sit amet	Lorem ipsum

Color Stripes table style

Table header	Column header 1	Column header 2	Column header 3
Table footer	Footer data
Row header 1	Lorem ipsum	Dolor sit amet	Lorem ipsum
Row header 1	Lorem ipsum	Dolor sit amet	Lorem ipsum
Row header 1	Lorem ipsum	Dolor sit amet	Lorem ipsum
Row header 1	Lorem ipsum	Dolor sit amet	Lorem ipsum
Row header 1	Lorem ipsum	Dolor sit amet	Lorem ipsum

Grey Stripes table style

Table header	Column header 1	Column header 2	Column header 3
Table footer	Footer data
Row header 1	Lorem ipsum	Dolor sit amet	Lorem ipsum
Row header 1	Lorem ipsum	Dolor sit amet	Lorem ipsum
Row header 1	Lorem ipsum	Dolor sit amet	Lorem ipsum
Row header 1	Lorem ipsum	Dolor sit amet	Lorem ipsum
Row header 1	Lorem ipsum	Dolor sit amet	Lorem ipsum

---

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 Epic 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