The most important decision to make before proceeding with your installation is whether you should install the template manually, or if you can use the Quickstart package, which will install everything for you.
Which installation method you should use depends on the current status of your site. Also, before installing either the template manually or the Quickstart Package, please make sure you meet the Joomla! and the template requirements.
Requirements
Apache 2.2+ or Microsoft IIS 7 (Apache strongly recommended)
PHP 5.4+ (PHP 5.5+ Recommended)
MySQL 5.1+
Joomla 3.4+
Also, please have a look at the Gantry 5 requirements. Basically, they are the same as the above, but you will find some additional details there.
Required PHP setup
Make sure that you have the following (or higher) values for the mentioned PHP variables:
If you are not sure how to check or set the above PHP variable please contact your Hosting Support and they will assist you with that.
Quickstart Installation
The Quickstart Package consist of a full installation of Joomla! that installs Joomla itself, the template, the extensions, the demo content and the database data to match our demo layout. Have in mind that as this is a full Joomla! installation it may only be used on a clean server; the package cannot be installed in an existing Joomla installation. It can only be used when you start a new project/website.
99% of the customers purchase Joomla Templates because of the Quickstart Package. They just install it, replace the demo content with theirs and the site is ready. Installing the Quickstart Package will save you a lot of work.
Installing the Quickstart Package is a fairly simple process. Generally, a Quickstart install will consist of these small steps:
Ensure you have installed an FTP client and prepared a database for your server, or have the credentials for an existing database.
Download and extract the Quickstart Package.
FTP the extracted Quickstart contents to your preferred install location.
Open your browser to the install location on your server to begin the Joomla! installation process, entering the database credentials where required.
Once this final step is complete you will have a fresh install of Joomla!, along with the template and all the settings and content needed to match the demo, including sample article content. For some users, the above steps are all that is needed for a successful installation of the Quickstart Package, but for those who are less experienced with this process, we recorded the following video (it is for the Oxygen template but the process is absolutely the same for the InsightFX template).
We use Akeeba Backup to prepare the Joomla 4 Quickstart packages. This video, from the official Akeeba Backup documentation, shows the whole process of installing the Quickstart package (restoring an Akeeba Backup file).
Also, make sure that you click on the "Override tmp and log paths" button during the installation and that you update the admin user details.
Joomla 4 Quickstart Package Installation Video
Joomla 3 Quickstart Package Installation Video
Manual Installation
Manual Installation refers to installing the template on your Joomla! powered website. This means you already have a website with content items, modules, extensions, so you just decided you want to improve the design of your website.
If you install just the template over an existing Joomla website you will need to install and configure all extensions that are installed in the demo site and configure them absolutely the same way as they are configured in the demo site in order for your website to look like the demo site. For this purpose you will still need to install the Quickstart Package on another location, see how everything is configured there and just duplicate it on your installation.
You can find step-by-step instructions as well as a video instructions regarding the Manual Installation in the official Gantry 5 Documentation, in the "Installation" chapter.
Customization
All your customization (custom code) should be placed in your "Custom Style Sheet" file. This is the "custom.scss" file. By default, the "custom.scss" file does not exists, so you will need to create it. You need to create this file in "ROOT/templates/it_insightfx/custom/scss". You will find all details in the offical Gantry 5 Documentation, in the "Adding a Custom Style Sheet" chapter.
Changing the logo
You will need to change the logo, that's for sure. You can do that easily by editting the settings of the "Logo (Advanced)" particle:
Go to the "Template Manager"
Click on "InsightFX - Default"
Select the "Base" Outline
Go under the "Particle Defaults" tab, scroll down to the "Logo (Advanced)" particle, upload your logo file and save the changes
The logo (and the menu) defines the height of the Header section so if your logo is with a different height than the InsightFX demo logo (70px) you might need to adjust the logo margins in order to make it in the middle of the Header. You can do that easily by adding the following code in your custom.scss file:
.g-logo {
margin: 25px 0;
}
You need to modify this 25px so the logo fits the design. This 25px are actually 25px space/margin from the top and 25px from the bottom.
Once you change the logo you might also need to adjust the padding of the menu items so the menu can be in the middle of the header. You can do that easily by adding the following code in your custom.scss file:
You need to modify the 51px value which is the padding of the top and the bottom of each menu item.
Have a look at the following video. It shows everything that we explained above.
Update
Updating the template
Updating the template is really easy. Here are the steps you need to perform:
Download the new version of the template from the "Downloads" section of your account on Themeforest.
Log in to Admin section of your website.
Go to "Extensions" -> "Manage" and click on the "Browse" button
Select the template file you downloaded in step 1. It will usually be called "tpl_it_insightfx.zip"
Click on the "Upload & Install" button
Gantry5 Framework update
This is just a simple one click task. If there is a newer version of the Gantry Framework released you will notice that in your Joomla Admin as well as in the Template Manager. Then just click on the button.
You might also want to read the "Updating" and "Updating Themes" chapters in the official Gantry 5 Documentation.
IMPORTANT: InsightFX v2 is a completely different product compared to InsightFX v1. InsightFX v2 is a complete re-write, it was built from scratch with the modern technoligies in mind.
Therefore you cannot simply update your InsightFX v1 website with this template. You need to rebuilt your website on the new template if you want to use it.
Make sure you are on the latest Joomla 3.10 version.
Make sure you are on the latest Gantry 5 version.
Install the latest version of the template.
Uninstall the extensions that are not compatible with Joomla 4 (RokSprocket, etc) and create/configure their replacements ("Portfolio" particle, "Accordion" and "Accordion (Joomla)" particles, "Tabs" particle, "Slideshow" particle, etc).
IMPORTANT: If you are using the AcyMailing extension and it is not v7 already, make sure you migrate to v7.x. Once you have migrated to v7, make sure you have completely uninstalled all v5 plugins (Extensions Manager -> Manage -> Search for "AcyMailing"). If you do not do that the update will fail and your site will become unusable.
IMPORTANT: If you are using the Falang v3.x extension, make sure you disable all its plugins (Extensions Manager -> Manage -> Search for "Falang") prior to the update. If you do not do that the update will fail and your site will become unusable. Once you update to Joomla 4, install Falang v4.x and enable all its plugins.
Perform the Joomla 3 to Joomla 4 update.
Gantry5 Basics
Please have a look at the official Gantry Documentation in order to discover what Gantry is all about, the core-concepts behind it, and how to get started with this next-generation framework.
You do need to read the Gantry Documentation in order to be able to setup and configure the template on your website.
The most important things you need to know when working with a Gantry5-based template are:
The Layout Manager is used mostly for creating your module positions. Apart from the module positions, you should also keep the static content in the Layout Manager. By "static content" we mean the "Logo" particle, the "Menu" particle, the "System Messages" particle, the "Page Content" particle, the "To Top" particle and the "Mobile Menu" particle.
If you want to hide some modules/elements on some devices (phones, tablets, etc) you should use the "hidden-phone", "hidden-tablet", etc. classes but you should add them in the particular module positions (under the "Block" tab) in the Layout Manager, rather then in the "Module Class Suffix" field for the particular module. You will find more details in the "Layout Manager" chapter in the Gantry Documentation.
As mentioned above, you create your module positions in the Layout Manager, but then you will use the Module Manager to assign your modules, as you would do in any other framework as well as in the default Joomla!
In order to publish the custom particles that come with the template you will use the "Gantry 5 Particle" module in the Module Manager, rather than adding them directly in the Layout Manager.
If you want to change the style of some sections (background color, background image, text color, etc.) globally, for the whole website, you should do it under the "Styles" tab in the "Base" outline. The "Base" outline holds the defaults for the whole website. You can then override those defaults in each outline you create.
If you want to load an asset (JS, CSS, etc.) globally in the whole website, you can do it under the "Page Settings" tab in the "Base" outline.
If you want to create an empty page so you can assign modules to it, you will use the "Gantry5 Themes" -> "Custom Page" menu item type. Previously, you would use the "Featured Items" menu item type.
For more details and practicle examples of using the Gantry 5 framework please have a look at the following blog posts:
Please have a look at the Atoms sections in the official Gantry Documentation so you know what they are all about.
Atoms basically load assets (scripts and stylesheets).
You must load the following atoms so the template can work properly. We recommend adding these atoms to the "Base" outline so the assets can be loaded on all your pages:
"UIkit for Gantry5" Atom - loads a modified and optimized version of the UIkit Framework.
"Template.js" Atom - loads the template specific JavaScript code.
Optionally, you can also add the "ScrollReveal.js" atom if you want to have onscroll animations. ScrollReveal.js is a library to easily reveal elements as they enter the viewport.
If you install the Quickstart package you do not need to do anything because the above Atoms are loaded by default.
You need to load these Atoms if you install the template manually (refer to the "Installation" section for more details).
The following video shows how you add the Atoms.
Particles
Gantry 5 comes with a brand new Particle system which makes it easy to create, configure, and manage content blocks.
Basically, everything that you would create a Custom HTML module for is now coded in to a particle. You no longer need to copy/paste long HTML codes and edit them, you just need to click here and there and fill out fields in the Admin.
In this chapter we will show you the custom particles that we developed as well as some of the core Gantry 5 particles that we modified and enhanced, for example the "Social" particle.
For more information about the core Gantry 5 particles, please have a look at the "Particles" chapter in the official Gantry 5 Documentation.
3D Slider
The "3D Slider" particle displays content in a very beautiful and eye-catching way. It is one of our most advanced and poweful particles. The following video shows the particle itself and most of its options.
We have not modified the "3D Slider" particle for the InsightFX template so it has absolutely the same features and design as in the Construction template. Therefore, the video below is from the Construction template.
Accordion
The "Accordion" particle is basically the UIkit Accordion coded into a particle and brought as a feature in our Gantry5-based templates. The following video shows the particle itself and most of its options.
We have not modified the "Accordion" particle for the InsightFX template so it has absolutely the same features and design as in the Milano template. Therefore, the video below is from the Milano template.
Animated Counter
The "Animated Counter" particle displays numbers that you can animate as you wish. The following video shows the particle itself and most of its options.
We have not modified the "Animated Counter" particle for the InsightFX template so it has absolutely the same features and design as in the Startup template. Therefore, the video below is from the Startup template.
Before/After
The "Before/After" particle allows you to compare two images by sliding an element which reveals the particular image. The following video shows the particle itself and most of its options.
We have not modified the "Before/After" particle for the InsightFX template so it has absolutely the same features and design as in the Medical template. Therefore, the video below is from the Medical template.
Branding
The "Branding" particle is almost the same as the Custom HTML particle - it allows you to displays a text/HTML of your choice. The following video shows the particle itself and most of its options.
We have not modified the "Branding" particle for the InsightFX template so it has absolutely the same features and design as in the Paradise template. Therefore, the video below is from the Paradise template.
CTA Button
The "CTA Button" particle display a really nice and highly effective Call-to-action button. The following video shows the particle itself and most of its options.
We have not modified the "CTA Button" particle for the InsightFX template so it has absolutely the same features and design as in the Paradise template. Therefore, the video below is from the Paradise template.
Circle Progress
The "Circle Progress" particle allows you to create animted circled progress bars in a very cool and eye-catching way. The following video shows the particle itself and most of its options.
We have not modified the "Circle Progress" particle for the InsightFX template so it has absolutely the same features and design as in the Beauty template. Therefore, the video below is from the Beauty template.
Companies
The "Companies" particle displays logos/images where you can optionally add some text. This particle is supposed to be used for sections like "Our Clients", "Our Sponsors" and so on. The following video shows the particle itself and most of its options.
We have not modified the "Companies" particle for the InsightFX template so it has absolutely the same features and design as in the Oxygen template. Therefore, the video below is from the Oxygen template.
Contacts
The "Contacts" particle displays contact information. It is a really flexible particle so you can basically display whatever contact details you want. The following video shows the particle itself and most of its options.
We have not modified the "Contacts" particle for the InsightFX template so it has absolutely the same features and design as in the Medical template. Therefore, the video below is from the Medical template.
Content PRO
The "Content PRO" particle is one of our most advanced particles. It incorporates several UIkit components as well as quite some custom code and functionality written by us. You can use this particle for many different things. Basically, you will use it to display content, usually images, titles and text. The following video shows the particle itself and most of its options.
We have not modified the "Content PRO" particle for the InsightFX template so it has absolutely the same features and design as in the Galaxy template. Therefore, the video below is from the Galaxy template.
Content PRO (Joomla)
The "Content PRO (Joomla)" particle looks and works in absolutely the same way as the default "Content PRO" particle. The difference is that "Content PRO (Joomla)" fetches Joomla articles automatically, while in "Content PRO" the user creates the content manually. The following video shows the particle itself and most of its options.
We have not modified the "Content PRO (Joomla)" particle for the InsightFX template so it has absolutely the same features and design as in the Headlines template. Therefore, the video below is from the Headlines template.
Features
The "Features" particle displays, the quite popular nowadays, features that you, your company or your product provides. The following video shows the particle itself and most of its options.
We have not modified the "Features" particle for the InsightFX template so it has absolutely the same features and design as in the Medical template. Therefore, the video below is from the Medical template.
Feedback
The "Feedback" particle is kind of variation of the "Content PRO" particle. It displays feedback of users and clients. The following video shows the particle itself and most of its options.
We have not modified the "Feedback" particle for the InsightFX template so it has absolutely the same features and design as in the Startup template. Therefore, the video below is from the Startup template.
Feedback 2
The "Feedback 2" particle displays feedback of users, clients and guests. The following video shows the particle itself and most of its options.
We have not modified the "Feedback 2" particle for the InsightFX template so it has absolutely the same features and design as in the Paradise template. Therefore, the video below is from the Paradise template.
Gadgets
The "Gadgets" particle is a very advanced particle that combines the functionality of several other particles - A Login module, the "Modal Search" particle, the "Get in Touch" particle and the "Offcanvas Toggle" particle. The following video shows the particle itself and most of its options.
We have not modified the "Gadgets" particle for the InsightFX template so it has absolutely the same features and design as in the Galaxy template. Therefore, the video below is from the Galaxy template.
Gallery
The "Gallery" particle is also a very advanced particle that incorporated several UIkit components. It is now a piece of cake to build awesome, responsive galleries in your Joomla! website. The following video shows the particle itself and most of its options.
We have not modified the "Gallery" particle for the InsightFX template so it has absolutely the same features and design as in the Royalty template. Therefore, the video below is from the Royalty template.
Gallery Feature
The "Gallery Feature" particle is divided into a left and right side. It takes most of the features from the "Gallery" particle and adds some new options so you can have your images on one side and then a title, description and a button on the other side. The following video shows the particle itself and most of its options.
We have not modified the "Gallery Feature" particle for the InsightFX template so it has absolutely the same features and design as in the Paradise template. Therefore, the video below is from the Paradise template.
Get in Touch
The "Get in Touch" particle is a really handy one. It provides a quick and prominent way to show the contact details of your business together with an awesome Google Map. The following video shows the particle itself and most of its options.
We have not modified the "Get in Touch" particle for the InsightFX template so it has absolutely the same features and design as in the Paradise template. Therefore, the video below is from the Paradise template.
Google Map
The "Google Map" particle is really flexible and displays a Google Map. The following video shows the particle itself and most of its options.
We have not modified the "Google Map" particle for the InsightFX template so it has absolutely the same features and design as in the Galaxy template. Therefore, the video below is from the Galaxy template.
Header Search, Modal Search and Offcanvas Toggle
We put these three particles together because they are supposed to be used inside the Main Menu. The "Modal Search" particle displays a nice magnifier icon and when you click on it a small popup window with the Joomla Search appears. The "Header Search" particle is quite similar but it displays the search in the whole Header. The "Offcanvas Toggle" button displays an icon of your choice which, when clicked, triggers the Offcanvas section. The following video shows the particles themselves and most of their options.
We have not modified these particles for the InsightFX template so they have absolutely the same features and design as in the Paradise template. Therefore, the video below is from the Paradise template.
Image Features
The "Image Features" particle is divided into a left and right side and allows you to present your features/services in a great way. It shows the features in columns (customizable) where you have the image on the left and title, description, special text (with icon) and a link on the right. The following video shows the particle itself and most of its options.
We have not modified the "Image Features" particle for the InsightFX template so it has absolutely the same features and design as in the Paradise template. Therefore, the video below is from the Paradise template.
Keypoints
The "Keypoints" particle is divided into 3 columns. In the first and third columns you can place features/ key points with icon and link (similar to the "Features" particle). In the middle column you can display an image, which can be either fixed to the bottom of the module section or not. The following video shows the particle itself and most of its options.
We have not modified the "Keypoints" particle for the InsightFX template so it has absolutely the same features and design as in the Medical template. Therefore, the video below is from the Medical template.
Logo (Advanced)
The "Logo (Advanced)" particle is and enhanced version of the default "Logo" particle that comes with Gantry 5. It shows a nice Info Block when you hover the Logo, where you can add a Title, Description and as many Social Icons as you want. The following video shows the particle itself and most of its options.
We have not modified the "Logo (Advanced)" particle for the InsightFX template so it has absolutely the same features and design as in the Galaxy template. Therefore, the video below is from the Galaxy template.
Main Feature
The "Main Feature" particle is divided into a left and right side. It displays an image and some text with a button. You can achieve some really nice visual effects if you add the ScrollReveal.js functionality to this particle. The following video shows the particle itself and most of its options.
We have not modified the "Main Feature" particle for the InsightFX template so it has absolutely the same features and design as in the Startup template. Therefore, the video below is from the Startup template.
Memories
The "Memories" particle is divided into a left and right side. It displays 4 images with lightbox and parallax effect on one of the sides and a title, description and a button on the other side. The following video shows the particle itself and most of its options.
We have not modified the "Memories" particle for the InsightFX template so it has absolutely the same features and design as in the Paradise template. Therefore, the video below is from the Paradise template.
News PRO (Joomla)
The "News PRO (Joomla)" particle is our most advanced and most awesome particle to date. It is incredibly powerful and allows you to fetch Joomla articles automatically and display them however you like. The following video shows the particle itself and most of its options.
We have not modified the "News PRO (Joomla)" particle for the InsightFX template so it has absolutely the same features and design as in the Headlines template. Therefore, the video below is from the Headlines template.
OnePage Menu
The "OnePage Menu" particle display a sidebar, vertical menu that gets sticky/fixed when the user starts scrolling. And the page gets smoothscrolled to the particular sections when a menu item is clicked. The following video shows the particle itself and most of its options.
We have not modified the "OnePage Menu" particle for the InsightFX template so it has absolutely the same features and design as in the Oxygen template. Therefore, the video below is from the Oxygen template.
Our Team
The "Our Team" particle is a variation of the "Content PRO" particle. It displays team members together with their social accounts in a nice way. The following video shows the particle itself and most of its options.
We have not modified the "Our Team" particle for the InsightFX template so it has absolutely the same features and design as in the Galaxy template. Therefore, the video below is from the Galaxy template.
Page Title
The "Page Title" particle is a nice, small particle that shows a title, icon and description. The following video shows the particle itself and most of its options.
We have not modified the "Page Title" particle for the InsightFX template so it has absolutely the same features and design as in the Paradise template. Therefore, the video below is from the Paradise template.
Places
The "Places" particle provides a very cool functionality where you upload an image and add pointers/places with different information. The following video shows the particle itself and most of its options.
We have not modified the "Places" particle for the InsightFX template so it has absolutely the same features and design as in the Construction template. Therefore, the video below is from the Construction template.
Portfolio
The "Portfolio" particle is also a very advanced particle that incorporated several UIkit components. It is now a piece of cake to build awesome, responsive portfolios in your Joomla! website. The following video shows the particle itself and most of its options.
We have not modified the "Portfolio" particle for the InsightFX template so it has absolutely the same features and design as in the Galaxy template. Therefore, the video below is from the Galaxy template.
Pricing Tables
The "Pricing Tables" particle displays pricing tables. The following video shows the particle itself and most of its options.
We have not modified the "Pricing Tables" particle for the InsightFX template so it has absolutely the same features and design as in the Galaxy template. Therefore, the video below is from the Galaxy template.
Room Page
We created the "Room Page" particle specifically for the Paradise template. This particle is all you need in order to create a page for the Hotel, Hostel, Apartment or whatever accomodation service you provide. We recommend to publish this particle in a Joomla Article, using this method, so it can behave as a native page where you can also have a sidebar. The following video shows the particle itself and most of its options.
We have not modified the "Room Page" particle for the InsightFX template so it has absolutely the same features and design as in the Paradise template. Therefore, the video below is from the Paradise template.
Scroll To
The "Scroll To" particle allows you to easily set a smooth scroll to a particular section of the page. The following video shows the particle itself and most of its options.
We have not modified the "Scoll To" particle for the InsightFX template so it has absolutely the same features and design as in the Medical template. Therefore, the video below is from the Medical template.
Skill Bars
The "Skill Bars" particle has 4 unique styles to display skill bars. The following video shows the particle itself and most of its options.
We have not modified the "Skill Bars" particle for the InsightFX template so it has absolutely the same features and design as in the Norman template. Therefore, the video below is from the Norman template.
Slideshow
The "Slideshow" particle is basically the UIkit Slideshow coded into a particule and brought as a feature in our Gantry5-based templates. We also added many custom features in it (v2) so it is now one of the most powerful Slideshows you can find on the web. The following video shows the particle itself and most of its options.
We have not modified the "Slideshow" particle for the InsightFX template so it has absolutely the same features and design as in the Glory template. Therefore, the video below is from the Glory template.
Social
The "Social" particle displays social icons. We enhanced it so you can now also have tooltips with custom test. The following video shows the particle itself and most of its options.
We have not modified the "Social" particle for the InsightFX template so it has absolutely the same features and design as in the Paradise template. Therefore, the video below is from the Paradise template.
Tabs
The "Tabs" particle is basically the UIkit Tabs and UIkit Switcher coded into a particule and brought as a feature in our Gantry5-based templates. The following video shows the particle itself and most of its options.
We have not modified the "Tabs" particle for the InsightFX template so it has absolutely the same features and design as in the Paradise template. Therefore, the video below is from the Paradise template.
Timeline
The "Timeline" particle display items, where you can add as many items as you like. The particle is perferct to present a sequence of events or dates, per example education background or work experience. The following video shows the particle itself and most of its options.
We have not modified the "Timeline" particle for the InsightFX template so it has absolutely the same features and design as in the Startup template. Therefore, the video below is from the Startup template.
Video Feature
The "Video Feature" particle is a variation of the "Main Feature" particle. It is divided into a left and right side. It displays a video and some text with a button. You can achieve some really nice visual effects if you add the ScrollReveal.js functionality to this particle. The following video shows the particle itself and most of its options.
We have not modified the "Video Feature" particle for the InsightFX template so it has absolutely the same features and design as in the Milano template. Therefore, the video below is from the Milano template.
Fixed/Sticky Header
InsightFX has a nice fixed/sticky Header that stays on the top of the screen when you start scrolling down. This effect is achived with the UIkit Sticky component. Basically, all you need to do is to add the following "Tag Attribute" to the Header section:
data-uk-sticky="{media: 768}"
You can use only data-uk-sticky but then the Header will always be fixed, on all devices. The {media:768} tells, that the Header should only be fixed on devices that are wider than 768px.
You can easily disable the fixed Header or make another section fixed. The following video explains everything (the video is from Oxygen, but the process is exactly the same in InsightFX).
Fixed/Sticky Footer
By default InsightFX comes with a nice fixed/sticky Footer that stays at the bottom of the screen all the time.
You can easily disable the fixed/sticky Footer. All you need to do is to remove the fixed-footer class from the Footer Container in all Outlines. This is important, make sure that you really remove it from all Outlines - Base, Default and all other Outlines it is present in.
Have a look at the following video. It shows everything that we explained above.
Dark/Floating Header
By default InsightFX comes with a solid white Header. But as you can see in "Home 2" in the demo, you can also have a nice floating Header (it can be whatever color you want).
All you need to do in order to enable the dark floating Header as you see it in the demo is:
Add the g-absolute-header CSS class to the Header section in the Layout in the Base outline.
Set the colors you want for the Header section under the "Styles" tab in the Base outline.
Have a look at the following video. It shows everything that we explained above.
InsightFX comes with 5 pre-defined "Home" outlines that give a unique layout and set of settings to the Home page. Let's have a closer look at each of these outlines:
Home 2
Here are the things in the "Home 2" outline that are different compared to the "Default"/"Base" outline:
The "Header" section has different settings under the "Styles" tab that override the default ones.
The "Mainbottom" section has different settings under the "Styles" tab that override the default ones.
The "Prebottom" section has different settings under the "Styles" tab that override the default ones.
The "Offcanvas" section has different settings under the "Styles" tab that override the default ones.
The "Header" section has different settings under the "Layout" tab that override the default ones.
The "Maintop" section has different settings under the "Layout" tab that override the default ones.
The Footer Container has different settings under the "Layout" tab that override the default ones.
If you install the Quickstart package the "Home" outline and everything else will be there already. But if you install just the template manually, all you need to do is to create a new Outline, assign it to your "Home" page (menu item) and then just select the settings under the "Styles" and "Layout" tabs so they can override the default ones.
The following video shows everything that we explained above.
Home 3
Here are the things in the "Home 3" outline that are different compared to the "Default"/"Base" outline:
The "Mainbottom" section has different settings under the "Styles" tab that override the default ones.
The "Last" section has different settings under the "Layout" tab that override the default ones.
If you install the Quickstart package the "Home" outline and everything else will be there already. But if you install just the template manually, all you need to do is to create a new Outline, assign it to your "Home" page (menu item) and then just select the settings under the "Styles" and "Layout" tabs so they can override the default ones.
The following video shows everything that we explained above.
Home 4
Here are the things in the "Home 4" outline that are different compared to the "Default"/"Base" outline:
The "Mainbottom" section has different settings under the "Styles" tab that override the default ones.
The Footer Container has different settings under the "Layout" tab that override the default ones.
If you install the Quickstart package the "Home" outline and everything else will be there already. But if you install just the template manually, all you need to do is to create a new Outline, assign it to your "Home" page (menu item) and then just select the settings under the "Styles" and "Layout" tabs so they can override the default ones.
The following video shows everything that we explained above.
Home 5
Here are the things in the "Home 5" outline that are different compared to the "Default"/"Base" outline:
The "Last" section has different settings under the "Layout" tab that override the default ones.
The Footer Container has different settings under the "Layout" tab that override the default ones.
If you install the Quickstart package the "Home" outline and everything else will be there already. But if you install just the template manually, all you need to do is to create a new Outline, assign it to your "Home" page (menu item) and then just select the settings under the "Styles" and "Layout" tabs so they can override the default ones.
The following video shows everything that we explained above.
Modules and Positions
InsightFX comes with unlimited module positions. Thanks to the awesome Gantry 5 framework you can now easily create as many module positions as you want. You just need to go to the Layout Manager, drag and drop the "Module Position" particle wherever you want it to be and set the module position name.
Quickstart Package - Modules Overview
Here, just for your orientation, you can see where the modules from the demo are published and what Module Class Suffixes they use.
"Home 1" Page
1. Get in Touch (Top)
Module: Gantry 5 Particle Particle: Get in Touch Module Position: top-a Module Class Suffix: none Show Title: Hide
2. Menu (Top)
Module: Gantry 5 Particle Particle: Menu Module Position: top-b Module Class Suffix: none Show Title: Hide
3. Logo
"Logo (Advanced)" particle - this is done from the Layout Manager
4. Menu
"Menu" particle - this is done from the Layout Manager
5. Home Page Slider (Revolution Slider)
Module: Unite Revolution Slider 2 Module Position: fullwidth Module Class Suffix: none Show Title: Hide
5. Home Page Slider (Particle (Fullwidth) - "Sliders" page)
Module: Gantry 5 Particle Particle: Slideshow Module Position: fullwidth Module Class Suffix: none Show Title: Hide
5. Home Page Slider (Particle - "Sliders" page)
Module: Gantry 5 Particle Particle: Slideshow Module Position: showcase-a Module Class Suffix: none Show Title: Hide
5. Home Page Slider (RS Slideshow - "Sliders" page)
Module: RokSprocket > Features Layout > Slideshow Theme Module Position: showcase-a Module Class Suffix: none Show Title: Hide
6. Features
Module: Gantry 5 Particle Particle: Features (Style 1) Module Position: feature-a Module Class Suffix: none Show Title: Hide
7. Our Featured Projects
Module: Gantry 5 Particle Particle: Content PRO (Style 1) CSS Classes: uk-text-left Module Position: utility-a Module Class Suffix: none Show Title: Hide
8. Clean and Modern Design with Amazing Features!
Module: Gantry 5 Particle Particle: Main Feature Left CSS Classes: uk-flex, uk-flex-middle Module Position: maintop-a Module Class Suffix: none Show Title: Hide
9. What Our Customers Say
Module: Gantry 5 Particle Particle: Feedback 2 Module Position: mainbottom-a Module Class Suffix: none Show Title: Hide
10. Latest News
Module: Gantry 5 Particle Particle: Content PRO (Joomla) (Style1) Module Position: extension-a Module Class Suffix: none Show Title: Hide
11. Our Awesome Clients
Module: Gantry 5 Particle Particle: Companies (Style 2) Module Position: additional-a Module Class Suffix: none Show Title: Hide
12. Get in Touch
Module: Gantry 5 Particle Particle: Contacts Module Position: footer-a Module Class Suffix: title-border Show Title: Show
13. Latest News
Module: Gantry 5 Particle Particle: News PRO (Joomla) CSS Classes: footer Module Position: footer-b Module Class Suffix: title-border Show Title: Show
14. Newsletter
Module: AcyMailing Module Module Position: footer-c Module Class Suffix: title-border Show Title: Show
15. Useful Links
Module: Menu Module Position: footer-d Module Class Suffix: title-border Show Title: Show
16. Copyright/Branding
Module: Gantry 5 Particle Particle: Branding Module Position: copyright-a Module Class Suffix: none Show Title: Hide
17. Social Icons (Footer)
Module: Gantry 5 Particle Particle: Social Module Position: copyright-b Module Class Suffix: none Show Title: Hide
18. To Top
"To Top" particle (Style 1) - this is done from the Layout Manager
"Home 2" Page
1. Get in Touch (Top)
Module: Gantry 5 Particle Particle: Get in Touch Module Position: top-a Module Class Suffix: none Show Title: Hide
2. Menu (Top)
Module: Gantry 5 Particle Particle: Menu Module Position: top-b Module Class Suffix: none Show Title: Hide
3. Logo
"Logo (Advanced)" particle - this is done from the Layout Manager
4. Menu
"Menu" particle - this is done from the Layout Manager
5. Home Page Slider (Revolution Slider)
Module: Unite Revolution Slider 2 Module Position: fullwidth Module Class Suffix: none Show Title: Hide
6. An Award-Winning Design Agency
Module: Gantry 5 Particle Particle: Content PRO (Style 2) Module Position: feature-a Module Class Suffix: none Show Title: Hide
7. What Our Product Offers You
Module: Gantry 5 Particle Particle: Features (Style 2) Module Position: utility-a Module Class Suffix: title-center Show Title: Show
8. Check Out Our Awesome Projects
Module: Gantry 5 Particle Particle: Gallery(Style 2) Module Position: maintop-a Module Class Suffix: title-center Show Title: Show
9. Awesome Background Effects
Module: Gantry 5 Particle Particle: Video Feature Module Position: mainbottom-a Module Class Suffix: none Show Title: Hide
10. Our Incredible Team
Module: Gantry 5 Particle Particle: Our Team (Style 1) Module Position: extension-a Module Class Suffix: title-center Show Title: Show
11. What Our Customers Say
Module: Gantry 5 Particle Particle: Feedback (Style 2) Module Position: additional-a Module Class Suffix: title-center Show Title: Show
12. We Are The Best In Our Branch
Module: Gantry 5 Particle Particle: Animated Counter (Style 1) Module Position: prebottom-a Module Class Suffix: none Show Title: Hide
13. Latest News
Module: Gantry 5 Particle Particle: Content PRO (Joomla) (Style 1) CSS Classes: uk-text-left Module Position: bottom-a Module Class Suffix: none Show Title: Hide
14. Social Icons (Footer)
Module: Gantry 5 Particle Particle: Social Module Position: social-footer Module Class Suffix: none Show Title: Hide
15. Get in Touch
Module: Gantry 5 Particle Particle: Contacts Module Position: footer-a Module Class Suffix: title-border Show Title: Show
16. Latest News
Module: Gantry 5 Particle Particle: News PRO (Joomla) CSS Classes: footer Module Position: footer-b Module Class Suffix: title-border Show Title: Show
17. Newsletter
Module: AcyMailing Module Module Position: footer-c Module Class Suffix: title-border Show Title: Show
18. Useful Links
Module: Menu Module Position: footer-d Module Class Suffix: title-border Show Title: Show
19. Copyright/Branding
Module: Gantry 5 Particle Particle: Branding Module Position: copyright-a Module Class Suffix: none Show Title: Hide
20. To Top
"To Top" particle (Style 1) - this is done from the Layout Manager
"Home 3" Page
1. Social Icons (Top)
Module: Gantry 5 Particle Particle: Social Module Position: top-a Module Class Suffix: none Show Title: Hide
2. Find Us On The Map
Module: Gantry 5 Particle Particle: Scroll To Module Position: top-b Module Class Suffix: none Show Title: Hide
3. Logo
"Logo (Advanced)" particle - this is done from the Layout Manager
4. Menu
"Menu" particle - this is done from the Layout Manager
5. Home Page Slider (Revolution Slider)
Module: Unite Revolution Slider 2 Module Position: fullwidth Module Class Suffix: none Show Title: Hide
6. Features
Module: Gantry 5 Particle Particle: Features (Style 8) CSS Classes: pull-up Module Position: intro-a Module Class Suffix: none Show Title: Hide
7. The Most Powerful Template on The Market
Module: Gantry 5 Particle Particle: Gallery Feature CSS Classes: pull-module-up Module Position: feature-a Module Class Suffix: none Show Title: Hide
8. The Services We Offer
Module: Gantry 5 Particle Particle: Keypoints Module Position: utility-a Module Class Suffix: none Show Title: Hide
9. Before/After
Module: Gantry 5 Particle Particle: Before/After Module Position: maintop-a Module Class Suffix: none Show Title: Hide
10. What Our Customers Say
Module: Gantry 5 Particle Particle: Feedback (Style3) Module Position: mainbottom-a Module Class Suffix: none Show Title: Hide
11. Our Awesome Clients
Module: Gantry 5 Particle Particle: Companies (Style 1) Module Position: additional-a Module Class Suffix: none Show Title: Hide
12. Google Map
Module: Gantry 5 Particle Particle: Google Map Module Position: last-a Module Class Suffix: none Show Title: Hide
13. Get in Touch
Module: Gantry 5 Particle Particle: Contacts Module Position: footer-a Module Class Suffix: title-border Show Title: Show
14. Latest News
Module: Gantry 5 Particle Particle: News PRO (Joomla) CSS Classes: footer Module Position: footer-b Module Class Suffix: title-border Show Title: Show
15. Newsletter
Module: AcyMailing Module Module Position: footer-c Module Class Suffix: title-border Show Title: Show
16. Useful Links
Module: Menu Module Position: footer-d Module Class Suffix: title-border Show Title: Show
17. Copyright/Branding
Module: Gantry 5 Particle Particle: Branding Module Position: copyright-a Module Class Suffix: none Show Title: Hide
18. Social Icons (Footer)
Module: Gantry 5 Particle Particle: Social Module Position: copyright-b Module Class Suffix: none Show Title: Hide
19. To Top
"To Top" particle (Style 1) - this is done from the Layout Manager
"Home 4" Page
1. Get in Touch (Top)
Module: Gantry 5 Particle Particle: Get in Touch Module Position: top-a Module Class Suffix: none Show Title: Hide
2. Menu (Top)
Module: Gantry 5 Particle Particle: Menu Module Position: top-b Module Class Suffix: none Show Title: Hide
3. Logo
"Logo (Advanced)" particle - this is done from the Layout Manager
4. Menu
"Menu" particle - this is done from the Layout Manager
5. Home Page Slider (Revolution Slider)
Module: Unite Revolution Slider 2 Module Position: fullwidth Module Class Suffix: none Show Title: Hide
6. Welcome to the awesome InsightFX
Module: Gantry 5 Particle Particle: Features (Style 4) Module Position: feature-a Module Class Suffix: none Show Title: Hide
7. Our Featured Projects
Module: Gantry 5 Particle Particle: Content PRO (Style 1) CSS Classes: uk-text-left, custom-arrows Module Position: utility-a Module Class Suffix: none Show Title: Hide
8. Memories From The Past
Module: Gantry 5 Particle Particle: Memories Module Position: maintop-a Module Class Suffix: none Show Title: Hide
9. We Are The Best In Our Branch
Module: Gantry 5 Particle Particle: Circle Progress Module Position: mainbottom-a Module Class Suffix: none Show Title: Hide
10. Choose Your Plan
Module: Gantry 5 Particle Particle: Pricing Tables (Style 2) Module Position: additional-a Module Class Suffix: none Show Title: Hide
11. CTA Button
Module: Gantry 5 Particle Particle: CTA Button (Style 1) Module Position: prebottom-a Module Class Suffix: none Show Title: Hide
12. Social Icons (Footer)
Module: Gantry 5 Particle Particle: Social Module Position: social-footer Module Class Suffix: none Show Title: Hide
13. Get in Touch
Module: Gantry 5 Particle Particle: Contacts Module Position: footer-a Module Class Suffix: title-border Show Title: Show
14. Latest News
Module: Gantry 5 Particle Particle: News PRO (Joomla) CSS Classes: footer Module Position: footer-b Module Class Suffix: title-border Show Title: Show
15. Newsletter
Module: AcyMailing Module Module Position: footer-c Module Class Suffix: title-border Show Title: Show
16. Useful Links
Module: Menu Module Position: footer-d Module Class Suffix: title-border Show Title: Show
17. Copyright/Branding
Module: Gantry 5 Particle Particle: Branding Module Position: copyright-a Module Class Suffix: none Show Title: Hide
18. To Top
"To Top" particle (Style 1) - this is done from the Layout Manager
"Home 5" Page
1. Get in Touch (Top)
Module: Gantry 5 Particle Particle: Get in Touch Module Position: top-a Module Class Suffix: none Show Title: Hide
2. Menu (Top)
Module: Gantry 5 Particle Particle: Menu Module Position: top-b Module Class Suffix: none Show Title: Hide
3. Logo
"Logo (Advanced)" particle - this is done from the Layout Manager
4. Menu
"Menu" particle - this is done from the Layout Manager
5. Home Page Slider (Revolution Slider)
Module: Unite Revolution Slider 2 Module Position: fullwidth Module Class Suffix: none Show Title: Hide
6. Our Featured Projects
Module: Gantry 5 Particle Particle: Content PRO (Style 1) CSS Classes: uk-text-left Module Position: feature-a Module Class Suffix: none Show Title: Hide
7. Features
Module: Gantry 5 Particle Particle: Features (Style 2) Module Position: utility-a Module Class Suffix: none Show Title: Hide
8. Our Featured Projects
Module: Gantry 5 Particle Particle: 3D Slider (Style 1) CSS Classes: uk-text-left Module Position: maintop-a Module Class Suffix: none Show Title: Hide
9. Renovation Masters
Module: Gantry 5 Particle Particle: Places Module Position: mainbottom-a Module Class Suffix: none Show Title: Hide
10. Our Incredible Team
Module: Gantry 5 Particle Particle: Our Team (Style 3) Module Position: extension-a Module Class Suffix: none Show Title: Hide
11. Latest From The Blog
Module: Gantry 5 Particle Particle: Content PRO (Joomla) (Style3) Module Position: last-a Module Class Suffix: title-center Show Title: Show
12. Get in Touch
Module: Gantry 5 Particle Particle: Contacts Module Position: footer-a Module Class Suffix: title-border Show Title: Show
13. Latest News
Module: Gantry 5 Particle Particle: News PRO (Joomla) CSS Classes: footer Module Position: footer-b Module Class Suffix: title-border Show Title: Show
14. Newsletter
Module: AcyMailing Module Module Position: footer-c Module Class Suffix: title-border Show Title: Show
15. Useful Links
Module: Menu Module Position: footer-d Module Class Suffix: title-border Show Title: Show
16. Copyright/Branding
Module: Gantry 5 Particle Particle: Branding Module Position: copyright-a Module Class Suffix: none Show Title: Hide
17. Social Icons (Footer)
Module: Gantry 5 Particle Particle: Social Module Position: copyright-b Module Class Suffix: none Show Title: Hide
18. To Top
"To Top" particle (Style 1) - this is done from the Layout Manager
"Portfolio" Page
1. Page Title
Module: Gantry 5 Particle Particle: Page Title Module Position: breadcrumb-a Module Class Suffix: none Show Title: Hide
2. Breadcrumbs
Module: Breadcrumbs Module Position: breadcrumb-b Module Class Suffix: none Show Title: Hide
3. Portfolio
Module: Gantry 5 Particle Particle: Portfolio Module Position: utility-a Module Class Suffix: none Show Title: Hide
3. Gallery
Module: Gantry 5 Particle Particle: Gallery Module Position: utility-a Module Class Suffix: none Show Title: Hide
"Contact Us (1)" Page
1. Google Map
Module: Gantry 5 Particle Particle: Google Map Module Position: fullwidth Module Class Suffix: none Show Title: Hide
2. Company Information
Module: Gantry 5 Particle Particle: Custom HTML Module Position: sidebar-right Module Class Suffix: title-border Show Title: Show
3. Contact Details
Module: Gantry 5 Particle Particle: Contacts Module Position: sidebar-right Module Class Suffix: title-border Show Title: Show
"Contact Us (2)" Page
1. Page Title
Module: Gantry 5 Particle Particle: Page Title Module Position: breadcrumb-a Module Class Suffix: none Show Title: Hide
2. Breadcrumbs
Module: Breadcrumbs Module Position: breadcrumb-b Module Class Suffix: none Show Title: Hide
3. Company Information
Module: Gantry 5 Particle Particle: Custom HTML Module Position: sidebar-right Module Class Suffix: title-border Show Title: Show
4. Contact Details
Module: Gantry 5 Particle Particle: Contacts Module Position: sidebar-right Module Class Suffix: title-border Show Title: Show
5. Our Offices Worldwide
Module: Gantry 5 Particle Particle: Places Module Position: extension-a Module Class Suffix: title-center Show Title: Show
"About Us (1)" Page
1. Page Title
Module: Gantry 5 Particle Particle: Page Title Module Position: breadcrumbs-a Module Class Suffix: none Show Title: Hide
2. Breadcrumbs
Module: Breadcrumbs Module Position: breadcrumb-b Module Class Suffix: none Show Title: Hide
3. Who We Are And What We Do
Module: Gantry 5 Particle Particle: Content PRO (Style 1) CSS Classes: uk-text-left Module Position: utility-a Module Class Suffix: none Show Title: Hide
4. Our Core Values (Tabs)
Module: Gantry 5 Particle Particle: Tabs Module Position: maintop-a Module Class Suffix: title-center-border Show Title: Show
5. What Our Guests Say
Module: Gantry 5 Particle Particle: Feedback 2 Module Position: mainbottom-a Module Class Suffix: title-center-border Show Title: Show
6. CTA Button
Module: Gantry 5 Particle Particle: CTA Button (Style 1) Module Position: prebottom-a Module Class Suffix: none Show Title: Hide
"About Us (2)" Page
1. Page Title
Module: Gantry 5 Particle Particle: Page Title Module Position: breadcrumbs-a Module Class Suffix: none Show Title: Hide
2. Breadcrumbs
Module: Breadcrumbs Module Position: breadcrumb-b Module Class Suffix: none Show Title: Hide
3. Our Projects
Module: Gantry 5 Particle Particle: 3D Slider (Style 3) CSS Classes: uk-text-left Module Position: utility-a Module Class Suffix: none Show Title: Hide
4. See Our History
Module: Gantry 5 Particle Particle: Timeline (Style 2) Module Position: maintop-a Module Class Suffix: none Show Title: Hide
5. What We Are Good At
Module: Gantry 5 Particle Particle: Skill Bars Module Position: mainbottom-a Module Class Suffix: none Show Title: Hide
6. Our Incredible Team
Module: Gantry 5 Particle Particle: Our Team (Style 2) CSS Classes: uk-text-left Module Position: extension-a Module Class Suffix: title-center Show Title: Show
7. Our Awesome Clients
Module: Gantry 5 Particle Particle: Companies (Style 2) Module Position: additional-a Module Class Suffix: none Show Title: Hide
"RokSprocket Mosaic (Default)" Page
1. Page Title
Module: Gantry 5 Particle Particle: Page Title Module Position: breadcrumbs-a Module Class Suffix: none Show Title: Hide
2. Breadcrumbs
Module: Breadcrumbs Module Position: breadcrumb-b Module Class Suffix: none Show Title: Hide
3. RokSprocket Mosaic (Default)
Module: RokSprocket > Mosaic Layout > Default Theme Columns: 3 Blocks per View: 9 Module Position: utility-a Module Class Suffix: none Show Title: Hide
3. Portfolio 1 - JOOMLA 4
Module: Gantry 5 Particle Particle: Portfolio (Style 1) Module Position: utility-a Module Class Suffix: none Show Title: Hide
"RokSprocket Mosaic (Gallery)" Page
1. Page Title
Module: Gantry 5 Particle Particle: Page Title Module Position: breadcrumbs-a Module Class Suffix: none Show Title: Hide
2. Breadcrumbs
Module: Breadcrumbs Module Position: breadcrumb-b Module Class Suffix: none Show Title: Hide
3. RokSprocket Mosaic (Gallery)
Module: RokSprocket > Mosaic Layout > Gallery Theme Columns: 3 Blocks per View: 9 Module Position: utility-a Module Class Suffix: none Show Title: Hide
3. Portfolio 2 - JOOMLA 4
Module: Gantry 5 Particle Particle: Portfolio (Style 2) Module Position: utility-a Module Class Suffix: none Show Title: Hide
"Pricing" Page
1. Page Title
Module: Gantry 5 Particle Particle: Page Title Module Position: breadcrumbs-a Module Class Suffix: none Show Title: Hide
2. Breadcrumbs
Module: Breadcrumbs Module Position: breadcrumb-b Module Class Suffix: none Show Title: Hide
3. Choose Your Plan
Module: Gantry 5 Particle Particle: Pricing Tables Module Position: utility-a Module Class Suffix: none Show Title: Hide
4. Pricing Features
Module: Gantry 5 Particle Particle: Features (Style 2) Module Position: maintop-a Module Class Suffix: none Show Title: Hide
5. CTA Button
Module: Gantry 5 Particle Particle: CTA Button (Style 1) Module Position: mainbottom-a Module Class Suffix: none Show Title: Hide
"FAQ" Page
1. Page Title
Module: Gantry 5 Particle Particle: Page Title Module Position: breadcrumbs-a Module Class Suffix: none Show Title: Hide
2. Breadcrumbs
Module: Breadcrumbs Module Position: breadcrumb-b Module Class Suffix: none Show Title: Hide
3. FAQ
Module: RokSprocket > Lists Layout > Default Theme Module Position: utility-b Module Class Suffix: none Show Title: Hide
3. FAQ - JOOMLA 4
Module: Gantry 5 Particle Particle: Accordion (Joomla) Module Position: utility-b Module Class Suffix: none Show Title: Hide
"Typography" Page
1. Page Title
Module: Gantry 5 Particle Particle: Page Title Module Position: breadcrumbs-a Module Class Suffix: none Show Title: Hide
2. Breadcrumbs
Module: Breadcrumbs Module Position: breadcrumb-b Module Class Suffix: none Show Title: Hide
3. OnePage Menu
Module: Gantry 5 Particle Particle: OnePage Menu Module Position: sidebar-left Module Class Suffix: none Show Title: Hide
The best thing you can do (and actually you MUST do) is to install the Quickstart Package and see how everything is configured and what module class suffixes are used for each module.
Extensions
The Web is full of all kinds of different Joomla extensions. Throughout the years we had the chance to work with many extensions from many different providers which helped us to filter the best of the best ones. The extensions that we use in our templates have the cleanest code, the best functionality and they've been very well supported by their developers.
Almost all of the extensions that we use are FREE! If there is a premium (paid) extensions, we usually try to include a FREE alternative for it.
Below you will find the Download link and the Documentation for each extension (Component, Module, Plugin) that we have used in this template.
As you might have noticed already, most of the things used to build InsightFX (particles, atoms, etc) come from InspireTheme.com. Yes, JoomFX.com is part of InspireTheme.com.
At InspireTheme.com you can find many other Particles that you can use in InsightFX. There are also other Gantry 5 Templates that you might want to use for your future projects.
We do want to keep and satisfy our users as much as possible and since you have already purchased InsightFX you are eligible for 50% discount for any plan at InspireTheme.com.
All you need to do is to contact us via the Contact Form on our Profile Page on Themeforest (so we can verify you as a customer) and we will send you the 50% discount promo code that you can use at InspireTheme.com :)