The section will help you with steps to install the JA Comics quickstart or manual installation.

  • Quickstart installation: Replicate Template demo to your server.
  • Manual installation: install template, plugin manually on your Joomla site

System requirement

Please make sure your system meets the following requirements:


  • Software: PHP (Magic Quotes GPC off): 7.2+ (8.0 recommended)


  • MySQL(InnoDB support required): 5.61+
  • MSSQL 10.50.1600.1 +
  • PostgreSQL 11.0

Web Servers

  • Apache 2.4+
  • Microsoft IIS 7
  • Nginx 1.10 (1.18+ recommended)

Browser requirement

  • Firefox 13+
  • IE (Internet Explorer) 8+
  • Google Chrome XY and the latest
  • Opera 11.6+
  • Safari 5.1+

Development Environment

During the development process, Localhost is preferred. You can use the following servers on your PC to develop your site.


  • wamp server
  • XAMPP for Windows


  • LAMP Bundle
  • XAMPP for Linux

Mac OS

  • MAMP & MAMP Pro
  • XAMPP for Mac OS

Download packages

JA Comics download section includes the following files:

  • Quickstart package for Joomla 3 and Joomla 4
  • JA Comics template
  • T4 Framework plugin
  • JA Masthead Module
  • JA Ajax - JA Content Type plugin
  • System - JA Content Type plugin

Quickstart installation

Quickstart installation allows you to replicate the demo site to your server with all T4 extensions installed and demo content

Joomla 3 tutorial Joomla 4 tutorial

Manual Installation

Installing the JA Comics, T4 framework, and other extensions on your existing Joomla website.

From your back-end setting panel, go to: "Extensions > Extension Manager", browse the extension installation files then hit the "Upload and Install"

  • T4 Framework plugin
  • JA Comics template
  • JA Masthead module
  • JA Content type plugins

JA Comics template documentation

JA Comics template installation guide

By default, the T4 plugin will be auto-enabled after installation. You can check this by going to "Extensions > Plugin Manager" then find T4 Plugin.

Set JA Comics as default template style

Joomla 3: Go to: "Extensions > Template Manager", set JA Comics template style as your default template style.

Joomla 4: Go to: "System > Site Template Styles", set JA Comics template style as your default template style.

Joomla template style access panel

Joomla default template style

Template folder structure

This section is to help you understand the folder structure of the JA Comics template, where to find the files you want.

JA Comics template

JA Comics template is built on the T4 Framework so its folder structure is almost the same as any other JA Templates that are developed with T4 Framework.

	+-- scss/                 /*  all SCSS files */ 
	+--     scss/tpl                 /*  theme tpl SCSS files */ 
	¦    +--  acm.scss
	¦    +--  all.scss
	¦    +--  offcanvas.scss
	¦    +--  styles.scss
	¦    +--  type.scss
	¦    +--  utilities.scss
	¦    +--  variables.scss
	¦    +--  vars.scss
	¦    +--  jpages.scss
	¦    +--  rtl.scss
	¦    +--  template.scss
	¦    +--  bootstrap.scss
	¦    +--  components.scss
	¦    +--  forms.scss
	¦    +--  global.scss
	¦    +--  joomla.scss
	¦    +--  megamenu.scss
	¦    +--  modules.scss
	¦    +--  navigations.scss
	+-- scss/tpls 
	+-- css/                     /*compiled files from SCSS*/
	¦    +-- template.css
	¦    +-- rtl.css
	¦    +-- acm.css
	¦    +-- jpages.css
	¦    +-- off-canvas.css/
	¦    +-- offline.css/
	+-- html/               /*override modules and Joomla com_content*/
	¦    +-- com_content/
	¦    ¦    +-- article/
	¦    ¦    +-- category/
	¦    ¦    +-- featured/
	¦    +-- com_contact/
	¦    ¦    +-- contact/
	¦    +-- mod_acym/
	¦    +-- mod_articles_categories/
	¦    +-- mod_articles_category
	¦    +-- layouts/
	¦    +-- ...
	+-- fonts/ 
	+-- js/ 
	¦    +--owl-carousel
	¦    +-- bootstrap.bundle.js
	¦    +-- template.js
	¦    +-- imagesloaded.pkgd.js
	¦    +-- isotope.pkgd.js
	+-- images/
	+-- language/
	+-- templateDetails.xml  
	+-- templateInfo.php/
	+-- templateHook.php/

CSS and SCSS customization

Any customization is not recommended in the t4 plugin.

To customize your site style, you can use either CSS or SCSS customization tool.

More details

Joomla template style customization

1. Layout configuration

JA Comics supports different layouts by default and you can create more layouts using layout builder.

Assign Layout for a template style

To assign a layout for a JA Comics template style, open the template style » Layout setting panel » and assign a layout for the template style.

Joomla template layout configuration

Set sub-layout

The sub layout is used for child pages. For example, if the Category page is assigned to the main layout, the article detail page is the child page of the Category page, and it will be using the sub-layout, in case the setting is active.

To configure the sub-layout, in the layout setting panel, scroll down and you will find the Sub Layout setting, assign a layout and save the layout setting.

Joomla template layout configuration

Layout positions:

Note: You can create multiple template styles with different layouts assigned. Then assign each template style to specific pages.

View layout builder detail docs

2. Site settings

Logo settings

The Logo settings are present under Site configuration > Logo Settings.

For the logo, you can select to use an image logo or text logo. You can also select the different logos for mobile view.

Joomla template logo setting

Typography settings

The typography includes the global settings for font family, font weight, and line height.

You can enable the custom font setting for heading and navigation (menu).

Joomla template font setting

Other settings:

