JA ACM module Joomlart高级自定义模块

  • 12+ 块类型:在这个阶段,我们提供典型的块。每个块类型有多种风格。
  • 简单编辑& 定义你的特殊页面字段设置在每一个块. 每一块都有它自己的文件LESS文件, 所以你完全控制定义自己的类和风格.
  • 友好的内容创造者: 完全独立的内容和设计. 不再混合嵌入HTML语法的文章.
  • 让我们深入挖掘模块块方法简化了我们的页面管理工作.

JA ACM模块(JoomlArt高级定制模块)是帮助您构建Joomla内容显示方式(幻灯片,标签,奖状,画廊,功能介绍,等)您可以简单的基于预制布局和风格,创建一个页面或一个完整的网站。.

这个模块目前只在Joomlart Uber模板和Teline V上面集成。其他模板需要额外安装这个组件。

JA ACM's 亮点特色:

  • 12+ 块类型:在这个阶段,我们提供典型的块。每个块类型有多种风格。
  • 简单编辑& 定义你的特殊页面字段设置在每一个块. 每一块都有它自己的文件LESS文件, 所以你完全控制定义自己的类和风格.
  • 友好的内容创造者: 完全独立的内容和设计. 不再混合嵌入HTML语法的文章.
  • 让我们深入挖掘模块块方法简化了我们的页面管理工作.

可用的类型:

目前模块支持12种块类型, 每个块类型有不同的布局和风格。

Container slideshow

大图幻灯片

通过内容面板快速过度

call to action

Call to action

Engaging ways to draw users in

hero

英雄

Alternative to slider for attention-grabbers

slideshow

幻灯片

将页面表现更生动

Features intro type

特色内容

突出您的重点介绍部分

Pricing table

价格表

完美的显示价格表

testimonials

评价

很好的展示客户留言

gallery type

相册

引人注目的方式展示图片

统计数据

创建统计数据的视觉冲击

团队

介绍你的团队成员

内容Tabs标签

被组织成一组动态标签

联系信息

问问,现在得到帮助

我们在Uber模板中创建一个内容模块。下面将一步步引导大家了解这个过程.

第一步,创建一个ACM模块

在你的管理后台,找到: 扩展 >模块管理, 点击 "New" 按钮进行新建,在模块类型中选择 JoomlArt Advanced Custom Module

create module

第二部选择位置、以及针对哪些页面进行展示这个模块

create module

第三步选择类型及样式

这个模块支持多种类型 (现在是12种,以后会更多), 他保护多种样式.

select type and style

第四步、编辑内容

一旦你选择类型,风格,你会看到相应的字段。对于每一个类型,它包括默认示例数据,帮助您理解内容块的结构。现在你可以改变设置的字段,添加内容等。

edit content

您可以添加类后缀风格的模块,使用额外的字段模块内容块添加背景图片,添加介绍文本等。

module style

Sample data is to quickly add content for a ACM module. You can add sample data from one JA ACM module to an other JA ACM module. In the setting panel of JA ACM module, hit the Advanced button on the top options bar then copy the sample data.

module style

The sample data includes: type, style, settings and values in all fields of the corresponding type and style.

Here is an example of sample data

{":type":"uber:cta","cta":{"jatools-layout-cta":["style-2"],"cta[text-align]":["col-md-6 text-left"],"cta[style]":["light"],"cta[cta-heading]":["T3 Framework"],"cta[cta-intro]":["The all new, modern and flexible Joomla Template Framework built with Bootstrap 3, powered by YOU!"],"cta[img]":[""],"cta[animation]":["fade"],"cta[animation_speed]":[""],"cta ":["View Demo →","Download →"],"cta[link]":["http://t3-framework.org/","http://t3-framework.org/downloads.html"],"cta[button_class]":["",""]}}

Replicate a content block as UBER demo

UBER template demo site includes a lot of content blocks that based on JA ACM module, we will provide you with sample data for each content block and detail configuration so that you can create such content blocks as our Demo. Just copy the sample data, paste it to your JA ACM module and the content will be updated for the module.

You can view all content blocks that we build from JA ACM in the Uber template Demo site →. In the section, we will provide with detail configuration and sample data for each content block.

类型 - [Container] Slideshow

The [Container] Slideshow type is to display modules from a position in slideshow, each module is a slideshow item.

Business slideshow

  • Select [Container] Slideshow content type
  • Select style for the content type
  • Assign position that you want modules in the position to display in Slideshow
  • Configure other option: Control Button, Height on Desktop

Each slideshow item is a module, the slideshow content is module content./p>

Type - [Container] Tabs

The [Container] Tabs type is to display modules from assigned position in tab, each module is a tab.

  • Select [Container] Tabs content type
  • Select style for the content type
  • Assign position that you want modules in the position to display in tabs

In each tab, tab title is the module title and tab content is the module content.

The content type has 2 styles by default: Default style and Styl 2

类型- Call To Action (CTA)

CTA is to engage ways to draw users in. Content in the block includes block title, block description, background image, call to action buttons. You can use Bootstrap 3 button class such as btn btn-primary. The type supports 3 styles by default.

1. Call To Action Style 1

Module position: uber-cta
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:cta","cta":{"jatools-layout-cta":["style-1"],"cta[block-intro]":["Our knowledgeable Specialists are available to answers all your questions. "],"cta[block-extra-class]":[" text-center section-lightest section-animate-img"],"cta[img]":["images/joomlart/uber/support-staff.png"],"cta[animation]":["moveFromBottom"],"cta[animation_speed]":[""],"cta[data]":{"cta[data] ":["Ask us a question"],"cta[data][link]":["index.php?option=com_contact&view=contact&id=1&Itemid=499"],"cta[data][button_class]":["btn-rounded btn-primary btn-lg smooth-scroll"],"rows":1,"cols":4,"type":"list"}}}

2. Call To Action Style 2

Module position: uber-cta
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:cta","cta":{"jatools-layout-cta":["style-1"],"cta[block-intro]":["Choose an option that suits your needs. 100% satisfaction guaranteed. "],"cta[block-extra-class]":[" text-center section-primary"],"cta[img]":[""],"cta[animation]":["fade"],"cta[animation_speed]":["0"],"cta[data]":{"cta[data] ":["Sign Up Today"],"cta[data][link]":["index.php?option=com_users&view=registration&Itemid=551"],"cta[data][button_class]":[" btn-rounded btn-rounded-inverse btn-lg open-login-modal sign-up"],"rows":1,"cols":4,"type":"list"}}}

3. CTA Showcase

Module position: uber-cta
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:cta","cta":{"jatools-layout-cta":["style-2"],"cta[block-intro]":["The most powerful template framework at your fingertips. Take full control of your design masterpiece. "],"cta[block-extra-class]":[" section-darker section-user-showcase no-padding"],"cta[img]":["images/joomlart/uber/background/bg-4.png"],"cta[data]":{"cta[data] ":["Action Link →","Action Link →"],"cta[data][link]":["#","#"],"cta[data][button_class]":["",""],"rows":2,"cols":4,"type":"list"}}}

Type - Testimonials

The Testimonials supports 5 styles by default, each testimonial includes: Author name, Author position, Author image, Quote.

1. Testimonials Style 1

Module position: uber-testimonial
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:testimonials","testimonials":{"jatools-layout-testimonials":["style-1"],"testimonials[block-intro]":[""],"testimonials[block-extra-class]":[""],"testimonials[block-bg]":[""],"testimonials[text-color]":[""],"testimonials[author-info-color]":[""],"testimonials[full-width]":["0"],"testimonials[enable-controls]":["0"],"testimonials[data]":{"testimonials[data]
":["Wasn't sure where to compliment. I just wanted to say I am so happy to be your customer. You make my life so easy, thanks for your great service. ","We love the theme, it allows me to seek creativity. I set up my e-store without having to be a coding expert."],"testimonials[data][author-name]":["Marsk W. via Twitter","Trung Chu"],"rows":2,"cols":3,"type":"list"}}}

2. Testimonials Style 2

Module position: uber-testimonial
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:testimonials","testimonials":{"jatools-layout-testimonials":["style-2"],"testimonials[block-intro]":[""],"testimonials[block-extra-class]":["  mod-gray"],"testimonials[block-bg]":[""],"testimonials[text-color]":[""],"testimonials[author-info-color]":[""],"testimonials[full-width]":["0"],"testimonials[enable-controls]":["0"],"testimonials[data-special]":{"testimonials[data-special]
":["You make the tough decision to consult the different approach, but help us move forward with bold steps. Huge thanks for your team. ","Very relaxing and thorough. Friendly staff will bring you awesome relaxation feeling the the moment you enter…Great prices as well."],"testimonials[data-special][author-name]":[" Marsh W."," Marsh W."],"testimonials[data-special][author-title]":["Executive Producer","Executive Producer"],"testimonials[data-special][author-img]":["images/joomlart/uber/avatars/avt-1.jpg","images/joomlart/uber/avatars/avt-2.jpg"],"rows":2,"cols":5,"type":"list"}}}

3. Testimonials Style 3

Module position: uber-testimonial
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:testimonials","testimonials":{"jatools-layout-testimonials":["style-3"],"testimonials[block-intro]":[""],"testimonials[block-extra-class]":[""],"testimonials[block-bg]":[""],"testimonials[text-color]":[""],"testimonials[author-info-color]":[""],"testimonials[full-width]":["0"],"testimonials[enable-controls]":["0"],"testimonials[data]":{"testimonials[data]
":["I can't believe the warm decor and calmness you'll get from beginning to end. I don't want to leave and face the real world outside after being in this spa. ","Wow, what a beautiful place!! Absolutely love them and your staff is very professional and experienced in permanent makeup. Try this place.....you will love it."],"testimonials[data][author-name]":["Daisy Ponte , Usa","Keth Dixon , UK"],"rows":2,"cols":3,"type":"list"}}}

4. Testimonials Style 4

Module position: uber-testimonial
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:testimonials","testimonials":{"jatools-layout-testimonials":["style-4"],"testimonials[block-intro]":[""],"testimonials[block-extra-class]":[" mod-gray"],"testimonials[block-bg]":[""],"testimonials[text-color]":[""],"testimonials[author-info-color]":[""],"testimonials[full-width]":["0"],"testimonials[data-special]":{"testimonials[data-special]
":["We are very pleased with your design and programming talents and continue to rely on your good work. Sure we will get back to you as our site evolves going forward. ","Your staff has been nothing less than professional and respectful. They are super patient and really listened to what I wanted. I would give you the top stars!","You're the best! You did an amazing and perfect job … We have received many positive feedbacks on our new site since the launch. Great thanks again. ","I can say without doubt that your team are a true pleasure to work with. They are easy to communicate with which make process smooth. Highly recommended. "],"testimonials[data-special][author-name]":["James S. ","Jaquelin A. ","Kelly B. ","David J. "],"testimonials[data-special][author-title]":["Creative Director","IT Systems Analyst","IT Engineer","CEO"],"testimonials[data-special][author-img]":["images/joomlart/uber/avatars/avt-1.jpg","images/joomlart/uber/avatars/avt-2.jpg","images/joomlart/uber/avatars/avt-3.jpg","images/joomlart/uber/avatars/avt-4.jpg"],"rows":4,"cols":5,"type":"list"}}}

