present david viet

46
3rd generation template framework for Joomla! JA T3 Framework 2.0

Upload: davidviet

Post on 06-Jul-2015

579 views

Category:

Technology


0 download

DESCRIPTION

hehe

TRANSCRIPT

Page 1: present david viet

3rd generation template framework for Joomla!

JA T3 Framework 2.0

Page 2: present david viet

1. Introducing JA T3 Framework 2.0 Overview, main features..

2. Template Administration Panel Introducing the reforged administration panel..

3. Screenshots See it to believe it!

Topics to be covered

Page 3: present david viet

Introducing JA T3 Framework 2.0

• What is JA T3 Framework 2.0?

• What are the benefits of this framework?

• Who is developing with T3 Framework now?

1.1 Overview

Page 4: present david viet

• Using the popular Mega Menu System

• Improves Multiple Layouts Feature

• Mobile Ready

• RTL Language Support

1.2 Main Features

Introducing JA T3 Framework 2.0

Page 5: present david viet

• Cache and compression

• Profiles to hold all template settings

• New Framework Structure

• Improves Overrides

1.2 Main Features

Introducing JA T3 Framework 2.0

Page 6: present david viet

Let's meet these features!

Introducing JA T3 Framework 2.0

Page 7: present david viet

1.3 JA Typography

• Easy to edit special content with the new JA Typo Plugin.

• Click the JA Typo button in your content editor to open the panel.

• Just click the quick links in the panel and the formatting will be added on the fly.

Introducing JA T3 Framework 2.0

Page 8: present david viet

1.3 JA Typography

Introducing JA T3 Framework 2.0

Page 9: present david viet

1.4 Cache - The Settings

Introducing JA T3 Framework 2.0

Page 10: present david viet

1.4 Cache - Where is it anyway?

Works with Joomla! core cache!

Introducing JA T3 Framework 2.0

Page 11: present david viet

1.5 CSS & JS Compress

Introducing JA T3 Framework 2.0

Page 12: present david viet

1.5 CSS & JS Compress

Introducing JA T3 Framework 2.0

Page 13: present david viet

1.6 Multiple Themes & Layouts

Introducing JA T3 Framework 2.0

One template, multiple layouts and color themes.

Page 14: present david viet

1.6 Multiple Themes & Layouts

Image of how the site is looked via Iphone

Introducing JA T3 Framework 2.0

Page 15: present david viet

1.7 Menu systems

Lightweight, no JS required

1.7.1. CSS Menu

Introducing JA T3 Framework 2.0

Page 16: present david viet

1.7 Menu systems

Tiny code, combines both horizontal and vertical layout display for the menu structure

1.7.2. Split menu

Introducing JA T3 Framework 2.0

Page 17: present david viet

1.7 Menu systems

One of the most powerful menu system, can load modules as menu items

1.7.3. Mega menu

Introducing JA T3 Framework 2.0

Page 18: present david viet

1.8 Menu Parameters Plugin

While editing menu items, you will notice a new parameters section called (JA Extended).

Introducing JA T3 Framework 2.0

Page 19: present david viet

What is a profile? Basically, it is a set of template settings..

How can you manage profiles? Using the template panel... right?

What do they bring to the framework? OK, let's see..

Introducing JA T3 Framework 2.0

1.9 Profiles - Overview

Page 20: present david viet

What are these "Overrides"? Wow, that's a good question...

What is profile assignment about? With the new framework you can...

Introducing JA T3 Framework 2.0

1.9 Profiles - The New Override Options

Page 21: present david viet

1.10 The New Framework Structure

Introducing JA T3 Framework 2.0

Page 22: present david viet

2. Template Administration Panel - Overview

What changed?

What's new?

What more?

Template Administration Panel

Page 23: present david viet

2.1 Global Panel

Template Administration Panel

Page 24: present david viet

Template Administration Panel

Page 25: present david viet

2.2 Profiles Panel

Template Administration Panel

Page 26: present david viet

2.2 Profiles Panel

Template Administration Panel

Page 27: present david viet

Customize logo, font-size, template width and text direction2.2 Profiles Panel

Template Administration Panel

Page 28: present david viet

Select a menu type, a menu system and customize it2.2 Profiles Panel

Template Administration Panel

Page 29: present david viet

Enabling User Tools will allow front-end users to change the settings for each template design feature

2.2 Profiles Panel

Template Administration Panel

Page 30: present david viet

User Tools front-end view

Template Administration Panel

Page 31: present david viet

Themes settings support multiple themes per page

2.2 Profiles Panel

Template Administration Panel

Page 32: present david viet

Layout settings allow to custom layout of Desktop, Handheld device and Iphone

2.2 Profiles Panel

Template Administration Panel

Page 33: present david viet

2.3 Layouts Panel

Template Administration Panel

Page 34: present david viet

The internal editor allows you to easily edit your layouts on fly

2.3 Layouts Panel

Template Administration Panel

Page 35: present david viet

2.4 Themes Panel

Template Administration Panel

Page 36: present david viet

2.4 Themes Panel

Template Administration Panel

Page 37: present david viet

2.5 Update & Help Panel

Template Administration Panel

Page 38: present david viet
Page 39: present david viet

The JA T3 Blank Template

Page 40: present david viet

In this example the profile is using a three columns layout Red color theme

Layout & Themes variations

Page 41: present david viet

In this example the profile is using atwo columns left layout and Red color theme

Layout & Themes variations

Page 42: present david viet

In this example the profile is using a three columns layout and Red color theme

The iPhone Ready Layout

Page 43: present david viet

RTL Language preview

Page 44: present david viet

Theme Preview

Page 45: present david viet

Say it out loud!

Page 46: present david viet

Hung DinhCEO, JoomlArt.com