Joomla template typography setting

  • Page: set page backgroud image and background style attributes
  • Author Settings: show, hide the author block and link for the author
  • Favicon setting: add custom favicon

Site setting detailed docs

JA Comics supports Megamenu for Desktop layout and dropdown or Off-canvas for Mobile layout.

Megamenu setting

Go to Navigation > Megamenu, select a menu and configure the megamenu. You can build a mega menu with multiple rows, each row can include multiple columns. You can assign menu items, modules or a module position to each column.

Joomla template megamenu setting

Megamenu detailed docs

Off-canvas Menu setting

Enable Off-canvas (it is enabled by default), select module position, module style and other options.

Joomla template offcanvas menu setting

Next, create a menu module, assign it to the position: off-canvas.

4. Theme color settings

The theme color allows you to use the color picker to change color for brand colors, base colors, main menu colors, and footer colors.

Joomla template theme color setting

You can view the changes in the website preview on the right panel.

Color Palettes

The color palettes are pre-defined color sets to configure color palettes for sections faster, easier, and more consistent.

In the Theme Color, open the Palettes and you can edit the default palettes, delete or add new ones.

Joomla template color setting

In the layout setting panel, configure a section, select Palettes tab and assign a color palettes for the section.

Joomla template color setting

5. Global settings

Joomla template global setting

JA Comics template global settings include:

  • T4 edit layout: this is the front-end editor (article, module) layout setting, you can select to use clean layout or full position layout
  • CSS & JS optimization: JS and CSS optimization is the process of making your website smaller and faster to load by minifying the JS and CSS codes.
  • Custom Code: You can insert any CSS, JS, meta tags, links, and verification codes using the custom code option. With multiple options to add custom to specific tags.
  • Add-ons: includes settings to enable or disable font icons like Font Awesome, Iconmoon. When an Addon is disabled, its CSS and JS will not be loaded on your website, this is to help keep your site clean and load faster.
  • Open Graph:

Detailed docs

6. CSS & SCSS editor tool

Customizing style for your site is even simpler with the inbuilt custom CSS Editor. In the Tools panel, hit the Edit Custom CSS button and you can add your own custom CSS rules to the editor.

Joomla template custom style

You can override the default variables in the Variables customization editor, as well as the adding custom SCSS.

Joomla template scss customization

Detailed docs

Home page

Step 1 - Create menu item

Go to Menu » Main menu, add a new menu item, select Articles » Featured Article menu type.

Joomla menu settings

Other settings:

Step 2 - Create a template style

As JA Comics has one layout, you can assign all pages to the default JA Comics template style.

Step 3 - Assign content to the Home page

1. Main Category menu: Articles - Categories

JA comics template header module

Module position: main-categories
Module Suffix: NOT USED
Layout: main

2. Home Lead

JA Comics template hero module

Articles - Category

Module position: main-top-1
Module Suffix: NOT USED
Layout: style-1

3. Trending

JA Comics template articles display module

Articles - Category

Module position: main-top-2
Module Suffix: NOT USED
Layout: style-2


JA Comics template articles display module

Articles - Category

Module position: main-top-3
Module Suffix: NOT USED
Layout: style-3


JA Comics template articles display module

Articles - Category

Module position: main-top-4
Module Suffix: NOT USED
Layout: style-4


JA Comics template articles display module

Articles - Category

Module position: sidebar-r
Module Suffix: NOT USED
Layout: style-5

Category page

JA Comics supports 5 layouts for category page, each page includes 3 main sections:

  • Masthead - page title section
  • Articles category module
  • Articles list section

JA comics Joomla template players page

Create Articles » Category Blog menu item.

JA Comics Joomla template player page setting

Create masthead and Articles category module

Masthead module setting

Module position: masthead
Module Suffix: NOT USED

JA Comics Joomla template shop page

Articles Category module setting

Module position: main-top-1
Module Suffix: NOT USED
Layout: style-7

JA Comics Joomla article category module

Trailer page

JA Comics supports 2 views for trailer layout.

Layout 1:

JA Comics Joomla template video trailer

Layout 2:

JA Comics Joomla template video trailer

Create Articles » Video List or Articles » Video List layout 2 menu item.

Note: The menu item will loads video articles only, it does not loads normal articles.

JA Sport Joomla template shop page setting

Joomla pages

This includes Contact, Tags, Search, Login and more.

Contact page

JA Sport Joomla template contact page

Step 1: create contact: access "Component > Contact" and create a new contact item.

Create contact menu: Add a new menu item, select Contact » Single contact menu type and assign "JA Sport - Default" template style.

In the Contact component, assign the contact created in step 1.

JA Sport Joomla template contact page settings

Take a full backup

Please always make a backup before proceeding to any of the upgrade processes. In case there is any problem, you can always restore the backup files.

The best method to upgrade JoomlArt products is using JA Extension Manager. The FREE extension brings a new way to manage extensions: upgrade, rollback, remote install, internal repository, compare versions, and more.

1. Set up JA Extension Manager Component

Download this free extension from this link. Install the extension to your website.

Go to Components > JA Extension Manager then selects Service Manager, now set JoomlArt as your default service. Next, hit the "Edit" button then add your account.

JA extension manager

2. Upgrade JA Comics template

Check the new version of the T4 plugin template. Use the filter to find the JA Comics template then hit the "Check Update" button.

JA Comics joomla template update

3. Upgrade T4 Framework and other JA extensions

Using the filter to find the extensions you want to upgrade (JoomlArt products only), hit the "Check Update" button to check for a new version then hit Upgrade Now to upgrade the extension to the latest version.

JA Comics joomla extensions update

Check out more details about JA Extension manager