5. Testimonials Style 5

Module position: uber-testimonial
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:testimonials","testimonials":{"jatools-layout-testimonials":["style-5"],"testimonials[block-intro]":[""],"testimonials[block-extra-class]":[""],"testimonials[block-bg]":[""],"testimonials[text-color]":[""],"testimonials[author-info-color]":[""],"testimonials[full-width]":["0"],"testimonials[data-special]":{"testimonials[data-special]
":["We have been very impressed by your team's ability to deliver the design that perfectly symbolises our vision and evoke the stylish, elegant image we target. ","Your deliverables impressed me on multiple levels. We are happy with the whole process and really admire your attention to detail and deep understanding of our needs. ","Your combination of creativity and professionalism was exactly what we needed. He really listens to the client and is very patient in re-working until full satisfaction is achieved. ","Your team has an exceptional ability to transform vision and direction into actionable creativity. No mater which levels of sophistication the work, you certainly create uniqueness. "],"testimonials[data-special][author-name]":["Bevan James","Klemont A. ","Keil Wilkinson","Jason Lamont"],"testimonials[data-special][author-title]":["Marketing Expert","Founder & CEO","Chief Marketing Officer","Managing Director"],"testimonials[data-special][author-img]":["images/joomlart/uber/avatars/avt-1.jpg","images/joomlart/uber/avatars/avt-2.jpg","images/joomlart/uber/avatars/avt-3.jpg","images/joomlart/uber/avatars/avt-4.jpg"],"rows":4,"cols":5,"type":"list"}}}

Type - Slideshow

The Slideshow type to to help you create content displayed in slideshow. Each slideshow item include slideshow title, slideshow description, slideshow image, background image.

1. Slideshow Style 1

Module position: uber-slideshow
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:slideshow","slideshow":{"jatools-layout-slideshow":["style-1"],"slideshow[block-intro]":[""],"slideshow[block-extra-class]":[" no-padding"],"slideshow[block-bg]":[""],"slideshow[img-bg]":["images/joomlart/uber/demo/demo-9.jpg"],"slideshow[enable-controls]":["0"],"slideshow[data]":{"slideshow[data][title]":["Different","Distinction","Focused","Experienced","Efficient"],"slideshow[data][description]":["We believe in focus. Our single most dedicated priority is to provide functional, aesthetic pleasing solution.","We service our clients in every industry, all over the world, thus give us chance to explore from distinct viewpoints. ","We believe in focus. Our single most dedicated priority is to provide functional, aesthetic pleasing solution.","For more than 10 years, we developed the right process, the right people and the right resources so that we deliver the best.","We invest heavily in developing knowledge across projects together with hard working, effective strategic tools. "],"rows":5,"cols":3,"type":"list"}}}

2. Slideshow Style 2

Module position: uber-slideshow
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:slideshow","slideshow":{"jatools-layout-slideshow":["style-2"],"slideshow[block-intro]":["We pay careful attention to design a comfortable office environment, not just to create aesthetic but also give a boost to employee happiness."],"slideshow[block-extra-class]":[""],"slideshow[block-bg]":["images/joomlart/uber/background/aboutus-bg.png"],"slideshow[enable-controls]":["0"],"slideshow[data-s2]":{"slideshow[data-s2][img]":["images/joomlart/uber/demo/demo-11.jpg","images/joomlart/uber/demo/demo-12.jpg","images/joomlart/uber/demo/demo-13.jpg","images/joomlart/uber/demo/demo-14.jpg"],"rows":4,"cols":2,"type":"list"}}}

Type - Features Intro

Features Intro type is to create content block for showcasing your features. Each feature intro item inlcudes icon, title, description, carousel text, background image.

1. Features Intro Style 1

Module position: uber-featuresintro
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:features-intro","features-intro":{"jatools-layout-features-intro":["style-1"],"features-intro[block-intro]":["A pretty exciting step forward to build layouts in a variety of combinations. "],"features-intro[block-extra-class]":[" mod-gray section-border"],"features-intro[block-bg]":[""],"features-intro[features-style]":["style-light"],"features-intro[columns]":["4"],"features-intro[data]":{"features-intro[data][font-icon]":["fa fa-picture-o","fa fa-paper-plane-o","fa fa-check-circle-o ","fa fa-arrow-circle-o-up"],"features-intro[data][img-icon]":["","","",""],"features-intro[data][title]":["Various Design Options","Powerful Yet Simple","Flexible Customisation","Regular Updates"],"features-intro[data][description]":["We deliver a wide variety of block layouts which add endless personalisation.","Being trusted by 20.000+ amazing members so far. Best design for all at your choice.","A big number of customisable templates, packed with both handy features and design.","Our templates are updated each time a bug is discovered or there is new features."],"rows":4,"cols":5,"type":"list"}}}

2. Features Intro Style 2

Module position: uber-featuresintro
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:features-intro","features-intro":{"jatools-layout-features-intro":["style-2"],"features-intro[block-intro]":["Simply choose pre-defined blocks and go explore in a variety of combinations."],"features-intro[block-extra-class]":[""],"features-intro[block-bg]":[""],"features-intro[features-style]":["style-light"],"features-intro[columns]":["4"],"features-intro[data]":{"features-intro[data][font-icon]":["fa fa-picture-o","fa fa-paper-plane-o","fa fa-check-circle-o","fa fa-arrow-circle-o-up"],"features-intro[data][img-icon]":["","","",""],"features-intro[data][title]":["Various Design Options","Powerful Yet Simple","Flexible Customisation","Regular Updates"],"features-intro[data][description]":["We deliver a wide variety of block layouts which add endless personalisation.","Being trusted by 20.000+ amazing members so far. Best design for all at your choice.","A big number of customisable templates, packed with both handy features and design.","Our templates are updated each time a bug is discovered or there is new features."],"rows":4,"cols":5,"type":"list"}}}

3. Features Intro Style 3

Module position: uber-featuresintro
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:features-intro","features-intro":{"jatools-layout-features-intro":["style-3"],"features-intro[block-intro]":["A new way to prioritise content without deprecating design. "],"features-intro[block-extra-class]":[" mod-gray section-border"],"features-intro[block-bg]":[""],"features-intro[features-style]":["style-light"],"features-intro[columns]":["2"],"features-intro[data]":{"features-intro[data][font-icon]":["fa fa-picture-o","fa fa-paper-plane-o","fa fa-check-circle-o","fa fa-arrow-circle-o-up"],"features-intro[data][img-icon]":["","","",""],"features-intro[data][title]":["Various Design Options","Powerful Yet Simple","Flexible Customisation","Regular Updates"],"features-intro[data][description]":["We deliver a wide variety of block layouts which add endless personalisation.","Being trusted by 20.000+ amazing members so far. Best design for all at your choice.","A big number of customisable templates, packed with both handy features and design.","Our templates are updated each time a bug is discovered or there is new features."],"rows":4,"cols":5,"type":"list"}}}

4. Features Intro Style 4

Module position: uber-featuresintro
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:features-intro","features-intro":{"jatools-layout-features-intro":["style-4"],"features-intro[block-intro]":["A pretty exciting step forward to build layouts in a variety of combinations. "],"features-intro[block-extra-class]":[" section-border"],"features-intro[block-bg]":[""],"features-intro[features-style]":["style-light"],"features-intro[data]":{"features-intro[data][font-icon]":["fa fa-picture-o","fa fa-paper-plane-o","fa fa-check-circle-o","fa fa-arrow-circle-o-up"],"features-intro[data][img-icon]":["","","",""],"features-intro[data][title]":["Various Design Options","Powerful Yet Simple","Flexible Customisation","Regular Updates"],"features-intro[data][description]":["We deliver a wide variety of block layouts which add endless personalisation.","Being trusted by 20.000+ amazing members so far. Best design for all at your choice.","A big number of customisable templates, packed with both handy features and design.","Our templates are updated each time a bug is discovered or there is new features."],"rows":4,"cols":5,"type":"list"}}}

5. Features Intro Style 5

Module position: uber-featuresintro
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:features-intro","features-intro":{"jatools-layout-features-intro":["style-5"],"features-intro[block-intro]":["we create"],"features-intro[block-extra-class]":[" section-lighter section-introducing section-border"],"features-intro[features-style]":["style-light"],"features-intro[img-features]":["images/joomlart/uber/wall-sec-intro.png"],"features-intro[animation-delay]":["200"],"features-intro":["standard","value","quality","fixes"],"features-intro[data]":{"features-intro[data][font-icon]":["fa-picture-o","fa-cube","fa-magic","fa-flash"],"features-intro[data][img-icon]":["","","",""],"features-intro[data][title]":["Various Design options","Powerful Yet Simple","Flexible Customization Options","Regular Updates"],"features-intro[data][description]":["We deliver a wide variety of block layouts which add endless personalisation.","Being trusted by 20.000+ amazing members so far. Best design for all.","We offer you a big number of customisable templates to suit your clients need, packed with both handy features and design. ","Our templates are updated each time a bug is discovered or there is new features. "],"rows":4,"cols":5,"type":"list"}}}

6. Features Intro Style 6 - Content Right

Module position: uber-featuresintro
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:features-intro","features-intro":{"jatools-layout-features-intro":["style-6"],"features-intro[block-intro]":["Every single block has taken us incredible amount time for coding, fine-tuned to optimise for multi-site design. "],"features-intro[block-extra-class]":[" no-padding section-border"],"features-intro[block-bg]":[""],"features-intro[features-style]":["style-light"],"features-intro[columns]":["3"],"features-intro[align]":["1"],"features-intro[img-features]":["images/joomlart/uber/demo/demo-14.jpg"],"features-intro[data-s6]":{"features-intro[data-s6][title]":["More Flexible","Custom Styles","Content Fields"],"features-intro[data-s6][title-link]":["","",""],"features-intro[data-s6][img-icon]":["images/joomlart/uber/demo/demo-1.jpg","images/joomlart/uber/demo/demo-2.jpg","images/joomlart/uber/demo/demo-4.jpg"],"features-intro[data-s6][description]":["Modular content elements can be arranged in different order and \"portable\" across pages at your choice.","Each block comes with its own Less file, it's simply a matter of adjusting attributes of targeting elements. ","For complex customisation, you can extend our predefined blocks, with your own set of fields and style."],"rows":3,"cols":5,"type":"list"}}}

