AGE Themes Aerial is a template designed specifically for drone stores operating on the Joomla platform. This responsive template perfects the blending of aesthetic allure with robust functionalities tailored to an aerial products theme. Enhanced for adaptability, it captures the dynamic environment of the drone industry with precision and aptitude, ensuring seamless integration into a Joomla site dedicated to showcasing and selling drones.

Template Version: 5.0.0
SafariJoomla template AGE Themes Aerial
 

Template Description

The focal point of this templates design is its ability to present high-resolution imagery with minimal distraction, ideal for stores that need to spotlight their drone offerings vividly. Such a theme capitalizes on the importance of visual interaction, providing a streamlined gallery feature that harmonizes well with high-definition drone photographs. This detail reflects the industrys emphasis on visual experiences, ensuring potential customers can view product details clearly and enticingly before making a purchasing decision. The layout is constructed to cater to such an audience, with prominent image placements and an intuitive user-interface that enhances engagement.

Embedded within the framework of the template are advanced functionalities such as a shopping cart embedded directly into the homepage, optimizing the path to purchase for users. Such an arrangement facilitates ease of access, ensuring that transactions are as straightforward as possible for the visitor. It also features customizable product pages, allowing users to modify information displays to suit the specific peculiarities of different drone products. The result is a site that maintains both aesthetic appeal and functional efficiency, designed specifically for a target audience interested in technology and innovation.

This Joomla template offers a mobile-first perspective, recognizing the significance of mobile users in todays digital shopping environment. This responsive design ensures that no matter the device or screen resolution, the site maintains its effectiveness, with menus that shift seamlessly to accommodate smaller displays. Its cross-browser compatibility further ensures that the given template supports various browsing technologies, ensuring that no potential client is left out due to technical disparities, therefore opening the market reach further.

Structured with SEO-optimization in mind, the template supports meta-tagging, breadcrumbs, and well-crafted URLs, ensuring that the online store gains visibility across search engines. Such features are invaluable for niche markets like drones, where high search rankings greatly influence consumer decisions. Pairing this with social media integration options allows for expansive promotional capabilities, enabling user-generated content sharing directly back to the stores SEO-optimized pages, drawing more organic traffic and potential conversions.

User experience is at the heart of its overall design with intelligently crafted navigation menus that echo the industrys technological sophistication. It provides smooth transitions and animations that underscore a modern and cutting-edge feel characteristic of drone technophiles. When users interact with the template, they encounter a logical flow that guides them through featured sections, comprehensive product categories, customer testimonials, and call-to-action elements that significantly enhance user engagement.

Further enhancing its utility, there are extensive customization options allowing the aesthetic feel to be tailored as per brand guidelines. This ensures brand identity can be harmonized with specific business needs, from nuanced color schemes representing corporate identities to module positions that accentuate brand hierarchies. The potential to add bespoke components like additional modules or third-party extensions facilitates further personalization, ensuring the template is as unique as the products it showcases.

A vital component that distinguishes the template from others is its profound connection to the drone industrys ethos. Correctly situated call-to-action buttons leverage the excitement often associated with drone technology, while strategically placed blog sections provide a platform to educate and engage with a tech-savvy audience about trends, innovations, or new releases. These elements solidify a stores position not just as a vendor, but as a knowledgeable entity within the drone community.

Expounding on the features offered by the template AGE Themes Aerial, it becomes evident that this template provides an all-encompassing framework for drone stores targeting to build a commanding online presence. It fuses practicality with expertly designed thematic elements that carry the potential to captivate, retain, and convert visitors into loyal customers. Such attributes make it a significant asset for any business within this niche, striving to distinguish itself through a superior digital experience.

Template Features:

  • Compliance with W3C XHTML 1.0 Transitional and W3C CSS Valid standards.
  • Support for JavaScript and CSS scripts compression to speed up the website performance.
  • Thanks to the use of the latest versions of PHP and MySQL, the template code is current and secure.
  • A large number of positions for placing modules and several color suffixes.
  • Several built-in color schemes of the template for individual design of your project.
  • The template supports Google fonts and RTL/LTR languages.
  • Multiple menu types, Mega Menu, Dropline Menu, CSS Menu, with smooth animation effects.
  • Integrated support for popular extensions, expanding the functional capabilities of the site.
  • QuickStart demo package with support for CMS version Joomla! 5.x.

Specifications:

Release date: 20-01-2024
Last updated: 20-02-2024
Type: Premium
License: GPL 
Subject: Online Shopping Technics & Electronics VirtueMart HikaShop
Compatibility: J4.x J5.x
QuickStart: Joomla! 5.x
Color
schemes:
Developer: AGE Themes

Rating:
4.6170212765957 1 1 1 1 1 (47 Votes)

Download by subscription!

You need to log in on the site and purchase a club subscription!

Share with your friends!

 

General Features:

 

Powerful Framework

The framework provides an easy access to hundreds of powerful features and tools for more flexible customization and create amazing websites based on Joomla.

Responsive Design

Fully flexible layout template perfectly adapts to the users browser width. And great is displayed on your PC, iPad, iPhone and other mobile devices.

HTML5 & CSS3

Template has a wide range of benefits, since only uses modern web technologies: HTML5, CSS3, LESS, JQuery and Bootstrap 4 & 5.

Quick Start

Install Joomla! website containing demo content, styles and preconfigured extensions and get started in minutes.

Cross-Browser

Impeccable work in all modern browsers, such as Firefox, Chrome, Safari, Opera, Netscape, Yandex Browser and Internet Explorer 10+.

SEO optimization

Code template database is fully optimized to ensure good indexing and the presence of your site by Joomla Search Engine.

Guide to Setting Up and Using AGE Themes Aerial for a Joomla Drone Website

AGE Themes Aerial is best treated not as a ready-made "pretty skin," but as a starting system for a Joomla website where a product showcase, aerial footage presentation, trust-building sections, a gallery, navigation, and a mobile version all need to work together. In this guide, we will walk through how to approach the template after installation: what to check before launch, which settings to adjust first, how to connect the demo design to a real drone catalog, and where problems most often appear.

