Joomla page

On scroll animations

In the SJ Plus v2 template we have implemented the animation engine based on the scrollReveal.js script. This script makes creating elements onscroll animations very simple to define.

Thanks to this script you can describe an animation using natural language.

Description of the animation is placed in the data-scroll-reveal attribute:

<!-- These 3 lines are equivalent -->
<div data-scroll-reveal="enter left and move 50px over 1.33s"> Foo </div>
<div data-scroll-reveal="enter from the bottom after 1s"> Bar </div>
<div data-scroll-reveal="wait 2.5s and then ease-in-out 100px"> Baz </div>

The full description of the syntax is available on the project documentation page

Bonus pages

We use shortcodes to do the bonus pages, and css file dedicated for bonus pages is joomla-page.less(path: ROOT/templates/YOUR_TEMPLATE/less/joomla-page.less)

Portfolio

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec purus nibh, commodo ac pellentesque quis, vehicula ut leo. Suspendisse potenti. Sed rhoncus est ac arcu malesuada bibendum. Cras ut nisi id lacus aliquam sodales posuere egestas

[space height="20"]
[lightbox src="/images/shortcode/p1.jpg" width="241" height="140" lightbox="off" title="Vestibulum id urna" align="none" border="yes" ]

SJ Bakery

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non metus et felis vulputate.

Visit Website
[lightbox src="/images/shortcode/p2.jpg" width="241" height="140" lightbox="off" title="Vestibulum id urna" align="none" border="yes" ]

SJ Lotte

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non metus et felis vulputate.

Visit Website
[lightbox src="/images/shortcode/p3.jpg" width="241" height="140" lightbox="off" title="Vestibulum id urna" align="none" border="yes" ]

SJ Wall Blog

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non metus et felis vulputate.

Visit Website
[lightbox src="/images/shortcode/p4.jpg" width="241" height="140" lightbox="off" title="Vestibulum id urna" align="none" border="yes" ]

SJ Company

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non metus et felis vulputate.

Visit Website
[space height="30"]
[lightbox src="/images/shortcode/p5.jpg" width="241" height="140" lightbox="off" title="Vestibulum id urna" align="none" border="yes" ]

SJ eSport

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non metus et felis vulputate.

Visit Website
[lightbox src="/images/shortcode/p6.jpg" width="241" height="140" lightbox="off" title="Vestibulum id urna" align="none" border="yes" ]

SJ AppStore HiTech

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non metus et felis vulputate.

Visit Website
[lightbox src="/images/shortcode/p7.jpg" width="241" height="140" lightbox="off" title="Vestibulum id urna" align="none" border="yes" ]

SJ Health

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non metus et felis vulputate.

Visit Website
[lightbox src="/images/shortcode/p8.jpg" width="241" height="140" lightbox="off" title="Vestibulum id urna" align="none" border="yes" ]

SJ Fashion Store

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non metus et felis vulputate.

Visit Website

Photo Gallery

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur augue nunc, tempus quis lacinia ac, cursus nec felis? Nunc odio ante, aliquam id volutpat blandit, condimentum pellentesque mauris. Etiam eleifend faucibus risus, ut hendrerit nunc commodo id? Mauris iaculis ultrices metus quis auctor.

[gallery width="258" height="186" columns="4"] [gallery_item title="Vivamus volutpat turpis" src="/images/shortcode/l1.jpg" video_addr="http://youtube.com/watch?v=B0ky-VMi9fI"] Nullam ultrices[/gallery_item] [gallery_item title="Aenean dictum commodo dictum" src="/images/shortcode/1.png"]Nullam ultrices[/gallery_item] [gallery_item title="Cum sociis natoque penatibus " src="/images/shortcode/2.png"]Nullam ultrices[/gallery_item] [gallery_item title="Donec aliquet dui pharetra" src="/images/shortcode/4.png"]Nullam ultrices[/gallery_item] [gallery_item title="Donec semper dui ut risus" src="/images/shortcode/5.png"]Nullam ultrices[/gallery_item] [gallery_item title="Vivamus volutpat turpis" src="/images/shortcode/6.png"]Nullam ultrices[/gallery_item] [gallery_item title="Donec semper dui ut risus" src="/images/shortcode/7.png"]Nullam ultrices[/gallery_item] [gallery_item title="Vivamus volutpat turpis" src="/images/shortcode/l2.jpg" video_addr="http://www.youtube.com/watch?v=n323WknTym8"]Nullam ultrices[/gallery_item] [gallery_item title="Donec semper dui ut risus" src="/images/shortcode/9.png"]Nullam ultrices[/gallery_item] [gallery_item title="Vivamus volutpat turpis" src="/images/shortcode/l3.jpg" video_addr="http://www.youtube.com/watch?v=UTBQYAE-pMk"]Nullam ultrices[/gallery_item] [gallery_item title="Donec semper dui ut risus" src="/images/shortcode/1.png"]Nullam ultrices[/gallery_item] [gallery_item title="Vivamus volutpat turpis" src="/images/shortcode/2.png"]Nullam ultrices[/gallery_item] [/gallery]

What's new?

[message_box title="New UI for backend template" type="info" show_close="Yes"]From the YT Framework v2, we support UI for backend of template. We hope this will bring to you the best gratification.[/message_box] [message_box title="Renew, add new params" type="info" show_close="Yes"] With this version, you will get many renewing, many new added params.[/message_box] [message_box title="Support shortcodes, bonus pages" type="info" show_close="Yes"]From the YT Framework v2, we will support shortcodes and bonus pages. Let click here for more info. [/message_box]

YT v2 screenshot

[columns background="none"] [column_item col="4"]
Template info & desc
[/column_item] [column_item col="4"]
Template version & Framework version
[/column_item] [column_item col="4"]
Layout setting
[/column_item] [/columns] [columns background="none"] [column_item col="4"]
Menu setting
[/column_item] [column_item col="4"]
Theme setting
[/column_item] [column_item col="4"]
Use special position
[/column_item] [/columns]

Main Features

  • Typography
  • Shortcodes
  • Bonus page
  • Support cpanel
  • Multiple Themes
  • Responsive web design
  • Integrate Bootstrap
  • Support RTL/LTR language
  • 100% table-less design, using html5 css3
  • Mega Menu, moo menu, dropline menu, css menu
  • Joomla! 1.7 Joomla! 2.5 and Joomla! 3.0 Native
  • Support Module Variations, set style for each module
  • Multiple Layouts, support override layout for many menu item
  • W3C XHTML 1.0 Transitional Valid; Optimize CSS/JS/HTML/Merge File
  • Compatible with IE8+, Firefox 2+, Flock 0.7+, Netscape, Safari, Opera 9.5 and Chrome