Joomla extension cofiguration

How to configure default Joomla extension in JA Playmag demo

Custom HTML Module: We have styled (CSS) for several Custom HTML modules using different div classes. You should check out the HTML codes in these module and follow the same format in order to get it displayed correctly. We do also provide the HTML code for your references.

Firstly, please turn off the editor. Go to: "System >> Global configuration", select "Editor - None" for the "Default Editor" field.

1. Follow us

Module position: followus
Module Suffix: NOT USED

Custom HTML

<!-- AddThis Follow BEGIN -->
<div class="addthis_toolbox addthis_32x32_style addthis_default_style">
<a class="addthis_button_facebook_follow" addthis:userid="joomlart"></a>
<a class="addthis_button_twitter_follow" addthis:userid="joomlart"></a>
<a class="addthis_button_google_follow" addthis:userid="joomlart"></a>
</div>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=xa-525b746c4d879b01"></script>
<!-- AddThis Follow END -->

Front-end appearance

Follow us module

2. Gear

Module position: sidebar-1
Module Suffix:  title-background-gray

Custom HTML

<img src="/images/joomlart/banners/new-adv.png" alt="" />
<div class="new-product">
<h4>Xbox One Console</h4>
<span class="price">$299.99</span>
<p>Get off the couch and into the game with the Xbox 360. With the Kinect sensor, you're the controller.</p>
</div>

Front-end appearance

Gear module front

This Module shows a list of the currently published Articles which have the highest number of page views.

Module position: sidebar-1
Module Suffix:  title-inline title-background-black

Back-end setting

Front-end appearance

Most read content module front-end

This module displays a list of categories from one parent category.

Module position: sidebar-2
Module Suffix: NOT USED

Back-end setting

Front-end appearance

Articles categories module front-end

This module displays a list of articles from one or more categories.

All Articles Category modules used in JA Playmag has customized layouts. We add 4 alternative layouts:

  • carousel
  • latestreviews
  • latestvideos
  • topgames

To assign alternative layout for the module, from the module back-end, open the "Advanced" setting panel, select layout you want in the "Alternative Layout".

Alternative layout setting

The layout files are located in templates\ja_playmag\html\mod_articles_category\, you can customize the layouts or create new layout based on the layouts.

1. Top Story Now

Module position: content-mast-top
Module Suffix: title-inline title-background-primary
Alternative layout: carousel

Back-end setting

Front-end appearance

Articles category module front-end

2. Latest Reviews

Module position: mast-top-1
Module Suffix:  title-background-primary
Alternative layout: latestreviews

Back-end setting

Front-end appearance

Articles category module front-end

3. Popular News

Module position: mast-top-1
Module Suffix: NOT USED
Alternative layout: latestreviews

Back-end setting

Front-end appearance

Articles category module front-end

4. Hot Videos

Module position: mast-top-1
Module Suffix: NOT USED
Alternative layout: latestvideos

Back-end setting

Front-end appearance

Articles category module front-end

5. Top Games

Module position: sidebar-2
Module Suffix: highlight-module
Alternative layout: topgames

Back-end setting

Front-end appearance

Articles category module front-end

The Banner Module displays the active Banners from the Component.

1. Bottom Banner

Module position: bottom-banner
Module Suffix: NOT USED

Back-end setting

Front-end appearance

Banner module front-end

2. Top Banner

Module position: top-banner
Module Suffix: NOT USED

Back-end setting

Front-end appearance

Banner module front-end

3. Banners

Module position: sidebar-2
Module Suffix: NOT USED

Back-end setting

Front-end appearance

Banner module front-end

The Article Newsflash Module will display a fixed number of Articles from a specific Category or a set of Categories.

Module position: sidebar-2
Module Suffix: NOT USED

Module back end setting

The module uses "recommends" alternative layout that is customized from default layout. To configure alternative layout, from the module back-end, open the "Advanced" setting panel, select "recommends" for "Alternative Layout" field.

Configure alternative layout

The layout is located in templates\ja_playmag\html\mod_articles_news. There are 2 files in the folder.

  • recommends.php - it's the listing layout
  • recommends_items.php - it's the detail item layout

Front-end appearance

Articles Newsflash module front-end