This guide is intended for a store owner, webmaster, or editor who already has the template archive and wants to safely recreate the main visual style without making random file edits. We will also look at Helix Ultimate, SP Page Builder, module positions, menus, product pages, language versions, performance, and troubleshooting. Where exact screens from a specific package are not available in public sources, the recommendations rely on Joomla, Helix Ultimate, and SP Page Builder documentation rather than invented interface items.

The visual logic of AGE Themes Aerial is built around an aviation theme: a wide hero section with a drone, a calm white background, large magazine-style typography, a photo gallery, service blocks, and a store section. Because of that, the main setup task is not just replacing text and images, but preserving the template's rhythm: the first screen sells the idea of flight, the next sections establish experience, and then come images, services, and products.

AGE Themes Aerial guide cover showing the template layout and Joomla setup cues
The cover visually captures the template's starting point: a drone hero, sectional rhythm, and visual cues for the next setup steps.

When This Template Actually Solves the Right Problem

AGE Themes Aerial works well for websites where visual proof matters more than long-form description. That could be a drone store, a rental service, an aerial filming studio, an inspection company, a pilot training center, or a blog covering unmanned aircraft. In each of these cases, a visitor needs to understand three things quickly: what you do, which products or services you offer, and how to move to the next step.

The template is especially useful when the site needs to combine a presentation-focused homepage with a practical storefront. A large drone image works well on the first screen, followed by an about section, then a gallery and services. If you add product pages through VirtueMart, HikaShop, or J2Store, you get a site that does not feel like a dry catalog, but still leads visitors toward choosing a product or service.

For a standard corporate site without products, a gallery, or strong visual assets, AGE Themes Aerial may be excessive. Its design depends on high-quality photography, a clear homepage structure, and careful section management. If the content is thin, empty galleries and repetitive images quickly weaken the page. In that case, it is better to prepare the content first: 6-10 real photos, a list of services, 3-5 product cards, short answers to common questions, and contact details.

Typical Use Cases

AGE Themes Aerial supports several use cases, and it is worth distinguishing them before installation because they affect the extension stack and menu structure.

  • Drone store showcase. The homepage presents the category and builds trust, while product pages lead to model comparisons, specs, and checkout through the chosen ecommerce extension.
  • Aerial filming service website. The homepage communicates filming quality, the portfolio shows examples, and forms or contact details collect inquiries without the need for a complex cart.
  • Pilot or studio portfolio. The focus is more on the gallery, case studies, work locations, and trust signals, while the store section can be disabled or replaced with articles.
  • Training project. The design can serve as a base for courses, guides, and reviews, but the menu, content categories, and navigation blocks will need more careful setup.

Quick check before choosing a scenario: if the site does not sell products, do not install a store extension just because the template supports it. An extra component makes updates, caching, and troubleshooting more complicated.

What the Sources Confirm and Where You Need to Be Careful

The official AGE Themes page describes Aerial as a Joomla template for a drone store. It also lists the key integrations: Helix Ultimate as the template framework, SP Page Builder for building pages, Smart Slider 3 for sliders, SP Simple Portfolio for portfolio layouts, 3CX Live Chat for communication, and compatibility with VirtueMart, HikaShop, and J2Store. The visual materials show the top of the homepage with a drone, a "Who we are" section, a gallery, and service sections.

At the same time, public sources contain inconsistencies in the naming used in the description text: alongside AT Aerial, you may also see the wording ET Aerial. In practical terms, that does not change the template's purpose, but when downloading and installing it, you should rely on the archive name, the template folder, and the Joomla entry, not on a single marketing paragraph. If the template appears under a different name in the admin panel, note that in your project notes and do not rename the folder manually without the developer's documentation.

You should also be careful with claims about versions and package contents. Different catalogs may show different update dates and compatibility numbers. This article will not tie the setup to a specific date: the better approach is to open the developer's page before installation, verify your Joomla version, PHP, MySQL, or MariaDB version, and confirm compatibility for SP Page Builder and the ecommerce extension you plan to use.

Fact Map Behind This Guide

Which facts about AGE Themes Aerial can be used confidently
Fact Practical takeaway How to verify it on your site
The template is built for Joomla and the drone niche. The homepage works best around a hero section, gallery, services, and a product block. Compare the demo look to the installed homepage and check the module positions.
It is built on Helix Ultimate and SP Page Builder. Most changes should be made through Template Options, the Helix layout, and SP Page Builder pages. Check whether the template appears under System - Site Template Styles and whether the pages exist under Components - SP Page Builder.
Color presets and customizable options are mentioned. Lock in the palette and type hierarchy first, then change individual sections. Open the template style settings and compare the active preset to the main screen.
It is presented as working with VirtueMart, HikaShop, and J2Store. Choose one ecommerce component for your use case instead of installing all of them at once. Check which component is already included in your package or mentioned in the archive documentation.

This approach protects you from a common mistake: a user sees a polished demo, installs the template on an existing site, but never checks the dependencies. As a result, some blocks do not appear, the menu loses dropdown items, and product pages look different from what was expected.

Who AGE Themes Aerial Is Right For, and Who Should Choose Another Path

This template is especially convenient when a project has strong visual material. A drone is a product that sells well through large photos, video, feature comparisons, and proof of results. AGE Themes Aerial supports that at the layout level: a large hero, wide images, a gallery, service blocks, and a calm white background make it possible to show not just the product itself, but the effect of using it.

Good candidates for this template include stores with a small or medium-sized catalog, aerial filming studios, inspection companies, rental services, and smaller electronics brands. For them, the priority is not a thousand filters, but a convincing landing page where the product section remains connected to the brand story.

AGE Themes Aerial may not be a good fit for a large marketplace that needs complex filtering, an account area with many order states, warehouse integrations, bulk import, and multi-vendor logic. Those problems are solved by ecommerce architecture, not by a template. The template can serve as a storefront, but it will not replace a well-designed commerce system.