7. Features Intro Style 6 - Content Left

Module position: uber-featuresintro
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:features-intro","features-intro":{"jatools-layout-features-intro":["style-6"],"features-intro[block-intro]":["Every single block has taken us incredible amount time for coding, fine-tuned to optimise for multi-site design. "],"features-intro[block-extra-class]":[" no-padding"],"features-intro[block-bg]":[""],"features-intro[features-style]":["style-light"],"features-intro[columns]":["3"],"features-intro[align]":["0"],"features-intro[img-features]":["images/joomlart/uber/demo/demo-11.jpg"],"features-intro[data-s6]":{"features-intro[data-s6][title]":["More Flexible","Custom Styles","Content Fields"],"features-intro[data-s6][title-link]":["","",""],"features-intro[data-s6][img-icon]":["images/joomlart/uber/acm-icons/testimonials.png","images/joomlart/uber/acm-icons/container-tabs.png","images/joomlart/uber/acm-icons/slideshow.png"],"features-intro[data-s6][description]":["Modular content elements can be arranged in different order and \"portable\" across pages at your choice.","Each block comes with its own Less file, it's simply a matter of adjusting attributes of targeting elements. ","For complex customisation, you can extend our predefined blocks, with your own set of fields and style."],"rows":3,"cols":5,"type":"list"}}}

8. Features Intro Style 7

Module position: uber-featuresintro
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:features-intro","features-intro":{"jatools-layout-features-intro":["style-7"],"features-intro[block-intro]":["Every single block has taken us incredible amount time for coding"],"features-intro[block-extra-class]":[" section-border"],"features-intro[block-bg]":[""],"features-intro[features-style]":["style-light"],"features-intro[img-features]":["images/joomlart/uber/features_intro/bg1.png"],"features-intro[data]":{"features-intro[data][font-icon]":["fa fa-picture-o","fa fa-paper-plane-o","fa fa-check-circle-o","fa fa-arrow-circle-o-up"],"features-intro[data][img-icon]":["","","",""],"features-intro[data][title]":["Beautiful Designs","Useful Features","Clear Grid","Regular Updates"],"features-intro[data][description]":["We deliver a wide variety of block layouts which add endless personalisation.","Lorem ipsum dolor sit amet, elit sed diam nonummy nibh uismod tincidunt ut laoreet.","We offer you a big number of customisable templates to suit your clients need, features and design. ","Our templates are updated each time a bug is discovered or there is new features. "],"rows":4,"cols":5,"type":"list"}}}

9. Features Intro Style 8

Module position: uber-featuresintro
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:features-intro","features-intro":{"jatools-layout-features-intro":["style-8"],"features-intro[block-intro]":["Ready for the launch of our new template Uber. \nIdea for Startup."],"features-intro[block-extra-class]":[" section-border"],"features-intro[block-bg]":[""],"features-intro[features-style]":["style-light"],"features-intro[img-features]":["images/joomlart/uber/features_intro/bg1.png"],"features-intro[data]":{"features-intro[data][font-icon]":["fa fa-picture-o","fa fa-paper-plane-o","fa fa-check-circle-o","fa fa-arrow-circle-o-up"],"features-intro[data][img-icon]":["","","",""],"features-intro[data][title]":["Beautiful Designs","Useful Features","Clear Grid","Regular Updates"],"features-intro[data][description]":["We deliver a wide variety of block layouts which add endless personalisation.","Being trusted by 20.000+ amazing members so far. Best design for all.","We offer you a big number of customisable templates to suit your clients need, features and design. ","Our templates are updated each time a bug is discovered or there is new features. "],"rows":4,"cols":5,"type":"list"}}}

10. Features Intro Style 9

Module position: uber-featuresintro
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:features-intro","features-intro":{"jatools-layout-features-intro":["style-9"],"features-intro[block-intro]":[""],"features-intro[block-extra-class]":[" section-border"],"features-intro[features-style]":["style-light"],"features-intro[img-features]":["images/joomlart/uber/features_intro/bg2.png"],"features-intro[data]":{"features-intro[data][font-icon]":["fa fa-picture-o","fa fa-paper-plane-o","fa fa-check-circle-o"],"features-intro[data][img-icon]":["","",""],"features-intro[data][title]":["Various Design options","Powerful Yet Simple","Flexible Customization Options"],"features-intro[data][description]":["We deliver a wide variety of block layouts which add endless personalisation.","Being trusted by 20.000+ amazing members so far. Best design for all.","We offer you a big number of customisable templates to suit your clients need, packed with both handy features and design. "],"rows":3,"cols":5,"type":"list"}}}

11. Features Intro Style 10

Module position: uber-featuresintro
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:features-intro","features-intro":{"jatools-layout-features-intro":["style-10"],"features-intro[block-intro]":[""],"features-intro[block-extra-class]":[" section-border"],"features-intro[block-bg]":[""],"features-intro[features-style]":["style-light"],"features-intro[align]":["2"],"features-intro[img-features]":["images/joomlart/uber/features_intro/bg3.png"],"features-intro[data-s10]":{"features-intro[data-s10][title]":["Features Intro"],"features-intro[data-s10][description]":["The 12+ pre-designed blocks are just starting point where you can go explore in a variety of combinations. We are indeed curious to see all possible Uber in different use cases. Check out Uber demo for a close look. "],"features-intro[data-s10] ":["Learn More"],"features-intro[data-s10][title-link]":[""],"rows":1,"cols":5,"type":"list"}}}

The Gallery type is to showcase images in compelling ways. You can select number of images to show in gallery, browse image for each item in the gallery, configure number of columns to display gallery items, space between columns, display the gallery in full width or not, configure size for each item, set animation for not, etc.

1. Gallery Style 1 - Effect Scale

Module position: uber-gallery
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:gallery","gallery":{"jatools-layout-gallery":["style-1"],"isotope[block-intro]":["Meet just a few of the many dedicated, enthusiastic, collaborative and mildy workaholic people who add real edge and variety to our offering.  We could not reach this far without such a hero team. "],"isotope[block-extra-class]":[" container"],"isotope[block-bg]":[""],"isotope[colmb]":["2"],"isotope[coltb]":["3"],"isotope[coldt]":["5"],"isotope[gutter]":["20"],"isotope[fullwidth]":[""],"isotope[animation]":[""],"isotope[hover-animation]":["scale"],"isotope[text-1]":[""],"isotope[gallery]":{"isotope[gallery][selectitem]":["1","2","1","1","1","2","1","1","1"],"undefined":["","","","","","","","",""],"isotope[gallery][img]":["images/joomlart/uber/items/item-1.jpg","images/joomlart/uber/items/item-x1.jpg","images/joomlart/uber/items/item-16.jpg","images/joomlart/uber/items/item-25.jpg","images/joomlart/uber/items/item-25.jpg","images/joomlart/uber/items/item-x3.jpg","images/joomlart/uber/items/item-12.jpg","images/joomlart/uber/items/item-7.jpg","images/joomlart/uber/items/item-9.jpg"],"isotope[gallery][title]":["","","","","","","","",""],"isotope[gallery][link]":["","","","","","","","",""],"isotope[gallery][details]":["","","","","","","","",""],"rows":9,"cols":6,"type":"list"}}}

2. Gallery Style 2 - Effect None

Module position: uber-gallery
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:gallery","gallery":{"jatools-layout-gallery":["style-2"],"isotope[block-intro]":["Meet just a few of the many dedicated, enthusiastic, collaborative and mildy workaholic people who add real edge and variety to our offering. We could not reach this far without such a hero team. "],"isotope[block-extra-class]":[" section-lightest"],"isotope[block-bg]":[""],"isotope[colmb]":["2"],"isotope[coltb]":["2"],"isotope[coldt]":["4"],"isotope[gutter]":["40"],"isotope[fullwidth]":[" container"],"isotope[animation]":[""],"isotope[hover-animation]":["none"],"isotope[btn-text]":[""],"isotope[btn-class]":[""],"isotope[btn-link]":[""],"isotope[text-1]":[""],"isotope[gallery]":{"isotope[gallery][selectitem]":["1","1","1","1","1","1","1","1"],"undefined":["","","","","","","",""],"isotope[gallery][img]":["images/joomlart/uber/items/item-1.jpg","images/joomlart/uber/items/item-16.jpg","images/joomlart/uber/items/item-25.jpg","images/joomlart/uber/items/item-25.jpg","images/joomlart/uber/items/item-12.jpg","images/joomlart/uber/items/item-7.jpg","images/joomlart/uber/items/item-9.jpg","images/joomlart/uber/items/item-24.jpg"],"isotope[gallery][title]":["Bert Bonetti","Sean Hamrick","Bailey Drees","Kerri Gastelum","Violet Gates","Iva Dietrich","Clarissa Buteau","Leontine Martin"],"isotope[gallery][link]":["#","#","#","#","#","#","#","#"],"isotope[gallery][details]":["Software Engineer","Product Manager","Editorial Assistant","Marketing Director","Social Media Assistant","Support Technician","Social Media Assistant","Editorial Assistant"],"rows":8,"cols":6,"type":"list"}}}

3. Gallery Style 2 - Effect Scale

Module position: uber-gallery
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:gallery","gallery":{"jatools-layout-gallery":["style-2"],"isotope[block-intro]":["Meet just a few of the many dedicated, enthusiastic, collaborative and mildy workaholic people who add real edge and variety to our offering. We could not reach this far without such a hero team. "],"isotope[block-extra-class]":[" no-padding-bottom"],"isotope[block-bg]":[""],"isotope[colmb]":["2"],"isotope[coltb]":["2"],"isotope[coldt]":["5"],"isotope[gutter]":["0"],"isotope[fullwidth]":[""],"isotope[animation]":[""],"isotope[hover-animation]":["scale"],"isotope[btn-text]":[""],"isotope[btn-class]":[""],"isotope[btn-link]":[""],"isotope[text-1]":[""],"isotope[gallery]":{"isotope[gallery][selectitem]":["1","1","1","1","1","1","1","1","1","1"],"undefined":["","","","","","","","","",""],"isotope[gallery][img]":["images/joomlart/uber/items/item-1.jpg","images/joomlart/uber/items/item-16.jpg","images/joomlart/uber/items/item-25.jpg","images/joomlart/uber/items/item-25.jpg","images/joomlart/uber/items/item-12.jpg","images/joomlart/uber/items/item-7.jpg","images/joomlart/uber/items/item-9.jpg","images/joomlart/uber/items/item-24.jpg","images/joomlart/uber/items/item-19.jpg","images/joomlart/uber/items/item-18.jpg"],"isotope[gallery][title]":["Clarissa Buteau","Violet Gates","Dennis Mcguckin","Delana Hild","Iva Dietrich","Leontine Martin","Corrinne Mcquade","Cruz Desmond","Sean Hamrick","Bert Bonetti"],"isotope[gallery][link]":["#","#","#","#","#","#","#","#","#","#"],"isotope[gallery][details]":["Software Engineer","Product Manager","Editorial Assistant","Marketing Director","Social Media Assistant","Administrative Secretary","Support Technician","Product Manager","Marketing Director","Research Specialist"],"rows":10,"cols":6,"type":"list"}}}

