JA Yahoo Weather Module
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.
JA Yahoo Finance Module
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.
JA Facebook Likebox Module
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.
Acymailing Module
Subscribe / Unsubscribe Module for AcyMailing
Module position: acy-email-footer Module Suffix: acy-email-footer
Once the configuration of the module is done, you would see the front-end like this.
Create Tab Module
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.
Step 2 - Create modules displayed in tab
1. Most Read - Articles Category Module
Module position: tab-1 Module Suffix: NOT USED Alternative Layout: list
2. Latest news - Articles Category Module
Module position: tab-2 Module Suffix: NOT USED Alternative Layout: list
Custom HTML Module
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>