If the Site Already Runs on Another Joomla Theme

An existing site requires a more careful rollout. The official AgeThemes page explicitly reminds users that when installing the template install package on an existing site, they should recheck old and new module positions. That matters because Joomla does not "guess" where to move a module if the old template used one position and the new one uses another.

Do not make AGE Themes Aerial the default template on a live site without a backup. Install it on a staging copy first, enable position preview, and check the menu, main module, cart, search, language switcher, and footer blocks. Only after that should you move the result to production.

Preparation Before Installation: Archive, Joomla Version, and Dependencies

Preparation may feel boring, but it saves the most time. AGE Themes Aerial depends on several layers: Joomla itself, the template, Helix Ultimate, SP Page Builder, a slider, a portfolio extension, and possibly an ecommerce component. If any layer is outdated or missing, the visual part may load, but individual sections can remain empty.

What to Check in the Archive

Joomla templates usually come in two package types: a standard template installation archive and a quickstart package with Joomla, the template, extensions, and demo data. The selection logic is straightforward. If you are launching a new site and want a structure as close to the demo as possible, quickstart is more convenient. If the site is already live and contains content, users, orders, or SEO structure, it is safer to install only the template install package and rebuild the sections manually.

  • Template install package is appropriate for an existing site, but it does not create demo content automatically.
  • Quickstart package is convenient for a new project because it deploys a demo-like example, but it should not be installed over a live site.
  • Bundled extensions should be checked separately: SP Page Builder, Smart Slider 3, SP Simple Portfolio, and ecommerce components are updated independently of the template.
  • Documentation and file list help you understand which elements are included in your edition and what must be installed manually.

Server and Database

The developer page lists minimum requirements for the Joomla, PHP, and database stack. Do not copy those requirements into a production installation mechanically. It is better to open the current Joomla page, the AgeThemes page, and the documentation for the extensions you use, then compare them to your hosting environment. For a new site, choose a PHP version supported by all extensions, not just by Joomla itself.

Practical order: first update Joomla and extensions on a site copy, then install the template, and only then enable the ecommerce component. If you start with the template and later find out that the ecommerce extension is not ready for your Joomla version, troubleshooting will take much longer.

Content Before Installation

AGE Themes Aerial needs more than just the technical stack. Prepare a logo in a transparent format, 5-8 large images of drones or actual shooting results, a short first-screen text, 3-4 value propositions, a list of services, product categories, and contact details. If you are using real products, prepare images with consistent proportions, specifications, pricing, availability, and shipping rules in advance.

That makes it possible to replace demo content immediately without breaking the rhythm of the sections. If you start editing without materials, it is easy to leave random empty blocks, unnecessary gallery items, and repetitive headings behind.

AGE Themes Aerial prep map before installing the Joomla template
The diagram shows which dependencies are worth checking before installation: the archive, Joomla, Helix Ultimate, SP Page Builder, the ecommerce component, and content.

Installation and Initial Verification Without Unnecessary Risk

Installing a template in Joomla usually goes through the extension manager. But with AGE Themes Aerial, it is not enough to see a success message. You also need to check whether the required template style appeared, whether the dependencies connected correctly, and whether the menus still work. The order will differ between a new site and an existing one.

New Site: When Quickstart Makes Sense

If the project starts from scratch, quickstart is the shortest route to a demo-like structure. Its logic is similar to installing a prebuilt Joomla package: after deployment, you get a sample site where sections, menus, and extensions are already connected. This is convenient for learning and fast launch, but it requires discipline after installation.

  1. Deploy quickstart on a separate domain, subdomain, or testing folder.
  2. Immediately change the admin credentials, site name, and mail settings.
  3. Open the homepage and compare it to the demo: the hero, menu, gallery, services, product section, and footer should all be in place.
  4. Check the extension list and updates, especially for SP Page Builder and the ecommerce component.
  5. Remove demo materials only after you understand which sections use them.

The main advantage of quickstart is that it shows the correct relationship between modules, menu items, and pages. Do not rush to wipe everything immediately. Make a copy of the successful installation first, then replace the content gradually.

Existing Site: Template Install Package

On an existing site, it is better to install only the template and enable it through its style. In a modern admin panel, the path usually goes through System - Install - Extensions, then through System - Site Template Styles. In older interfaces, the menu items may be named differently, but the logic is the same: upload the package, open the style, assign it as default, or bind it to specific menu items.

Do not assign the new template to every page right away if the site has important orders, forms, or account areas. Create one test menu item first, assign the AGE Themes Aerial style to it, and check the result. Once the page looks stable, move on to other sections.

Initial Check After Enabling

  • Main menu. Check that items appear in the correct position and dropdown levels have not disappeared.
  • Logo. Open both the normal and sticky header, if enabled, and check readability on a dark or photo-based background.
  • Main section. Make sure the background image is not too heavy and does not cover the text.
  • Modules. Compare the old module positions with the new template's positions.
  • SP Page Builder. Open the key page in the editor and make sure the sections are available for editing.
  • Store. If the storefront is enabled, check the category, product card, cart, and checkout page.

What success looks like: after installation, it should be clear which style is active, where the homepage is edited, which modules control the menu and footer, and which component handles the product section.

The Main Screen, Header, and the Visitor's First Action

In the reference version of AGE Themes Aerial, the top of the page is built like a clean showcase: logo on the left, menu on the right, then a large hero with a drone and the bold headline "Lightweight. Portable. High-Resolution.". That opening screen sets an expectation: the product is light, technical, and visually striking. During setup, it is important to preserve that clarity rather than turning the hero into an overloaded banner that tries to list every service at once.

Logo and Header in Helix Ultimate

