Installing Google Analytics in Joomla template developed by T3 Framework can be done in a multiple way. Here is how we can manage to get that is gonna take you maximum 5 minutes.
Here are the 2 steps how-to:
Step 1: Get your Google Analytic code
Step 2: Add the Google Analytic code to your site
From the back-end of your site, go to Extensions >> Template Manager.
Open the template style setting panel of the template, in this example, we use T3 Blank as our template. So we're gonna open the template style setting panel of JA_V3-Home
Navigate to tab Injection then add the Google Analytic Code to the field Before
Now please open tab Injection then add the Google Analytic Code to the field Before
These settings in the Injection tab are set as the global settings. That means you can add the google anlytic code to any style without go back in each style and add it manually.
If you weren't able to find these settings in the administration panel, that means you are using the older version of T3 Framework that is anywhere lower than version 1.3.0. You can upgrade to the latest version of T3 Framework (please always back-up before proceeding to any updates, it's highly recommended) or you can install the Google Analytics code manually (by adding code to a file that can be used in all pages). For more in-depth in the manual installation, please check the Video Tutorial for more info.
Add live chat scripts
When it comes to Live Chat services, it really depends on which Live Chat services you are using. Each has its own requirement on adding its scripts. But no worry, we have those common places listing out in the Injection tab, so you can just go ahead to copy & paste them accordingly.
These settings are applied to the site's global settings as well, so you can only need to add the scripts once.
No content in Homepage
If you find trouble to display com_content in homepage whatever the menu type is assigned to, this thread would be useful for you.
The explaination for this problem is, in some templates, the home layout has no Component position and you assigned the home layout for Homepage.
List of templates that doesn't have Component position in home layout.
How to Fix ?
Each template could have one or many layouts, but all the templates always have default layout, in the default layout, the Component is always loaded.
There are 2 ways to fix this issue
1. Add position "Component" to "home" layout
Step 1: open home layout file (it should be home.php) located in templates/ja_template/tpls/blocks.
Open the Home template style and choose the default layout that has Component position.
Note: by choosing a different layout, it will change the existing layout/structure of your homepage.
T3 Framework integrates Bootstrap and utilizes LESS (dynamic stylesheet language). It is required to develope your site with LESS. If you develop with CSS, when compiling, the CSS files will be overridden.
So what happen when you don't know LESS files? And all you want to do is styling with CSS? The custom.css file is here to save the date. Whatever CSS you add in this file will NOT be overridden when compiling.
Then, where can you find the custom.css file? It is located in: templates/ja_fixel/css. If you don't see it there yet, feel free to create a new one.
Open the file and start styling your site with CSS.
Responsive for third party extensions
T3 Framework is a responsive framework template, that means all the templates developed with T3 Framework are responsive at core.
So how T3 does with Third party extensions like K2, Virtuemart ... in term of responsive ?
It does not intervene the 3rd extensions, hence if the 3rd extensions are not responsive by itself, then it's a huge chance they won't be responsive when you install in any of the templates developed with T3 Framework.
Now it's up to you to consider if you want them in your site or not. If you still decide to go with it, you probably have to do the customization to make it responsive, and it sure does take a lot of time and effort. Please be wise here.
Style the 404 page and Offline Page
1. Customize the 404 Page
Normally, each JA Template goes with its own 404 page style. If you would like to customize it, this will guide you through the quick how-to:
Step 1: Open file error.php
The file error.php is located in the templates/ja-template-folder/ folder.
Open this file and you will be able to get the CSS file that has all the style of the 404 page.
The CSS file is offline.css located in the templates/ja-template-folder/css/ folder.
Please note that the file is NOT overridden when you compile LESS to CSS. As we don't have offline.less file.
Sticky Menu and Offcanvas Menu
1. Sticky Menu
The majority of the templates developed with T3 Framework has a sticky Main Menu by default. In this case you're all set.
What if the template does not have this feature supported by default? You can always enable this feature manually.
To enable this feature, follow the following steps.
Step 1: Upgrade T3 Framework plugin to version: 1.2.1 (at least)
Any version before 1.2.1 does not support this feature and you have to dig in the code file to make it happen. It's highly recommended that you upgrade to any version higher than 1.2.1 to get this feature installed.
Step 2: Add class to make a sticky navbar
To get a sticky navbar, add class navbar-collapse-fixed-top (for collapse menu) and navbar-fixed-top (in desktop) to #ja-mainnav div (it is in the file: mainnav.php located in the: templates\ja_mero\tpls\blocks folder). You may need to update the margin-left & margin-right for the mainnav div.
T3 Framework supports Megamenu, when you run a multilingual site, you have to configure multi-language for Megamenu. Follow this guide to make it work.
Please make sure all the steps in setting up a multilingual site are done completely. If these steps weren't not done yet, there are 2 ways to build up a multilingual site: manual setup or auto setup with JA Multilingual Component. It's up to you to go either way.
For each language, you will need to create a menu system based on the default language menu system. For example, your site is curently in 2 languages: English and Arabic. Then you should create menus for Arabic language based on the existing menus of theEnglish language.
In fact you don't need to translate all the menus, you just need to translate all the menus that are being used.
Step 2: Duplicate the default template style
Go to Extensions >> Template Manager then duplicate the default template style.
Step 3: Rename and assign language for the duplicated template style
Next, open the duplicated template style to rename it. Then assign to the desired language.
Step 4: Assign menu for Megamenu
Now open the Navigation tab, enable Megamenu then assign the created menu in the Menu field.
Step 5: Save mengamenu settings
Now all you have to do is SAVE the Megamenu settings, please keep in mind that this step is required even if you haven't change anything as it aims to detect your Megamenu.
Open the Megamenu setting panel and then make sure you select the right menu - Mainmenu for Arabic language.