4. Gallery Style 2 - Effect Flip

Module position: uber-gallery
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:gallery","gallery":{"jatools-layout-gallery":["style-2"],"isotope[block-intro]":["Meet just a few of the many dedicated, enthusiastic, collaborative and mildy workaholic people who add real edge and variety to our offering. We could not reach this far without such a hero team. "],"isotope[block-extra-class]":[" section-lightest"],"isotope[block-bg]":[""],"isotope[colmb]":["2"],"isotope[coltb]":["4"],"isotope[coldt]":["4"],"isotope[gutter]":["0"],"isotope[fullwidth]":[" container"],"isotope[animation]":[""],"isotope[hover-animation]":["flip"],"isotope[btn-text]":[""],"isotope[btn-class]":[""],"isotope[btn-link]":[""],"isotope[text-1]":[""],"isotope[gallery]":{"isotope[gallery][selectitem]":["1","1","1","1","1","1","1","1","1","1","1","1"],"undefined":["","","","","","","","","","","",""],"isotope[gallery][img]":["images/joomlart/uber/items/item-1.jpg","images/joomlart/uber/items/item-16.jpg","images/joomlart/uber/items/item-25.jpg","images/joomlart/uber/items/item-25.jpg","images/joomlart/uber/items/item-12.jpg","images/joomlart/uber/items/item-7.jpg","images/joomlart/uber/items/item-9.jpg","images/joomlart/uber/items/item-24.jpg","images/joomlart/uber/items/item-19.jpg","images/joomlart/uber/items/item-18.jpg","images/joomlart/uber/items/item-21.jpg","images/joomlart/uber/items/item-1.jpg"],"isotope[gallery][title]":["Corrinne Mcquade","Cruz Desmond","Clarissa Buteau","Jason Bitter","Violet Gates","Delana Hild","Kerri Gastelum","Dennis Mcguckin","Bailey Drees","Sean Hamrick","Bert Bonetti","Jason Bitter"],"isotope[gallery][link]":["#","#","#","#","#","#","#","#","#","#","#","#"],"isotope[gallery][details]":["As a CEO, O'NEIL uses his 30 years of experience to bring everything and every together, at the right time.","“Chris has been part of us since Day 1 and is a living breathing embodiment of our spirit. He is our product hero.","Driving iconic products is evident in his work. He also has his own thriving design studio with world-class clients.","As a CEO, O'NEIL uses his 30 years of experience to bring everything and every together, at the right time.","Has decade of helping international clients to solve their design challenges with her strategic mindset.","Driving iconic products is evident in his work. He also has his own thriving design studio with world-class clients.","Has decade of helping international clients to solve their design challenges with her strategic mindset.","As a CEO, O'NEIL uses his 30 years of experience to bring everything and every together, at the right time.","Driving iconic products is evident in his work. He also has his own thriving design studio with world-class clients.","Has decade of helping international clients to solve their design challenges with her strategic mindset.","As a CEO, O'NEIL uses his 30 years of experience to bring everything and every together, at the right time.","Has decade of helping international clients to solve their design challenges with her strategic mindset."],"rows":12,"cols":6,"type":"list"}}}

5. Gallery Style 2 - Effect Sadie

Module position: uber-gallery
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:gallery","gallery":{"jatools-layout-gallery":["style-2"],"isotope[block-intro]":["Meet just a few of the many dedicated, enthusiastic, collaborative and mildy workaholic people who add real edge and variety to our offering. We could not reach this far without such a hero team. "],"isotope[block-extra-class]":[" no-padding-bottom"],"isotope[block-bg]":[""],"isotope[colmb]":["1"],"isotope[coltb]":["3"],"isotope[coldt]":["3"],"isotope[gutter]":["0"],"isotope[fullwidth]":[""],"isotope[animation]":[""],"isotope[hover-animation]":["sadie"],"isotope[btn-text]":[""],"isotope[btn-class]":[""],"isotope[btn-link]":[""],"isotope[text-1]":[""],"isotope[gallery]":{"isotope[gallery][selectitem]":["1","1","1","1","1","1"],"undefined":["","","","","",""],"isotope[gallery][img]":["images/joomlart/uber/items/item-29.jpg","images/joomlart/uber/items/item-30.jpg","images/joomlart/uber/items/item-31.jpg","images/joomlart/uber/items/item-32.jpg","images/joomlart/uber/items/item-29.jpg","images/joomlart/uber/items/item-30.jpg"],"isotope[gallery][title]":["Jason Bitter","Violet Gates","Dennis Mcguckin","Charita Ly","Delana Hild","Charita Ly"],"isotope[gallery][link]":["#","#","#","#","#","#"],"isotope[gallery][details]":["Has decade of helping international clients\n((/br))solve their design challenges with her strategic mindset.","Has decade of helping international clients\n((/br))solve their design challenges with her strategic mindset.","Has decade of helping international clients\n((/br))solve their design challenges with her strategic mindset.","Has decade of helping international clients\n((/br))solve their design challenges with her strategic mindset.","Has decade of helping international clients\n((/br))solve their design challenges with her strategic mindset.","Has decade of helping international clients\n((/br))solve their design challenges with her strategic mindset."],"rows":6,"cols":6,"type":"list"}}}

6. Gallery Style 2 - Effect Lily

Module position: uber-gallery
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:gallery","gallery":{"jatools-layout-gallery":["style-2"],"isotope[block-intro]":["Meet just a few of the many dedicated, enthusiastic, collaborative and mildy workaholic people who add real edge and variety to our offering. We could not reach this far without such a hero team. "],"isotope[block-extra-class]":[" section-lightest no-padding-bottom"],"isotope[block-bg]":[""],"isotope[colmb]":["1"],"isotope[coltb]":["3"],"isotope[coldt]":["3"],"isotope[gutter]":["0"],"isotope[fullwidth]":[""],"isotope[animation]":[""],"isotope[hover-animation]":["lily"],"isotope[btn-text]":[""],"isotope[btn-class]":[""],"isotope[btn-link]":[""],"isotope[text-1]":[""],"isotope[gallery]":{"isotope[gallery][selectitem]":["1","1","1","1","1","1"],"undefined":["","","","","",""],"isotope[gallery][img]":["images/joomlart/uber/items/item-29.jpg","images/joomlart/uber/items/item-30.jpg","images/joomlart/uber/items/item-31.jpg","images/joomlart/uber/items/item-32.jpg","images/joomlart/uber/items/item-29.jpg","images/joomlart/uber/items/item-30.jpg"],"isotope[gallery][title]":["Iva Dietrich","Delana Hild","Cruz Desmond","Jason Bitter","Corrinne Mcquade","Sean Hamrick"],"isotope[gallery][link]":["#","#","#","#","#","#"],"isotope[gallery][details]":["Software Engineer","Product Manager","Editorial Assistant","Social Media Assistant","Administrative Secretary","Support Technician"],"rows":6,"cols":6,"type":"list"}}}

7. Gallery Style 2 - Effect Zoe

Module position: uber-gallery
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:gallery","gallery":{"jatools-layout-gallery":["style-2"],"isotope[block-intro]":["Meet just a few of the many dedicated, enthusiastic, collaborative and mildy workaholic people who add real edge and variety to our offering. We could not reach this far without such a hero team. "],"isotope[block-extra-class]":[" no-padding-bottom"],"isotope[block-bg]":[""],"isotope[colmb]":["1"],"isotope[coltb]":["3"],"isotope[coldt]":["3"],"isotope[gutter]":["0"],"isotope[fullwidth]":[""],"isotope[animation]":[""],"isotope[hover-animation]":["zoe"],"isotope[btn-text]":[""],"isotope[btn-class]":[""],"isotope[btn-link]":[""],"isotope[text-1]":[""],"isotope[gallery]":{"isotope[gallery][selectitem]":["1","1","1","1","1","1"],"undefined":["","","","","",""],"isotope[gallery][img]":["images/joomlart/corporate/items/item-29.jpg","images/joomlart/uber/items/item-30.jpg","images/joomlart/uber/items/item-31.jpg","images/joomlart/uber/items/item-32.jpg","images/joomlart/uber/items/item-29.jpg","images/joomlart/uber/items/item-30.jpg"],"isotope[gallery][title]":["Bailey Drees","Dennis Mcguckin","Kerri Gastelum","Iva Dietrich","Leontine Martin","Corrinne Mcquade"],"isotope[gallery][link]":["#","#","#","#","#","#"],"isotope[gallery][details]":["As a CEO, O'NEIL uses his 30 years of experience to bring everything and every together, at the right time.","Driving iconic products is evident in his work. He also has his own thriving design studio with world-class clients.","“Chris has been part of us since Day 1 and is a living breathing embodiment of our spirit. He is our product hero.","Has decade of helping international clients to solve their design challenges with her strategic mindset.","“Chris has been part of us since Day 1 and is a living breathing embodiment of our spirit. He is our product hero.","As a CEO, O'NEIL uses his 30 years of experience to bring everything and every together, at the right time."],"rows":6,"cols":6,"type":"list"}}}

Type - Pricing Table

The content type is to showcase benefits, not just pricing. The content type support 2 themes: Dark and Light.

1. Pricing Table Style 1

Module position: uber-pricingtable
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:pricing","pricing":{"jatools-layout-pricing":["style-1"],"pricing[block-intro]":["We undeniably offer a Huge value for the price offered. You can either choose single theme or join our club."],"pricing[block-extra-class]":[" section-darker"],"pricing[block-bg]":["images/joomlart/uber/slideshow/wall-01.jpg"],"pricing[pricing-style]":["style-dark"],"pricing[data]":{"pricing[data][pricing-col-name]":["Personal","Portfolio","Performance"],"pricing[data][pricing-col-price]":["((sup))$((/sup))34((sup)).99((/sup))","((sup))$((/sup))54((sup)).99((/sup))","((sup))$((/sup))45((sup)).99((/sup))"],"pricing[data][pricing-col-featured]":["0","1","0"],"pricing[data][pricing-col-button]":["Sign Up","Sign Up","Sign Up"],"pricing[data][pricing-col-buttonlink]":["index.php?option=com_users&view=registration&Itemid=551","index.php?option=com_users&view=registration&Itemid=551","index.php?option=com_users&view=registration&Itemid=551"],"data":[["Unlimited bandwidth","b1","b1","b1"],["Unlimited products","b1","b1","b1"],["1 GB File storage","b1","b1","b1"],["Discount code engine","b1","b1","b1"],["2.0% Transaction fee","b1","b1","b1"],["24x7 Phone support","b1","b1","b1"],["Gift cards","b1","b1","b1"],["Abandoned cart recovery","b0","b1","b1"],["Professional reports","b0","b1","b1"],["Real-time carrier shipping","b1","b1","b0"]],"rows":10,"cols":3,"type":"table"}}}