In Helix Ultimate, the core header settings are usually found under Template Options - Basic. Helix documentation describes logo, favicon, header, sticky header, search, and login settings. For AGE Themes Aerial, it is best to start with the logo and header height because the hero photo is already visually rich.

  • Logo. Use a PNG, SVG, or WEBP with a transparent background. A high-contrast version usually works best on a photo background.
  • Sticky Header. Enable it only if the menu needs to stay available at all times. It is convenient on a landing page with a long gallery, but may be unnecessary on a short page.
  • Search and Login. Do not enable these elements if the site does not have a catalog, user area, or knowledge base. An empty search icon weakens the first screen.
  • Off-canvas menu. Check the mobile menu separately: in the drone niche, images are large, so the menu should open cleanly without covering important text.

Hero: What to Change and What Is Better to Keep

In the hero section, you should change the text, button, and image, but preserve compositional discipline: one main message, a short clarification, and one action. If the site sells drones, that action can lead to the catalog. If the site sells aerial filming services, it can lead to a quote request or portfolio.

A strong hero for AGE Themes Aerial answers three questions: what is being offered, who it is useful for, and where to click next. Do not put a long description of drone specs into the first screen. A model comparison block or product card can handle that further down the page.

How to Check the Hero After Replacing It

  1. Open the homepage on desktop and make sure the text remains readable over the image.
  2. Shrink the browser window and check that the button does not slide outside the visible area.
  3. Open the page in incognito mode to rule out editor cache.
  4. Confirm that the button points to a live menu item, not a demo URL.
Relationship between the hero, menu, and first action in the AGE Themes Aerial template
This visual map helps tune the first screen: the header, hero, button, and next block should all guide the user toward one clear action.

Homepage Sections: How to Preserve Aerial's Rhythm and Replace Demo Content

AGE Themes Aerial's strength is the rhythm of the homepage. After the hero, there is a trust and experience block, then a gallery with different drone shots, followed by services or offers. If you only replace the text but leave random images in place, the rhythm remains technically intact, but the meaning becomes weak. That is why editing should happen section by section.

The "Who we are" Block as Proof of Competence

In the reference layout, the "Who we are" block combines a large heading, short text, an experience metric, and two overlapping photos. This is not just a decorative block. It should explain why a visitor can trust the store or studio. For a store, this can highlight experience selecting equipment, warranty support, test flights, and consultation. For a studio, it can present licensing, types of filming, safety, and sample project types.

Do not leave a number there just for the sake of having one. If you cannot support "45+ Years Experience," replace it with a real metric: completed projects, cities served, models in the catalog, or flight hours. If you do not have the data, use a short value statement instead of a number.

The Gallery as a Showcase of Results

The gallery in AGE Themes Aerial does not only show the devices themselves, but also the effect of flight: forest, fields, water, sunset, camera in the air. For a real site, it is better to separate images by purpose. The first 2-3 shots should show the drone and operation, the next ones should show filming results, and the last ones should place the service or product in context. That sequence helps visitors understand that you are not just selling a device, but a way to get footage, inspection results, or a complete experience.

Practical Order for Replacing the Gallery

  1. Prepare images with consistent visual quality and a similar color temperature.
  2. Replace the central shots first, since they shape the initial impression.
  3. Check that propellers, the camera, or other important details are not cropped in the masonry grid.
  4. Add captions only where they help: service type, drone model, or shoot location.
  5. After saving, clear the Joomla cache, SP Page Builder cache, and browser cache.

Service and Product Blocks

The lower service sections are best built around real customer needs: aerial filming for real estate, roof and facade inspection, event filming, mapping, drone sales, and pilot training. If the site is store-focused, some services can be replaced with purchase benefits: model selection, test launch, accessories, service, and training. If the site is studio-focused, products should not appear in the first row if they distract from the inquiry path.

SP Page Builder lets you edit sections, columns, and individual elements through settings panels. The documentation describes tabs for style, responsiveness, animation, and advanced settings. In Aerial, this is especially useful for the gallery and service blocks: you can change spacing, background, column order, and device visibility without editing template files.

Detailed Post-Install Setup: Helix, SP Page Builder, Modules, and Menus

After installation, users are often tempted to edit every page at once. It is better to go from the foundation to the details: template style, header, menu, homepage structure, modules, store, SEO fields, and cache. That way, each change can be tested separately and rolled back more easily.

Step 1. Lock in the Active Template Style

Open System - Site Template Styles, find the AGE Themes Aerial style, and make sure it is assigned to the correct menu items. Joomla allows different styles for different menu items. That is useful if you want to test Aerial on a new landing page first instead of switching the entire site.

If the style is active but the page still looks like the old template, check the menu item assignment. In Joomla, the displayed page is almost always tied to a menu item. The wrong menu item can point to a different style, a different category, or a different set of modules.

Step 2. Configure the Layout in Helix Ultimate

Helix Ultimate uses a layout based on rows and columns tied to module positions. The Helix documentation describes the 12-column grid, rows, column settings, responsive options, and the ability to choose module positions. For AGE Themes Aerial, that means the header, menu, areas around the component, and footer can all stay inside a controlled grid.

Do not add new positions unless you actually need them. Start by locating the existing ones: header, menu, top, bottom, footer, and the positions used by the demo. If a module does not appear, the reason is often not the module itself, but the fact that it is assigned to a position that does not exist in the current style or is hidden on the relevant device.

Values for a Typical Site

  • Container width. Leave the default width in place until all images are replaced. A container that is too wide makes the gallery feel loose.
  • Sticky header. Enable it only after checking the mobile menu, and only if a long page truly needs persistent navigation.
  • Preloader. Do not enable it as a performance fix. The Helix documentation explicitly explains that a preloader hides loading, but does not solve the cause.
  • Custom CSS. Use it for small adjustments, not for rewriting the layout.

Step 3. Edit Pages in SP Page Builder

SP Page Builder controls the sections and content blocks on pages. Section settings let you change background, spacing, borders, responsiveness, and animation. Column settings control order and visibility across devices. Individual elements include General, Style, and Advanced tabs. For Aerial, this makes it possible to edit the homepage without direct access to template files.

Work from large to small. Replace the hero first, then the about block, then the gallery, then services and footer. After each stage, save the page and check the front end. If you change everything in one session, it becomes difficult to tell which edit broke the spacing or mobile order.

