Yahoo Weather Module is to get weather info like forecasts from Yahoo Weather and display in your site.

Module position: sidebar-1
Module Suffix: NOT USED

In the setting panel, you can configure temperature unit, locations and enable Yahoo Weather or not.

The module supports 2 Alternative Layouts: Default and Accordion. You can configure the setting in the "Advanced" tab.

Once the configuration of the module is done, you would see the front-end like this.

Yahoo Weather Module is to get free stock quotes info from Yahoo Finance and display the info in your site.

Module position: sidebar-1
Module Suffix: NOT USED

In the setting panel, add symbols to display stock quotes from, for example: YHOO,GOOG,AAPL then assign the module to the position you want to display in your site.

The module supports 2 Alternative Layouts: Default and Detailed. You can configure the setting in the "Advanced" tab.

Once the configuration of the module is done, you would see the front-end like this.

Yahoo Weather Module is to get free stock quotes info from Yahoo Finance and display the info in your site.

Module position: sidebar-1
Module Suffix: NOT USED

In the setting panel, add your Facebook Page Id, number of connection to display and the info. The module support 2 color themes: Light and Dark

Once the configuration of the module is done, you would see the front-end like this.

Subscribe / Unsubscribe Module for AcyMailing

Module position: acy-email-footer
Module Suffix: acy-email-footer

• Back-end setting

Once the configuration of the module is done, you would see the front-end like this.

In JA Teline V demo, we build sample tab module and it looks like this:

You can create such tab module in your site by following our instruction below:

Step 1 - Create Custom HTML Module

The Custom HTML module is to call modules to display in tabs.

Module position: sidebar-1
Module Suffix: NOT USED

Custom HTML

<div><!-- Nav tabs -->
 
<ul class="nav nav-tabs">
 
<li class="active"><a href="#home" data-toggle="tab">Most read</a></li>
 
<li><a href="#profile" data-toggle="tab">Latest news</a></li>
 
</ul>
 
<!-- Tab panes -->
 
<div class="tab-content">
 
<div id="home" class="tab-pane active"> { loadposition tab-1 }</div>
 
<div id="profile" class="tab-pane"> { loadposition tab-2 }</div>
 
</div>
 
</div>

The modules assigned to position: tab-1 and tab-2 will be displayed in tabs.

• Back-end setting

Step 2 - Create modules displayed in tab

1. Most Read - Articles Category Module

Module position: tab-1
Module Suffix: NOT USED
Alternative Layout: list

• Module Detail setting
• Module Filtering setting
• Module Advanced setting

2. Latest news - Articles Category Module

Module position: tab-2
Module Suffix: NOT USED
Alternative Layout: list

• Module Detail setting
• Module Filtering setting
• Module Advanced setting

Social

Module position: footer-4
Module Suffix: ja-social

Custom HTML

<ul class="nav">
 
<li>
 
<a href="https://www.facebook.com/joomlart"><i class="fa fa-facebook"> </i>Facebook</a></li>
 
<li>
 
<a href="https://twitter.com/joomlart"><i class="fa fa-twitter"> </i>Twitter</a></li>
 
<li>
 
<a href="https://plus.google.com/+JoomlArt/posts"><i class="fa fa-google-plus"> </i>Google+</a></li>
 
<li>
 
<a href="http://pinterest.com/joomlart/"><i class="fa fa-pinterest"> </i>Pinterest</a></li>
 
<li>
 
<a href="https://www.youtube.com/user/JoomlArt"><i class="fa fa-youtube"> </i>Youtube</a></li>
 
<li>
 
<a href="http://instagram.com/joomlart"><i class="fa fa-instagram"> </i>Instagram</a></li>
 
<li>
 
<a href="http://feeds.feedburner.com/joomlart/joomla"><i class="fa fa-rss"> </i>RSS</a></li>
 
</ul>

Top Blogger

Module position: sidebar-1
Module Suffix: NOT USED

Custom HTML

<div class="bloggers-wrap">
 
<ul class="blogger-list">
 
<li>
 
<span class="avatar"><img src="/images/stories/joomlart/avatars/avt-5.jpg" alt="Sample avatar" /></span>
 
<h4>Christian Hardy</h4>
 
<p>Joomla! core</p>
 
<ul class="social-list">
 
<li><a href="#" title="Facebook"><i class="fa fa-facebook"></i></a></li>
 
<li><a href="#" title="Twitter"><i class="fa fa-twitter"></i></a></li>
 
<li><a href="#" title="Linked-in"><i class="fa fa-linkedin"></i></a></li>
 
<li><a href="#" title="Google plus"><i class="fa fa-google"></i></a></li>
 
</ul>
 
</li>
 
 
 
<li>
 
<span class="avatar"><img src="/images/stories/joomlart/avatars/avt-1.jpg" alt="Sample avatar" /></span>
 
<h4>Agnes Payne</h4>
 
<p>Joomlart's Co-Founder</p>
 
<ul class="social-list">
 
<li><a href="#" title="Facebook"><i class="fa fa-facebook"></i></a></li>
 
<li><a href="#" title="Twitter"><i class="fa fa-twitter"></i></a></li>
 
<li><a href="#" title="Linked-in"><i class="fa fa-linkedin"></i></a></li>
 
<li><a href="#" title="Google plus"><i class="fa fa-google"></i></a></li>
 
</ul>
 
</li>
 
 
 
<li>
 
<span class="avatar"><img src="/images/stories/joomlart/avatars/avt-2.jpg" alt="Sample avatar" /></span>
 
<h4>Christian Hardy </h4>
 
<p>UberTheme's CEO</p>
 
<ul class="social-list">
 
<li><a href="#" title="Facebook"><i class="fa fa-facebook"></i></a></li>
 
<li><a href="#" title="Twitter"><i class="fa fa-twitter"></i></a></li>
 
<li><a href="#" title="Linked-in"><i class="fa fa-linkedin"></i></a></li>
 
<li><a href="#" title="Google plus"><i class="fa fa-google"></i></a></li>
 
</ul>
 
</li>
 
 
 
</ul>
 
</div>