2. Pricing Table Style 2

Module position: uber-pricingtable
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:pricing","pricing":{"jatools-layout-pricing":["style-3"],"pricing[block-intro]":["We undeniably offer a Huge value for the price offered. You can either choose single theme or join our club."],"pricing[block-extra-class]":[""],"pricing[block-bg]":[""],"pricing[pricing-style]":["style-light"],"pricing[data]":{"pricing[data][pricing-col-name]":["Personal","Portfolio","Performance"],"pricing[data][pricing-col-price]":["((sup))$((/sup))34((sup)).99((/sup))","((sup))$((/sup))54((sup)).99((/sup))","((sup))$((/sup))45((sup)).99((/sup))"],"pricing[data][pricing-col-featured]":["0","1","0"],"pricing[data][pricing-col-button]":["Sign Up","Sign Up","Sign Up"],"pricing[data][pricing-col-buttonlink]":["index.php?option=com_users&view=registration&Itemid=551","index.php?option=com_users&view=registration&Itemid=551","index.php?option=com_users&view=registration&Itemid=551"],"data":[["Unlimited bandwidth","b1","b1","b1"],["Unlimited products","b1","b1","b1"],["1 GB File storage","b1","b1","b1"],["Discount code engine","b1","b1","b1"],["2.0% Transaction fee","b1","b1","b1"],["24x7 Phone support","b1","b1","b1"],["Gift cards","b1","b1","b1"],["Abandoned cart recovery","b0","b1","b1"],["Professional reports","b0","b1","b1"],["Real-time carrier shipping","b1","b1","b0"]],"rows":10,"cols":3,"type":"table"}}}

Type - Hero

1. Hero Style Video

Module position: uber-hero
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:hero","hero":{"jatools-layout-hero":["style-4"],"hero-style[block-intro]":[""],"hero-style[block-extra-class]":[" no-padding"],"hero-style[hero-style]":["style-dark"],"hero-style[hero-content-position]":["position-center"],"hero-style[hero-text-align]":["text-center"],"hero-style[hero-screen]":["full-screen"],"hero-style[hero-heading]":["Create revolutionary products. "],"hero-style[hero-intro]":["((span))Start your ((strong))coding  career((/strong)) and build things we are all ((strong))proud of((/strong)).((span)) \n((/p))"],"hero-style[hero-video]":["vimeo=94101559"]}}

2. Block Quote

Module position: uber-hero
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:hero","hero":{"jatools-layout-hero":["style-1"],"hero-style[block-intro]":[""],"hero-style[block-extra-class]":[" no-padding"],"hero-style[hero-style]":["style-light"],"hero-style[hero-content-position]":["position-left"],"hero-style[hero-text-align]":["text-right"],"hero-style[hero-screen]":[""],"hero-style[hero-effect]":[""],"hero-style[hero-heading]":["To read your minds and deliver the design that perfectly symbolises your vision."],"hero-style[hero-intro]":["Our extensive research and deep experience allow us to make exceptional combination of creativity and professionalism. "],"hero-style[hero-btn1-text]":["Get Started"],"hero-style[hero-btn1-link]":["http://www.joomlart.com"],"hero-style[hero-btn2-text]":["Watch Demo"],"hero-style[hero-btn2-link]":["http://www.joom.vn"],"hero-style[hero-bg]":["images/joomlart/uber/hero/hero-bg-5.jpg"]}}

3. Hero Block 8

Module position: uber-hero
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:hero","hero":{"jatools-layout-hero":["style-5"],"hero-style[block-intro]":[""],"hero-style[block-extra-class]":[" no-padding"],"hero-style[hero-style]":["style-light"],"hero-style[hero-content-position]":["position-left"],"hero-style[hero-text-align]":["text-left"],"hero-style[hero-heading]":["Cool Features added"],"hero-style[hero-heading-size]":[""],"hero-style[hero-intro]":["The most powerful extensions to extend your Website. ((br))Cool features to add up to your site with easy integration steps following our guides. "],"hero-style[hero-img]":[""],"hero-style[hero-btn1-text]":["Get Start"],"hero-style[hero-btn1-class]":["btn-rounded btn-warning btn-lg"],"hero-style[hero-btn1-link]":["#"],"hero-style[hero-bg]":["images/joomlart/uber/slideshow/wall-03.jpg"]}}

4. Hero Block 2

Module position: uber-hero
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:hero","hero":{"jatools-layout-hero":["style-1"],"hero-style[block-intro]":[""],"hero-style[block-extra-class]":[" no-padding"],"hero-style[hero-style]":["style-dark"],"hero-style[hero-content-position]":["position-center"],"hero-style[hero-text-align]":["text-center"],"hero-style[hero-screen]":[""],"hero-style[hero-effect]":[""],"hero-style[hero-heading]":["Next generation of apps. Faster connection with your customers via single platform."],"hero-style[hero-intro]":["Connect to customers via completely open customer platform. "],"hero-style[hero-btn1-text]":["View Packages"],"hero-style[hero-btn1-link]":["http://www.joomlart.com"],"hero-style[hero-btn2-text]":["Free Trial"],"hero-style[hero-btn2-link]":["http://www.joom.vn"],"hero-style[hero-bg]":["images/joomlart/uber/hero/hero-bg-2.jpg"]}}

5. Hero Block 6 - Halloween

Module position: uber-hero
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:hero","hero":{"jatools-layout-hero":["style-6"],"hero-style[block-intro]":[""],"hero-style[block-extra-class]":[" no-padding"],"hero-style[hero-style]":["style-dark"],"hero-style[hero-content-position]":["position-center"],"hero-style[hero-text-align]":["text-center"],"hero-style[hero-heading]":["Peek-a-boo!"],"hero-style[hero-intro]":["You are beign watched. Look out for stalkers. It's us!"],"hero-style[hero-btn1-text]":["Checkout"],"hero-style[hero-btn1-class]":["btn-halloween"],"hero-style[hero-bg]":["images/joomlart/uber/hero/hero-bg-6.png"]}}

6. Hero Block 7

Module position: uber-hero
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:hero","hero":{"jatools-layout-hero":["style-5"],"hero-style[block-intro]":[""],"hero-style[block-extra-class]":[" no-padding"],"hero-style[hero-style]":["style-dark"],"hero-style[hero-content-position]":["position-left"],"hero-style[hero-text-align]":["text-left"],"hero-style[hero-heading]":["Advanced Feature"],"hero-style[hero-heading-size]":["lg"],"hero-style[hero-intro]":["((span))Explore our largest collection of ((/span)) ((a href=\"index.php?option=com_content&view=category&layout=uber:products&id=79&Itemid=470\"))Templates((/a))  ((span))to create ROI on your website.((/span))"],"hero-style[hero-img]":["images/joomlart/uber/hero/joomla-wr.png"],"hero-style[hero-btn1-text]":["View Purchase Options"],"hero-style[hero-btn1-class]":["btn-rounded btn-rounded-inverse btn-lg"],"hero-style[hero-btn1-link]":["index.php?option=com_users&view=registration&Itemid=551"],"hero-style[hero-bg]":["images/joomlart/uber/slideshow/wall-01.jpg"]}}

7. Hero Style light

Module position: uber-hero
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:hero","hero":{"jatools-layout-hero":["style-1"],"hero-style[block-intro]":[""],"hero-style[block-extra-class]":[" no-padding"],"hero-style[hero-style]":["style-light"],"hero-style[hero-content-position]":["position-center"],"hero-style[hero-text-align]":["text-center"],"hero-style[hero-screen]":[""],"hero-style[hero-effect]":[""],"hero-style[hero-heading]":["Improve your team productivity, build customer loyalty while delivering amazing service."],"hero-style[hero-intro]":["Faster service from anywhere. Take your service to the next level."],"hero-style[hero-btn1-text]":["View Packages"],"hero-style[hero-btn1-link]":["http://www.joomlart.com"],"hero-style[hero-btn2-text]":["Free Trial"],"hero-style[hero-btn2-link]":["http://www.joom.vn"],"hero-style[hero-bg]":["images/joomlart/uber/slideshow/wall-02.jpg"]}}

8. Hero Block 4

Module position: uber-hero
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:hero","hero":{"jatools-layout-hero":["style-1"],"hero-style[block-intro]":[""],"hero-style[block-extra-class]":[" no-padding"],"hero-style[hero-style]":["style-dark"],"hero-style[hero-content-position]":["position-center"],"hero-style[hero-text-align]":["text-center"],"hero-style[hero-screen]":[""],"hero-style[hero-effect]":[""],"hero-style[hero-heading]":["Create your own voice. Transform vision and create uniqueness that stands out. "],"hero-style[hero-intro]":["Make the best design even better, no mater the levels of sophistication. "],"hero-style[hero-btn1-text]":["Free Trial"],"hero-style[hero-btn1-link]":["http://www.joomlart.com"],"hero-style[hero-btn2-text]":["Learn More"],"hero-style[hero-btn2-link]":["http://www.joomlart.com"],"hero-style[hero-bg]":["images/joomlart/uber/hero/hero-bg-4.jpg"]}}

9. Hero Block 6

Module position: uber-hero
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:hero","hero":{"jatools-layout-hero":["style-2"],"hero-style[block-intro]":[""],"hero-style[block-extra-class]":[" no-padding"],"hero-style[hero-style]":["style-dark"],"hero-style[hero-content-position]":["position-left"],"hero-style[hero-text-align]":["text-left"],"hero-style[hero-heading]":["Retless creative"],"hero-style[hero-intro]":["Dedicated, collaborative ((br)) workaholic people"],"hero-style[hero-quote]":["Our Team"],"hero-style[hero-bg]":["images/joomlart/corporate/slideshow/slide-1.jpg"]}}

Type - Teams

The content type is to show your dedicated team at a glance

1. Default style