Settings map for Helix Ultimate and SP Page Builder in AGE Themes Aerial
This diagram connects template settings, SP Page Builder pages, module positions, and the visible result on the homepage.

Step 4. Configure Menus and Module Positions

Joomla outputs menus through modules. Because of that, it is not enough to create menu items. You also need to make sure the corresponding menu module is published, placed in the correct position, and assigned to the right pages. Joomla documentation separately explains that the template divides the page into module positions, while the modules themselves can be assigned to all pages, no pages, or selected menu items.

For AGE Themes Aerial, the main menu module should support top navigation. If the menu suddenly appears in a sidebar or footer, check its position. If the menu is visible only on part of the site, open the module's menu assignment tab and compare it to the required items.

Step 5. Check the Ecommerce Component

AGE Themes Aerial claims compatibility with styling for VirtueMart, HikaShop, and J2Store. That does not mean you should use all three. Choose one component based on your needs.

  • VirtueMart makes sense if you need a classic Joomla store with a catalog, cart, and a broad set of ecommerce settings.
  • HikaShop is a good fit if modern commerce logic, multiple editions, and well-developed installation and configuration docs matter to you.
  • J2Store is interesting for smaller projects where products are easier to manage as standard Joomla articles.

After choosing a component, create one test category and one product, add an image, check the product page, purchase or inquiry button, cart, and email flow. Do not start with bulk product import until you confirm that the template correctly displays one complete product journey.

Module Positions and Menus: Why the Page Is Not Built Only in the Editor

A Joomla template differs from a typical page builder because the visible page is assembled from several sources. The main content may be an SP Page Builder page, a product, a category, or an article, but modules are rendered around it: menu, search, cart, language switcher, contacts, banners, and footer blocks. AGE Themes Aerial uses exactly that logic, so part of the site's output is controlled not in the homepage editor, but in Joomla's module system and Helix settings.

This matters for users who expect to find everything in one place. For example, the top menu may be edited through Menus and the menu module, the logo through Template Options, the gallery through an SP Page Builder page or portfolio, and the product block through the ecommerce component. If you do not separate those layers, every issue looks like "the template is broken," when in reality you just need to open a different screen in the admin panel.

How to Build a Page Map

After installation, create a simple map of the homepage. You do not need a special tool: a table in your project notes is enough. Write down each visible section, its data source, and where it is edited. This is especially useful if the site is being worked on by the store owner, a designer, and a content manager at the same time.

Where to find different parts of an AGE Themes Aerial page
Element Likely editing location What to check after changes
Logo and header behavior. Template Options in the Helix Ultimate style. Desktop view, mobile menu, sticky header, hero contrast.
Main menu. Menus and the corresponding menu module. Position, publication status, nested items, page assignments.
Hero, trust block, and services. The page in SP Page Builder. Text, background images, spacing, responsive column order.
Gallery or portfolio. SP Page Builder, SP Simple Portfolio, or an article/module. Image quality, order, filters, captions, loading speed.
Catalog and product cards. VirtueMart, HikaShop, J2Store, or Joomla articles. Categories, product card, cart, emails, SEO fields, output templates.
Footer and utility links. Joomla modules, Helix footer settings, menus. Contact details, policy pages, catalog link, languages, mobile correctness.

This kind of map does more than help with setup. It also makes future maintenance easier. When you need to update contact details or add a new section a few months later, you will not be hunting through every extension at random.

Assigning Modules by Page

In Joomla, a module can appear on all pages, only selected pages, or none at all. For AGE Themes Aerial, this matters even more because the homepage behaves like a landing page, while the catalog and articles need a different environment. For example, you may want to keep a large hero and service blocks on the homepage, show a filter in the catalog, and place a form and map on the contact page. If all modules are assigned everywhere, the site quickly becomes overloaded.

A practical setup looks like this: start with the minimum shared modules - menu, footer, and, if needed, the language switcher. Then add specialized modules to specific sections. For product categories, that may be a filter or category list. For the portfolio, an inquiry block. For articles, related content. After each addition, check not only the current page, but nearby menu items as well.

Practical tip: if a module should appear only in the product section, assign it to catalog menu items rather than to the whole site. That way you will not end up with a product filter below an aerial filming block or inside the "About Us" section.

How Not to Lose the Mobile Menu

In Aerial, the top navigation is visually lightweight: lots of white space, small menu items, and clean icons. But on mobile, the menu becomes a functional hub. Check not only the off-canvas opening, but also the item order, nesting, store button visibility, and contact access. If the menu includes catalog sections, they should be grouped so users do not have to scroll through dozens of models at the first level.

If the mobile menu is too long, shorten the top level: "Catalog," "Services," "Portfolio," "About Us," "Contact." Move detailed drone and accessory breakdowns to category pages. That improves usability and also makes troubleshooting easier: fewer nested items means fewer conflicts with dropdown styles and scripts.

Product Showcase and Portfolio: How to Connect Store, Gallery, and Trust

In the drone niche, users often choose based on more than price. They need images, specifications, use cases, and confidence that the company understands the equipment. That is why AGE Themes Aerial works best when the storefront is split into several meaning layers: the homepage creates interest, the catalog provides choice, the product page answers technical questions, and the gallery and portfolio show results.

Which Component to Choose for the Showcase

If you sell physical products with a cart, payment, and shipping, use an ecommerce component. If the site only collects inquiries for rentals or filming services, a form, contact details, and portfolio are enough. If you sell services in different packages, it may be better to create service landing pages in SP Page Builder instead of complicating the project with a full store cart.

VirtueMart is a full ecommerce solution for Joomla. HikaShop also provides a store system and an official documentation section. J2Store emphasizes that products are created from standard Joomla articles. For AGE Themes Aerial, that gives you three different approaches to the product section.

How to choose ecommerce logic for a site built on AGE Themes Aerial
Scenario Best option What to check
Small drone and accessories store. VirtueMart or HikaShop. Category, product page, cart, shipping, emails, checkout page.
Catalog without on-site payment. J2Store, Joomla articles, or SP Page Builder pages. Cards, inquiry button, SEO fields, category-based filtering.
Aerial filming studio. SP Page Builder + portfolio + inquiry form. Case studies, gallery, contact details, form tied to the correct service.
Hybrid project: store and services. One ecommerce component + separate service pages. Menu structure so products and services do not compete for the same main path.

Portfolio and Gallery

The official AGE Themes page lists SP Simple Portfolio as a useful extension for portfolio layouts. That makes sense for Aerial: drones sell through imagery, and aerial services sell through results. A portfolio should not become a pile of nice-looking shots. Break it down by type: real estate, events, industrial inspection, nature, training, and product reviews.

If a user comes for the store, the portfolio helps prove brand quality and show how the product is used. If a user comes for a service, the portfolio becomes the main argument before they submit an inquiry. In both cases, each entry should have a short description, a task type, and a clear next step.

Product or Service Page

For drones, specifications matter a lot on the product page, but do not overload the first screen with a giant table. Start with the image, title, short use case, and action. Further down, you can expand on the camera, range, batteries, package contents, limitations, warranty, and compatible accessories. If you use an ecommerce component, these fields should be managed through the component's built-in features, not by typing them manually into every description.

What success looks like: open one test product as a normal visitor. It should be immediately clear what the model is, who it is for, what is included, and where to click next. If the user has to return to the homepage to understand that, the product path is not ready.

Practical Example: Build a Homepage for a Drone Store

Let us look at a concrete scenario: you need to launch a small storefront for a drone store that also offers initial consultation services. The goal is to create a homepage where a visitor sees the specialization, moves into the catalog, views sample footage, and can ask a question.

Goal and Preparation

Goal: preserve the visual character of AGE Themes Aerial while replacing the demo sections with real store blocks. Before starting, Joomla, the template, Helix Ultimate, SP Page Builder, and the chosen ecommerce component should already be installed. You also need a logo, a hero image, 6 gallery photos, 3 products, 3 services, and a contact channel.

Setup Steps

  1. Assign the template style to a test menu item called "Aerial Home" so you do not change the whole site at once.
  2. In Template Options, upload the logo and check the header, sticky header, and mobile menu.
  3. In SP Page Builder, open the homepage and replace the hero: headline, short text, button, and image.
  4. Rename the trust block to reflect the real business: product selection experience, test flights, service, or service area.
  5. Build the gallery from 6 images: drone in the air, operation, a result shot, a shoot subject, an accessory, and the team or workflow.
  6. Create three products in the selected component and display them in a dedicated block or through a catalog menu item.
  7. Add services: model selection, training, aerial filming, or maintenance. Each service should lead to an inquiry or description.
  8. Check the footer: contacts, social links, terms, policy, sitemap, and utility menu items.

Expected Result

After setup, the homepage should work like a route. The first screen explains the specialization, the trust block answers "why you can trust us," the gallery shows visual quality, the services explain the use cases, and the catalog or inquiry button drives action. If any block does not support that route, it is better to remove it or move it lower.

A Common Obstacle

The most common issue in this scenario is that old modules remain assigned to the new homepage. For example, a sidebar menu, article archive, or outdated banner suddenly appears below the hero. The reason is usually a module assignment set to "all pages." Open each extra module, go to the menu assignment tab, and exclude the test item or move the module to a more appropriate position.

Practical setup scenario for a drone store homepage in AGE Themes Aerial
This storyboard shows the sequence: admin-side setup, section changes, and checking the result on the public-facing site.

Responsiveness, Speed, and SEO After Replacing Demo Content

AGE Themes Aerial depends heavily on large images, which is both its strength and its risk. A beautiful hero and gallery build trust, but heavy files slow down the first screen. That means setup is not finished when the demo images are replaced: you still need to check responsiveness, image weight, cache behavior, and metadata.

Responsiveness

Helix Ultimate and SP Page Builder provide tools for responsive settings: columns can change order, sections can be hidden on specific devices, and SP Page Builder includes visibility parameters. But technical responsiveness does not guarantee a good user experience. In the drone niche, it is especially important that propellers, camera elements, product details, and buttons are not cropped on smaller screens.

  • Hero. Check that the main text does not land on the busiest part of the image.
  • Gallery. Make sure vertical and horizontal images do not break the grid.
  • Service cards. On mobile, they should appear in a logical order rather than a random sequence inherited from the desktop grid.
  • Catalog. Buttons and pricing should not sit too close together.

Speed

SP Page Builder includes global settings related to lazy loading, production mode, CSS, and caching of generated styles. The documentation explains that production mode saves page CSS into separate files, and that purging cached CSS is useful after style changes. That matters for AGE Themes Aerial: if you change spacing, background, colors, and images, old CSS may continue showing the previous result.

A practical workflow after major edits is: save the page, clear the SP Page Builder cache, clear the Joomla cache, then check the front end in a private window. If server-side cache or a CDN is used, clear that last. Otherwise, you may think the setup failed when the browser is simply showing an old file.

SEO Fields and Clear URLs

The template does not replace Joomla SEO configuration. The homepage, product categories, services, and articles still need proper titles, meta descriptions, aliases, and internal links. In SP Page Builder, pages include settings related to title, category, language, access, custom CSS, and SEO. Use those for landing pages, but do not repeat the same copy in every section.

For a drone store, it is better to build URLs and titles around real categories: foldable drones, camera drones, accessories, service, training. For an aerial filming studio, build them around services and target objects: real estate aerial filming, roof inspection, event filming. AGE Themes Aerial gives you the visual foundation, but the search structure still needs to be planned separately.

Checking the Result Before Publishing

Once the template is configured, the result needs a dedicated review. This is not a formality, and it is not enough to glance at the homepage once in an admin browser. AGE Themes Aerial is tied to visual sections, modules, and components, so what you need to test is the user path: from the first screen to the action, from the menu to the right section, from the product to the cart, or from the service to the inquiry.