Module position: uber-teams
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:teams","teams":{"jatools-layout-teams":["style-1"],"team_about[block-intro]":[""],"team_about[block-extra-class]":[" no-padding"],"team_about[block-bg]":[""],"team_about[number_col]":["4"],"team_about[full-width]":["1"],"team_about
John DoeDesigner
":["images/joomlart/uber/teams/bod-1.jpg","images/joomlart/uber/teams/bod-2.jpg","images/joomlart/uber/teams/bod-3.jpg","images/joomlart/uber/teams/bod-4.jpg"],"team_about
John DoeDesigner
":["As a CEO, O'NEIL uses his 30 years of experience to bring everything and every together, at the right time.","Chris has been part of us since Day 1 and is a living breathing embodiment of our spirit. He is our product hero.","Driving iconic products is evident in his work. He also has his own thriving design studio with world-class clients.","Has decade of helping international clients to solve their design challenges with her strategic mindset."],"team_about
John DoeDesigner
":["Carol O'Neil","Chris Cavender","Keth Dixon","Daisy Ponte"],"team_about
John DoeDesigner
":["CEO","CHIEF TECHNICAL OFFICE","DESIGN DIRECTOR","BUSINESS DIRECTOR"],"team_about
John DoeDesigner
":["#215ba6","#f27c38","#4e98d9","#f24535"]}}

2. Our Team Style 2

Module position: uber-teams
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:teams","teams":{"jatools-layout-teams":["style-2"],"team_about[block-intro]":["Diverse and talented workforce has helped to grow our capabilities."],"team_about[block-extra-class]":[""],"team_about[block-bg]":[""],"team_about[number_col]":["4"],"team_about[full-width]":["0"],"team_about
John DoeDesigner
":["images/joomlart/uber/teams/mem-3.jpg","images/joomlart/uber/teams/mem-1.jpg","images/joomlart/uber/teams/mem-2.jpg","images/joomlart/uber/teams/mem-4.jpg","images/joomlart/uber/teams/mem-5.jpg","images/joomlart/uber/teams/mem-6.jpg","images/joomlart/uber/teams/mem-7.jpg","images/joomlart/uber/teams/mem-8.jpg"],"team_about
John DoeDesigner
":["","","","","","","",""],"team_about
John DoeDesigner
":["As a CEO, O'NEIL uses his 30 years of experience to bring everything and every together, at the right time. ","As a CEO, O'NEIL uses his 30 years of experience to bring everything and every together, at the right time. ","As a CEO, O'NEIL uses his 30 years of experience to bring everything and every together, at the right time. ","As a CEO, O'NEIL uses his 30 years of experience to bring everything and every together, at the right time. ","As a CEO, O'NEIL uses his 30 years of experience to bring everything and every together, at the right time. ","As a CEO, O'NEIL uses his 30 years of experience to bring everything and every together, at the right time. ","As a CEO, O'NEIL uses his 30 years of experience to bring everything and every together, at the right time. ","As a CEO, O'NEIL uses his 30 years of experience to bring everything and every together, at the right time. "],"team_about
John DoeDesigner
":["Dewey Hall","Lorenzo Pope","Perry Larson","Darren Klein","Caleb Phillips","Pedro Frank","Darren Klein","Julian Byrd"],"team_about
John DoeDesigner
":["CEO, Co-Founder","Interaction Designer","Sales Manager","Experience Designer","Chief Creative Officer","Director of Events","Leader","Design Director"]}}

3. Our Team Style 3

Module position: uber-teams
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:teams","teams":{"jatools-layout-teams":["style-3"],"team_about[block-intro]":["Meet just a few of the many dedicated, enthusiastic, collaborative and mildy workaholic people who add real edge and variety to our offering. "],"team_about[block-extra-class]":[" mod-gray"],"team_about[block-bg]":[""],"team_about[number_col]":["4"],"team_about[full-width]":["0"],"team_about
John DoeDesigner
":["images/joomlart/uber/teams/mem-3.jpg","images/joomlart/uber/teams/mem-4.jpg","images/joomlart/uber/teams/mem-2.jpg","images/joomlart/uber/teams/mem-6.jpg","images/joomlart/uber/teams/mem-1.jpg","images/joomlart/uber/teams/mem-5.jpg","images/joomlart/uber/teams/mem-7.jpg","images/joomlart/uber/teams/mem-8.jpg"],"team_about
John DoeDesigner
":["Dewey Hall","Lorenzo Pope","Perry Larson","Darren Klein","Caleb Phillips","Pedro Frank","Darren Klein"," Julian Byrd"],"team_about
John DoeDesigner
":["Interaction Designer","Interaction Designer","CEO","Experience Designer","Chief Creative Officer","Director of Events","Leader","Design Director"]}}

4. Our Team Style 4

Module position: uber-teams
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:teams","teams":{"jatools-layout-teams":["style-4"],"team_about[block-intro]":["We could not reach this far without such a hero team. Dedicated, collaborative and professional workaholic people."],"team_about[block-extra-class]":[""],"team_about[block-bg]":[""],"team_about[number_col]":["4"],"team_about[full-width]":["0"],"team_about
John DoeDesigner
":["images/joomlart/uber/teams/mem-9.jpg","images/joomlart/uber/teams/mem-10.jpg","images/joomlart/uber/teams/mem-11.jpg","images/joomlart/uber/teams/mem-12.jpg","images/joomlart/uber/teams/mem-13.jpg","images/joomlart/uber/teams/mem-14.jpg"],"team_about
John DoeDesigner
":["","","","","",""],"team_about
John DoeDesigner
":["Dewey Hall","Lorenzo Pope","Perry Larson","Darren Klein","Caleb Phillips","Pedro Frank"],"team_about
John DoeDesigner
":["Interaction Designer","Interaction Designer","CEO","Experience Designer","Chief Creative Officer","Director of Events"],"team_about
John DoeDesigner
":["fa fa-facebook","fa fa-facebook","fa fa-linkedin","fa fa-facebook","fa fa-facebook","fa fa-twitter"],"team_about
John DoeDesigner
":["http://www.facebook.com","http://www.facebook.com","http://www.linked-in.com","http://www.facebook.com","http://www.facebook.com","http://www.twitter.com"],"team_about
John DoeDesigner
":["fa fa-twitter","fa fa-twitter","fa fa-twitter","fa fa-linkedin","fa fa-linkedin","fa fa-linkedin"],"team_about
John DoeDesigner
":["http://www.twitter.com","http://www.twitter.com","http://www.twitter.com","http://www.linked-in.com","http://www.linked-in.com","http://www.linkedin.com"],"team_about
John DoeDesigner
":["fa fa-linkedin","fa fa-google-plus","fa fa-google-plus","fa fa-pinterest","fa fa-twitter","fa fa-pinterest"],"team_about
John DoeDesigner
":["http://www.linked-in.com","http://www.google.com","http://www.google.com","http://www.pinterest.com","http://www.twitter.com","http://www.pinterest.com"],"team_about
John DoeDesigner
":["fa fa-google-plus","","","","",""],"team_about
John DoeDesigner
":["http://www.google.com","","","","",""],"team_about
John DoeDesigner
":["fa fa-dribbble","","","","",""],"team_about
John DoeDesigner
":["http://www.dribbble.com","","","","",""]}}

Type - Statistics

The content type is to create visual impact with statistic figures

1. Statistics Style 1

Module position: uber-stats
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:statistics","statistics":{"jatools-layout-statistics":["style-1"],"statistics[block-intro]":[""],"statistics[block-extra-class]":[""],"statistics[block-bg]":[""],"statistics[stats-title]":["Statistics Style 1"],"statistics[stats-description]":["At this phase, we round up a collection of 12+ block types that feature typical content in Uber. Each block comes with multiple styles, giving you endless customisation possibility. "],"statistics[acm-style]":["style-light"],"statistics[full-width]":["0"],"statistics[data]":{"statistics[data][stats-count]":["6+","7+","3+","5+","7+","3+"],"statistics[data][stats-name]":["hero blocks","testimonials","CTA","galleries","slideshows ","pricing"],"statistics[data][stats-color]":["","","","","",""],"rows":6,"cols":4,"type":"list"}}}

2. Statistics Style 2

Module position: uber-stats
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:statistics","statistics":{"jatools-layout-statistics":["style-2"],"statistics[block-intro]":["We deliver specialised services for clients in every industry, all over the world."],"statistics[block-extra-class]":[" section-lightest"],"statistics[block-bg]":[""],"statistics[stats-title]":[""],"statistics[stats-description]":[""],"statistics[acm-style]":["style-light"],"statistics[full-width]":["0"],"statistics[data-style-2]":{"statistics[data-style-2][font-icon]":["fa-users","fa-location-arrow","fa-pencil","fa-lightbulb-o"],"statistics[data-style-2][stats-count]":["280","200","996688","546"],"statistics[data-style-2][stats-name]":["Client Work","Projects Completed","Lines Of Code Written","Ideas Created"],"statistics[data-style-2][stats-color]":["","","",""],"rows":4,"cols":5,"type":"list"}}}

3. Statistics Style 3

Module position: uber-stats
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:statistics","statistics":{"jatools-layout-statistics":["style-3"],"statistics[block-intro]":["The facts and figures on the power of visual content."],"statistics[block-extra-class]":[" statistics-style-3"],"statistics[block-bg]":[""],"statistics[stats-title]":[""],"statistics[stats-description]":[""],"statistics[acm-style]":["style-light"],"statistics[full-width]":["0"],"statistics[data]":{"statistics[data][stats-count]":["70","80","85","90"],"statistics[data][stats-name]":["Flash","Illustration","Photoshop","Design"],"statistics[data][stats-color]":["","","",""],"rows":4,"cols":4,"type":"list"}}}

Type - Contact Info

The content type is to create Footer content block. The Footer loads content from assigned positions.

1. Contact Info Style 1

Module position: uber-contact-info
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:contact-info","contact-info":{"jatools-layout-contact-info":["style-1"],"contact-info[block-intro]":["Need service or support? Submit your inquiry here and we’ll find you a solution."],"contact-info[block-extra-class]":["  no-padding-bottom"],"contact-info[acm-style]":["style-light"],"contact-info[contact-info-googlemap]":[""],"contact-info[contact-info-image]":["images/joomlart/uber/map/map-1.jpg"],"contact-info[contact-info-position]":["top-left"],"contact-info[full-width]":["1"],"contact-info[contact-info-item]":{"contact-info[contact-info-item][contact-info-icon]":["fa-home","fa-phone","fa-envelope-o","fa-globe"],"contact-info[contact-info-item][contact-info-name]":["Address","Phone","Mail","Web"],"contact-info[contact-info-item][contact-info-value]":["1600 Amphitheatre Parkway, Mountain View, CA, 94043","00 1 650-253-0000","该Email地址已收到反垃圾邮件插件保护。要显示它您需要在浏览器中启用JavaScript。","((a href=\"http://www.joomlart.com\" title=\"Joomlart\"))http://www.joomlart.com((/a))"],"rows":4,"cols":4,"type":"list"}}}