The most reliable method is to open the site as a new visitor. Log out of the admin panel or use a private window. That way you see the real public-facing site rather than editor cache. If the site is multilingual, repeat the check for each language. If it includes a store, run one test product path up to the point that is safe in your environment.

Homepage Route

On the homepage, check the meaning flow. The first screen should talk about drones, filming, or the store, not just show a pretty image. The button should lead to a place where the user can actually continue: the catalog, an inquiry, a portfolio, or contact. The trust block should confirm competence. The gallery should show results. The services or products should make sense without extra explanation.

If, after scrolling, a visitor still does not understand where to buy, request filming, or contact you, the problem is not the template, but the route. In that case, rearrange the blocks, simplify the menu, or change the main call to action. The template provides rhythm, but the decision about section order is still yours.

Technical Review

  • Header. The logo is readable, the menu does not fall apart, and the sticky header does not cover section headings.
  • Images. The hero and gallery load quickly, do not look blurry, and do not crop important details.
  • Modules. Each page shows only the modules it needs, and old sidebar blocks do not leak into the landing page.
  • Forms. The inquiry submits, the email arrives, and the post-submit message is clear.
  • Catalog. Categories open, the product page shows the image, price or inquiry option, and the buttons work.
  • Cache. After clearing cache, the changes are visible on the public site.
  • Mobile view. The menu, hero, gallery, services, and footer are readable without horizontal scrolling.

Content Review

Content review matters just as much. Remove demo copy, third-party names, random images, and empty links. In a drone-oriented template, inconsistencies are especially noticeable: if the first screen shows a drone but the next section talks about an abstract company with no products or services, the page feels unfinished.

Check image alt text, headings, short service descriptions, product specifications, and contact details. If the site includes legal pages, they should be reachable from the footer. If forms are used, explain nearby what happens after submission: consultation, quote estimate, model selection, or a callback.

How to Tell When the Site Is Ready to Show to Clients

The site is ready for a first presentation when you can walk through three scenarios without making fixes on the fly. First, a visitor opens the homepage and understands the offer. Second, a visitor selects a product or service and sees the next step. Third, an administrator knows where to edit each important block. If even one of those scenarios fails, the structure should be improved before launch.

Short review summary: AGE Themes Aerial should preserve the visual character of the demo while containing your real products, services, gallery, menu, and contact path. A nice appearance without a working route does not count as a finished setup.

Safe Improvements Without Editing the Template Core

For AGE Themes Aerial, small improvements through standard Joomla and Helix mechanisms make sense, but editing the template core does not. Helix documentation directly recommends using Custom CSS or a separate file such as custom.css instead of editing template.css, because changes made in template files can be overwritten during updates.

Small CSS for Hero Readability

If the hero text becomes harder to read after replacing the image, you can add a soft darkening layer. First, try the background and overlay settings in SP Page Builder or the template itself. If that is not enough, add a small CSS snippet in Template Options - Custom Code - Custom CSS or in a custom CSS file, if that method is used in your setup.

.aerial-hero-readable .sppb-addon-title,
.aerial-hero-readable .sppb-addon-content {
  text-shadow: 0 2px 16px rgba(0, 0, 0, 0.45);
}

.aerial-hero-readable .sppb-btn {
  border-width: 1px;
  letter-spacing: 0;
}

Before applying it, add the aerial-hero-readable class only to the needed section or container in the SP Page Builder settings. This is a reversible change: if you do not like the result, remove the class or the CSS. Do not apply the rule site-wide, or the shadow may appear where it is not needed.

A Class for Modules with an Accent Background

Joomla lets you assign classes to modules and pages and then style them in custom CSS. This works well for a consultation or service block that needs to stand apart visually from a standard card. The point is not to "colorize" everything, but to highlight one important path.

.drone-service-note {
  background: #f4efe8;
  border-left: 4px solid #9b7658;
  padding: 18px 22px;
}

.drone-service-note h3 {
  margin-top: 0;
}

In the module, set the class suffix or CSS class without the dot: drone-service-note. Then check the public-facing site. If the module did not change, make sure the template is actually loading the custom CSS and that the class appears in the HTML. Rolling it back is simple: remove the class from the module or delete the CSS.

Language Overrides for Interface Strings

If the template or extensions contain strings that appear in English, do not edit the language files manually. Joomla includes a built-in language override mechanism. It is a better fit for buttons, short labels, and system messages. First, find the exact language constant through the Joomla interface, then create an override for the required language.

This method is especially useful for a store: you can carefully adjust button labels or utility messages without touching the component itself. But do not use language overrides for long page content. Service copy, product descriptions, and trust blocks should be edited in articles, components, or SP Page Builder.

Multilingual Setup and Separate Landing Pages

The official AgeThemes page states that the templates support multilingual sites, and Joomla recommends using its built-in multilingual features. For AGE Themes Aerial, this is especially relevant if the store or studio works with tourists, international clients, or suppliers.

What Should Be Translated Separately

In Joomla, multilingual setup involves more than articles. You need to account for content languages, menus, modules, categories, articles, product pages, and the language switcher. Joomla documentation shows that a full multilingual site includes content languages, separate menus or linked menu items, menu modules, and article associations.

  • Homepage. Create a separate SP Page Builder page or separate menu item for each language.
  • Menus. Do not mix language-specific items without a clear scheme. Separate menus are often easier to maintain.
  • Modules. Each language-specific menu should have its own module with the correct language and position.
  • Products. Check how the selected ecommerce component stores translations and categories.
  • Template strings. Use language overrides if you need to change a short utility phrase.

Checking the Language Result

After enabling languages, open the homepage in each language and check three things: the menu leads to pages in the same language, the modules did not disappear from their positions, and the switcher does not trigger an error. If switching languages opens a blank page, the cause is often an unassociated menu item or article, not the template.

For a store, also test the cart and emails. Even if the homepage is translated, the checkout flow may remain in the component's language or depend on the language pack. Do not promise users a multilingual purchase flow until you have tested the full path from product to email.