2. Style 2 - Google Map

Module position: uber-contact-info
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:contact-info","contact-info":{"jatools-layout-contact-info":["style-2"],"contact-info[block-intro]":["Visit our store to experience the digital lifestyle with our latest product versions. "],"contact-info[block-extra-class]":[" section-lighter no-padding-bottom"],"contact-info[acm-style]":["style-light"],"contact-info[contact-info-googlemap]":["{jamap}"],"contact-info[contact-info-image]":[""],"contact-info[contact-info-position]":["top-right"],"contact-info[full-width]":["1"],"contact-info[contact-info-item]":{"contact-info[contact-info-item][contact-info-icon]":["fa-home","fa-phone","fa-envelope-o","fa-globe"],"contact-info[contact-info-item][contact-info-name]":["Address","Phone","Mail","Web"],"contact-info[contact-info-item][contact-info-value]":["1600 Amphitheatre Parkway, Mountain View, CA, 94043","00 1 650-253-0000","该Email地址已收到反垃圾邮件插件保护。要显示它您需要在浏览器中启用JavaScript。","((a href=\"http://www.joomlart.com\" title=\"Joomlart\"))http://www.joomlart.com((/a))"],"rows":4,"cols":4,"type":"list"}}}

3. Style 3 - Two Columns

Module position: uber-contact-info
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:contact-info","contact-info":{"jatools-layout-contact-info":["style-3"],"contact-info[block-intro]":["Start your request online and our team will get back to you within 24 hours. "],"contact-info[block-extra-class]":[""],"contact-info[acm-style]":["style-light"],"contact-info[contact-info-googlemap]":[""],"contact-info[contact-info-image]":["images/joomlart/uber/map/map-1.jpg"],"contact-info[contact-info-description1]":["((h4))Uber Support Community((/h4))\n((p))Connect with our Uber users to find and share the solutions on numerous use cases or get professional advice from our team.  ((/p))"],"contact-info[full-width]":["0"],"contact-info[contact-info-item]":{"contact-info[contact-info-item][contact-info-icon]":["fa-home","fa-phone","fa-envelope-o","fa-globe"],"contact-info[contact-info-item][contact-info-name]":["","","",""],"contact-info[contact-info-item][contact-info-value]":["1600 Amphitheatre Parkway, Mountain View, CA, 94043","00 1 650-253-0000","该Email地址已收到反垃圾邮件插件保护。要显示它您需要在浏览器中启用JavaScript。","((a href=\"http://www.joomlart.com\" title=\"Joomlart\"))http://www.joomlart.com((/a))"],"rows":4,"cols":4,"type":"list"}}}

4. Style 4 - Three Columns

Module position: uber-contact-info
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:contact-info","contact-info":{"jatools-layout-contact-info":["style-4"],"contact-info[block-intro]":["Learn about Uber features, view online documentations, get the latest downloads, and more. "],"contact-info[block-extra-class]":[" section-lighter"],"contact-info[acm-style]":["style-light"],"contact-info[contact-info-googlemap]":[""],"contact-info[contact-info-image]":["images/joomlart/uber/map/map-1.jpg"],"contact-info[contact-info-description1]":["((h4))Uber Support Community((/h4))\n((p))Connect with our Uber users to find and share the solutions on numerous use cases or get professional advice from our team.  ((/p))"],"contact-info[contact-info-description2]":["((h4))Help((/h4))\n((p))Need help? Don't hestiate to ask us something. Email us directly 该Email地址已收到反垃圾邮件插件保护。要显示它您需要在浏览器中启用JavaScript。 or call us at ((strong))00 1 650-253-0000((/strong)). You can checkout our ((a href=\"#\" title=\"\"))FAQ((/a)) and ((a href=\"#\" title=\"\"))Help((/a)) page to get more information about our products.((/p))"],"contact-info[full-width]":["0"],"contact-info[contact-info-item]":{"contact-info[contact-info-item][contact-info-icon]":["fa-home","fa-phone","fa-envelope-o","fa-globe"],"contact-info[contact-info-item][contact-info-name]":["","","",""],"contact-info[contact-info-item][contact-info-value]":["1600 Amphitheatre Parkway, Mountain View, CA, 94043","00 1 650-253-0000","该Email地址已收到反垃圾邮件插件保护。要显示它您需要在浏览器中启用JavaScript。","((a href=\"http://www.joomlart.com\" title=\"Joomlart\"))http://www.joomlart.com((/a))"],"rows":4,"cols":4,"type":"list"}}}

5. Style 5

Module position: uber-contact-info
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:contact-info","contact-info":{"jatools-layout-contact-info":["style-5"],"contact-info[block-intro]":["Need service or support? Submit your inquiry here and we’ll find you a solution."],"contact-info[block-extra-class]":[""],"contact-info[acm-style]":["style-dark"],"contact-info[contact-info-googlemap]":[""],"contact-info[contact-info-image]":["images/joomlart/uber/map/map-1.jpg"],"contact-info[full-width]":["0"],"contact-info[contact-info-item]":{"contact-info[contact-info-item][contact-info-icon]":[""],"contact-info[contact-info-item][contact-info-name]":["As a Harvard professor, he was one of the first to explore the relationship."],"contact-info[contact-info-item][contact-info-value]":["((a href=\"#\" title=\"\"))该Email地址已收到反垃圾邮件插件保护。要显示它您需要在浏览器中启用JavaScript。((/a))"],"rows":1,"cols":4,"type":"list"}}}

The content type is to create contact info content block.

1. Footer - Light Background

Module position: uber-footer
Module Suffix: NOT USED

Get Demo Data →

2. Footer - Highlight Background

Module position: uber-footer
Module Suffix: NOT USED

Get Demo Data →

3. Footer - Background Image

Module position: uber-footer
Module Suffix: NOT USED

Get Demo Data →

4. Footer Style 2 - Dark Color

Module position: uber-footer
Module Suffix: NOT USED

Get Demo Data →

5. Footer Style 2

Module position: uber-footer
Module Suffix: NOT USED

Get Demo Data →

6. Footer Style 4 - Christmas

Module position: uber-footer
Module Suffix: NOT USED

Get Demo Data →

7. Footer Style 3

Module position: uber-footer
Module Suffix: NOT USED

Get Demo Data →

8. Footer Style 3 - Contact Info

Module position: uber-footer
Module Suffix: NOT USED

Get Demo Data →

9. Footer Style 5

Module position: uber-footer
Module Suffix: NOT USED

Get Demo Data →

Type - Header

The content type is to create Header content block. Each header content block include your site header (menu, logo, etc) and modules that assigned.

1. Header Style 1

Module position: uber-header
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:header","header":{"jatools-layout-header":["style-1"],"header[header-background]":["dark-color"],"header[enable-sticky]":["0"],"header[full-width]":["0"],"header[header-hero-position]":["header-1"],"header[logo-image]":[""]}}

2. Header Style 2

Module position: uber-header
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:header","header":{"jatools-layout-header":["style-2"],"header[header-background]":["highlight-color"],"header[enable-sticky]":["0"],"header[full-width]":["0"],"header[header-hero-position]":["header-2"],"header[logo-image]":[""]}}

Back-end settings

3. Header Style 3 - Christmas

Module position: uber-header
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:header","header":{"jatools-layout-header":["style-3"],"header[enable-sticky]":["0"],"header[full-width]":["0"],"header[header-hero-position]":["header-4"],"header[logo-image]":[""]}}

4. Header Style 4

Module position: uber-header
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:header","header":{"jatools-layout-header":["style-4"],"header[enable-sticky]":["0"],"header[full-width]":["0"],"header[header-hero-position]":[""],"header[logo-image]":["images/joomlart/uber/logo/logo-1.png"]}}

5. Header Style 5

Module position: uber-header
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:header","header":{"jatools-layout-header":["style-5"],"header[enable-sticky]":["0"],"header[full-width]":["0"],"header[header-hero-position]":[""],"header[logo-image]":["images/joomlart/uber/logo/logo-2.png"]}}

6. Header Style 6

Module position: uber-header
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:header","header":{"jatools-layout-header":["style-6"],"header[enable-sticky]":["0"],"header[full-width]":["0"],"header[header-hero-position]":["header-3"],"header[logo-image]":["images/joomlart/uber/logo/logo-2.png"]}}

7. Header Style 7

Module position: uber-header
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:header","header":{"jatools-layout-header":["style-7"],"header[enable-sticky]":["0"],"header[full-width]":["0"],"header[header-hero-position]":[""],"header[logo-image]":["images/joomlart/uber/logo/logo-1.png"]}}

Type - Clients

The content type is to create Client content block. Each content block includes 1 or many clients, each client is configured to have name, logo and other info.

1. Clients - 1 row

Module position: uber-clients
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:clients","clients":{"jatools-layout-clients":["style-1"],"clients[columns]":["6"],"clients[acm-style]":["style-light"],"clients[full-width]":["0"],"clients[img-gray]":["0"],"clients[client-item]":{"clients[client-item][client-logo]":["images/joomlart/uber/clients/partner-1.png","images/joomlart/uber/clients/partner-2.png","images/joomlart/uber/clients/partner-3.png","images/joomlart/uber/clients/partner-4.png","images/joomlart/uber/clients/partner-5.png","images/joomlart/uber/clients/partner-6.png"],"clients[client-item][client-name]":["Nivea","Biore","Rmi","","",""],"clients[client-item][client-link]":["#","#","#","#","#","#"],"rows":6,"cols":4,"type":"list"}}}

2. Clients - 2 rows

Module position: uber-clients
Module Suffix: section-lightest

Get Demo Data →

{":type":"uber:clients","clients":{"jatools-layout-clients":["style-1"],"clients[columns]":["5"],"clients[acm-style]":["style-light"],"clients[full-width]":["0"],"clients[img-gray]":["0"],"clients[client-item]":{"clients[client-item][client-logo]":["images/joomlart/uber/clients/client-1.png","images/joomlart/uber/clients/client-2.png","images/joomlart/uber/clients/client-3.png","images/joomlart/uber/clients/client-4.png","images/joomlart/uber/clients/client-5.png","images/joomlart/uber/clients/client-6.png","images/joomlart/uber/clients/client-7.png","images/joomlart/uber/clients/client-8.png","images/joomlart/uber/clients/client-9.png","images/joomlart/uber/clients/client-10.png"],"clients[client-item][client-name]":["","","Rmi","","","","","","",""],"clients[client-item][client-link]":["#","#","#","#","#","#","#","#","#","#"],"rows":10,"cols":4,"type":"list"}}}

3. Clients - 2 rows dark

Module position: uber-clients
Module Suffix: section-darkenblue

Get Demo Data →

{":type":"uber:clients","clients":{"jatools-layout-clients":["style-1"],"clients[columns]":["5"],"clients[acm-style]":["style-dark"],"clients[full-width]":["0"],"clients[img-gray]":["0"],"clients[client-item]":{"clients[client-item][client-logo]":["images/joomlart/uber/clients/client-11.png","images/joomlart/uber/clients/client-12.png","images/joomlart/uber/clients/client-13.png","images/joomlart/uber/clients/client-14.png","images/joomlart/uber/clients/client-15.png","images/joomlart/uber/clients/client-16.png","images/joomlart/uber/clients/client-17.png","images/joomlart/uber/clients/client-18.png","images/joomlart/uber/clients/client-19.png","images/joomlart/uber/clients/client-20.png"],"clients[client-item][client-name]":["","","","","","","","","",""],"clients[client-item][client-link]":["","","","","","","","","",""],"rows":10,"cols":4,"type":"list"}}}

4. Clients - Image Gray

Module position: uber-clients
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:clients","clients":{"jatools-layout-clients":["style-1"],"clients[columns]":["6"],"clients[acm-style]":["style-light"],"clients[full-width]":["0"],"clients[img-gray]":["1"],"clients[client-item]":{"clients[client-item][client-logo]":["images/joomlart/uber/clients/partner-1.png","images/joomlart/uber/clients/partner-2.png","images/joomlart/uber/clients/partner-3.png","images/joomlart/uber/clients/partner-4.png","images/joomlart/uber/clients/partner-5.png","images/joomlart/uber/clients/partner-6.png"],"clients[client-item][client-name]":["Nivea","Biore","Rmi","","",""],"clients[client-item][client-link]":["#","#","#","#","#","#"],"rows":6,"cols":4,"type":"list"}}}

Type - Utility Bar

The content type is to create top bar content block for Promotions, Social Channel, Network, etc.

1. Top Bar Style 1

Module position: uber-bar
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:bar","bar":{"jatools-layout-bar":["style-1"],"bar[bar-background]":["dark-color"],"bar[bar-left-position]":["topbar-2"],"bar[bar-right-position]":[""],"bar[full-width]":["0"],"bar[enable-sticky]":["0"],"bar[enable-close]":["0"],"bar[facebook]":["joomlart"],"bar[google-plus]":["joomlart"],"bar[twitter]":["joomlart"],"bar[pinterest]":[""],"bar[linkedin]":["joom-solutions"]}}

2. Top Bar - Style 1 - Light

Module position: uber-bar
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:bar","bar":{"jatools-layout-bar":["style-1"],"bar[bar-background]":["light-color"],"bar[bar-left-position]":["topbar-1"],"bar[bar-right-position]":["topbar-3"],"bar[full-width]":["0"],"bar[enable-sticky]":["0"],"bar[enable-close]":["0"],"bar[facebook]":[""],"bar[google-plus]":[""],"bar[twitter]":[""],"bar[pinterest]":[""],"bar[linkedin]":[""]}}

3. Top Bar - Style 1 - Highlight

Module position: uber-bar
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:bar","bar":{"jatools-layout-bar":["style-1"],"bar[bar-background]":["highlight-color"],"bar[bar-left-position]":["topbar-1"],"bar[bar-right-position]":[""],"bar[full-width]":["0"],"bar[enable-sticky]":["0"],"bar[enable-close]":["0"],"bar[facebook]":["joomlart"],"bar[google-plus]":["joomlart"],"bar[twitter]":["joomlart"],"bar[pinterest]":[""],"bar[linkedin]":["joom-solutions"]}}

4. Top Bar - Style 1 - Highlight

Module position: uber-bar
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:bar","bar":{"jatools-layout-bar":["style-1"],"bar[bar-background]":["red-color"],"bar[bar-left-position]":["topbar-1"],"bar[bar-right-position]":[""],"bar[full-width]":["0"],"bar[enable-sticky]":["0"],"bar[enable-close]":["0"],"bar[facebook]":["joomlart"],"bar[google-plus]":["joomlart"],"bar[twitter]":["joomlart"],"bar[pinterest]":[""],"bar[linkedin]":["joom-solutions"]}}

5. Top Bar - Style 1 - Blue

Module position: uber-bar
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:bar","bar":{"jatools-layout-bar":["style-1"],"bar[bar-background]":["blue-color"],"bar[bar-left-position]":["topbar-2"],"bar[bar-right-position]":[""],"bar[full-width]":["1"],"bar[enable-sticky]":["0"],"bar[enable-close]":["0"],"bar[facebook]":["joomlart"],"bar[google-plus]":["joomlart"],"bar[twitter]":["joomlart"],"bar[pinterest]":[""],"bar[linkedin]":["joom-solutions"]}}

6. Top Bar - Style 1 - Purple

Module position: uber-bar
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:bar","bar":{"jatools-layout-bar":["style-1"],"bar[bar-background]":["purple-color"],"bar[bar-left-position]":["topbar-1"],"bar[bar-right-position]":[""],"bar[full-width]":["0"],"bar[enable-sticky]":["0"],"bar[enable-close]":["0"],"bar[facebook]":["joomlart"],"bar[google-plus]":["joomlart"],"bar[twitter]":["joomlart"],"bar[pinterest]":[""],"bar[linkedin]":["joom-solutions"]}}

7. Top Bar - Style 1 - Green

Module position: uber-bar
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:bar","bar":{"jatools-layout-bar":["style-1"],"bar[bar-background]":["green-color"],"bar[bar-left-position]":["topbar-1"],"bar[bar-right-position]":[""],"bar[full-width]":["0"],"bar[enable-sticky]":["0"],"bar[enable-close]":["0"],"bar[facebook]":["joomlart"],"bar[google-plus]":["joomlart"],"bar[twitter]":["joomlart"],"bar[pinterest]":[""],"bar[linkedin]":["joom-solutions"]}}

8. Top Bar - Style 1 - Yellow

Module position: uber-bar
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:bar","bar":{"jatools-layout-bar":["style-1"],"bar[bar-background]":["yellow-color"],"bar[bar-left-position]":["topbar-1"],"bar[bar-right-position]":[""],"bar[full-width]":["0"],"bar[enable-sticky]":["0"],"bar[enable-close]":["0"],"bar[facebook]":["joomlart"],"bar[google-plus]":["joomlart"],"bar[twitter]":["joomlart"],"bar[pinterest]":[""],"bar[linkedin]":["joom-solutions"]}}

9. Top Bar - Style 1 - Yellow

Module position: uber-bar
Module Suffix: NOT USED

Get Demo Data →

{":type":"uber:bar","bar":{"jatools-layout-bar":["style-2"],"bar[bar-background]":["red-color"],"bar[full-width]":["1"],"bar[enable-sticky]":["0"],"bar[enable-close]":["0"],"bar[bar-message]":["This is a demo store. Any orders placed through this store will not be honored or fulfilled."]}}

JA ACM module content type structure

Each content type of JA ACM module is a folder stored in templates\uber\acm\.

templates/uber/acm
+--contact-info/
¦    +-- config.xml				/*define fields for the content type*/
¦    +-- tmpl/
¦    ¦  +-- style-1.php
¦    ¦  +-- style-2.php
¦    +-- less/
¦    ¦  +-- style.less
¦    ¦  +-- style-1.less
¦    ¦  +-- style-2.less
¦    +-- css/
¦    ¦  +-- style.css
¦    +-- js/
+--container-tabs/
+--container-slideshow/
+--cta/
+--features-intro/
+--gallery/
+--hero/
+--pricing/
+--slideshow/
+--spotlight/
+--statistics/
+--teams/
+--testimonials/

In each folder (content type folder), it includes:

  • .xml file: define the fields in the layout
  • tmpl folder: include all style files that the content type support, each style is a .php file, the file is to define how the fields in the .xml file displayed in front-page.
  • less folder: include .less file to style for the content type and each style.
    1. style.less: global style of the content type and to import .less file of each style.
    2. style-1.less: contain style of Style 1 (tmpl/style-1.php). The .less file name is the same with .php style name in the tmpl folder.

     

  • css folder: the compiled CSS files from the less folder, all files are joined so you just have style.css in this folder.
  • .js folder (if necessary): include JavaSripts files for the content type.

Create new fields, style

1. Add new fields for a content type

You can add new fields for any content type, open the .xml file then define new fields using the format below:

<field name="button" type="text" default="" label="FIELD_LABEL" description="FIELD_DESC" required="1" />

Select fields to display in specific style: styles in a content type load different fields depend on the purpose of the style. To do this, when defining a field in .xml file, select layouts to active the field, please follow the format:

<field name="button" type="text" default="" label="FIELD_LABEL" description="FIELD_DESC" required="1" layouts="default, style-5"/>

2. Create new style for a content type

The best way to create new style for a type is cloning a style file then rename the cloned file and customize the PHP code.

3. Customize style

You can customize style for any content block and style that the content block supports. Open .less file in the less folder of the block folder, for example: templates\uber\acm\hero\less then go ahead with your customization. Once done, please save the file and compile LESS to CSS via Uber template administration panel.

Please do not use .css files in the templates\uber\acm\hero\css folder to customize as the files are just compiled files from less folder so if you compile LESS to CSS, the files will be overridden and your customization will be lost.

Create new content type

You can create new content type to build content for your site.

  • Step 1 - create folder inside templates\uber\acm folder
  • Step 2 - create .xml file in the folder and define fields for the content type
  • Step 3 - create tmpl folder, add style files for the content type (style-1.php, style-2.php) and call the fields, define layout, class for fields for the style
  • Step 4 - create less folder, add .less files (style.less, style-1.less, style-2.less) and add style for the content block, style in those files.
  • Step 5 (if required) - create js folder, add .js files and add JavaScripts that is used for the content block.

You can use JA ACM in any template that meet the requirements:

1. Templates developed with T3 framework

2. T3 Framework version 2.4+

3. Templates support Bootstrap 3

If your template meets the above requirements, please follow the instruction to use JA ACM in the template.

Step - 1 :download Uber quickstart package (Joomla 2.5 or Joomla 3 is fine) then extract the download package.

Step - 2 :download JA ACM module installation package

Step - 3 :install JA ACM in your Joomla system

Step - 4 :copy the folder: templates/uber/acm to your Joomla template folder: your_site_root_folder/templates/your_template/acm.

Step - 5 :copy language of the ACM in Uber to new template

The language of the ACM is stored in the : templates\uber\language\en-GB\en-GB.tpl_uber.ini, open the file and copy the launguage of ACM to the corresponding file of new template: templates\your_template\language\en-GB\en-GB.tpl_your_template.sys.ini.

WELL DONE, it's ready to use JA ACM module in your site now.