Troubleshooting and Fixing Common Problems

Problems with a Joomla template rarely come from a single cause. AGE Themes Aerial depends on the template style, module positions, SP Page Builder, images, store configuration, and cache. Because of that, troubleshooting works better when you follow symptoms instead of guesses.

The Homepage Does Not Look Like the Demo

Symptom: the template is installed, but the homepage looks empty or completely different. Possible cause: only the template install package was installed without demo data, the correct menu item is not assigned, modules are not published, or the SP Page Builder pages are missing.

Check the active style in Site Template Styles, then the homepage menu item and the module list. If you expected a full demo structure, make sure you used quickstart on a new site rather than the standard template package.

The Menu Appears in the Wrong Place or Dropdown Items Do Not Open

Symptom: the main menu moved into a sidebar position, disappeared on mobile, or does not show child items. Cause: the menu module is assigned to the wrong position, the wrong menu layout is selected, or the page assignment is incorrect.

Open Content - Site Modules, find the menu module, and check its position, publication status, and menu assignment tab. Then review the header and off-canvas settings in Helix Ultimate.

Changes in SP Page Builder Do Not Appear

Symptom: the block changed in the editor, but the front end still shows the old version. Cause: Joomla cache, SP Page Builder cache, production mode, server-side cache, or CDN.

Save the page first, then clear the SP Page Builder cache, Joomla cache, and browser cache. If external caching is used, clear that last. Do not keep editing the same block again and again until you rule out caching.

Icons, Background Images, or Some Styles Disappeared

Symptom: menu arrows, icons, a section background, or Page Builder elements look different after an update. Cause: version incompatibility, Font Awesome, broken file paths, generated CSS cache, or the settings of a specific section.

Check updates for Helix Ultimate and SP Page Builder, then open the affected section in the editor. For backgrounds, check the style tab and image source. For icons, verify that the required icon set is not disabled and that a CSS optimizer is not creating conflicts.

The Product Page Looks Different from What You Expected

Symptom: the category displays normally, but the product page, cart, or checkout does not match the demo. Cause: a different ecommerce component is being used, its styles are not enabled, or the required modules or overrides are missing.

First, determine which component is in use: VirtueMart, HikaShop, or J2Store. Then check its own documentation, output templates, and module assignments. Do not copy CSS from another system until you are sure the classes match.

The Mobile Version Breaks the Block Order

Symptom: the section looks good on desktop, but on a phone the secondary image appears first, then the text or button. Cause: column order and device visibility were not configured in SP Page Builder or in the Helix layout.

Open the column settings and check the responsive parameters. If the section is too complex, it is better to create a separate simplified mobile block and hide the heavy desktop section on small screens.

The Site Became Slower After Replacing Images

Symptom: the first screen loads slowly, the gallery lags, and PageSpeed flags the images. Cause: hero images are too heavy, the gallery contains unused images, lazy loading is missing, or an optimizer is conflicting.

Compress the images, use a modern format where your setup supports it, enable lazy loading through the extension or Joomla settings, and check gallery dimensions. Do not upload raw camera photos without preparing them first.

When it is better to roll back the change: if a change causes the menu, cart, buy button, or mobile navigation to disappear, restore the previous style or page copy and troubleshoot the issue on a staging copy.

When You Can Move On to Downloading and Testing

AGE Themes Aerial is a strong choice if you are ready to work with Joomla as a system, not just as a visual template. You need to understand the relationship between the template style, menu item, module, SP Page Builder page, and ecommerce component. When that is clear, Aerial becomes a practical foundation: you preserve the aviation-inspired visual character and gradually replace the demo with real products, services, and proof points.

Before you download AGE Themes Aerial, check three things: whether the Joomla scenario fits your needs, whether you have content for a visual storefront, and whether it is clear which ecommerce component will be used. If the answer to all three is yes, start with a test installation, document each stage, and do not move the demo structure onto a live site without verification.

If what you see after installation is not an exact copy of the demo, that is not always an error. A standard template package is not required to include all demo content. What matters is something else: the active style works, the sections are editable, modules appear in understandable positions, and the user path from the first screen to the catalog or inquiry can be tested without guesswork.

Questions About Setting Up AGE Themes Aerial

Can I use the template without an online store?

Yes, if the project sells aerial filming services, training, or operates as a portfolio. In that case, do not install an ecommerce component unless you truly need it. Use the homepage, gallery, services, inquiry form, and Joomla articles.

Why does the site not look like the demo after installation?

Most often, the standard template package was installed instead of quickstart, or the required modules and pages were not published. Check the archive type, active style, homepage menu item, and the presence of the extensions used to build the demo.

Which ecommerce component should I choose for Aerial?

If you need a classic Joomla store, look at VirtueMart or HikaShop. If products are easier for you to manage as articles, review J2Store. Do not install several systems at once just for testing on a live site: that makes routes, the cart, and troubleshooting more complicated.

Where is the best place to change colors, the logo, and spacing?

Start with Template Options in Helix Ultimate and section settings in SP Page Builder. Add small CSS adjustments through Custom CSS or a custom CSS file. Do not edit template core files unless there is no other reasonable option.

What should I do if a module does not appear?

Check the module's publication status, position, access level, language, and menu assignment tab. In Joomla, a module can be published but still assigned to a different page or to a position that the current template does not output.

Is the template suitable for a multilingual site?

Yes, but multilingual setup should be handled through Joomla features: content languages, menus, modules, associations, and language overrides. For the store section, also verify translation support in the ecommerce component you choose.

Do I need to add code for the site to work properly?

Usually not. Most actions are handled through Helix Ultimate, SP Page Builder, modules, and components. Code only makes sense for small reversible improvements, such as CSS for hero readability or an accent module.

How do I know the setup is finished?

Open the site as a visitor and follow the path: first screen, menu, gallery, service or product, inquiry or cart, mobile version. If the route is clear, the sections are not empty, and the changes are visible without stale cache, the basic setup is ready.

By OceanTheme.org Editorial Team

You are not logged in to post comments.