JoomShaper Eleva is a creative template for Joomla, designed to bring a fresh and unique look to your website. This template offers a modern and stylish design, making it perfect for businesses, portfolios, and creative individuals looking to showcase their work in an eye-catching way.

Template Version: 1.0.2
SafariJoomla template JoomShaper Eleva
 

Template Description

With JS Eleva, you can create a visually stunning website that will impress your visitors from the moment they land on your homepage. The template features a clean and elegant layout, with a focus on typography and whitespace to enhance readability and make your content stand out.

One of the standout features of this template is its extensive customization options. You have full control over the appearance of your website, allowing you to tailor it to your specific needs and preferences. The template comes with a variety of pre-designed pages and layouts, making it easy for you to create a professional-looking website without any coding knowledge.

JS Eleva is also fully responsive, ensuring that your website looks great on all devices, from desktops to tablets and smartphones. This is especially important in todays mobile-first world, where the majority of internet users browse the web on their mobile devices.

In terms of functionality, this template offers a range of useful features to enhance the user experience. It includes a powerful and user-friendly admin panel, making it easy for you to manage your website and customize its various elements. It also supports a range of popular Joomla extensions, allowing you to add additional functionality to your website with ease.

Whether youre a business owner looking to create an online presence, a photographer wanting to showcase your portfolio, or a creative individual looking for a visually stunning website, the JoomShaper Eleva template for Joomla is a perfect choice. Its creative design, extensive customization options, and responsive nature make it a versatile and powerful tool for creating a standout website.

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: Helix v3, SP Page Builder Pro, expanding the functional capabilities of the site.
  • QuickStart demo package with support for CMS version Joomla! 6.x.

Specifications:

Release date: 07-03-2024
Last updated: 10-11-2025
Type: Premium
License: GPL 
Subject: Blog Business Portfolio
Compatibility: J4.x J5.x J6.x
QuickStart: Joomla! 6.x
Color
schemes:
Developer: JoomShaper

Rating:
4.4566929133858 1 1 1 1 1 (127 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.

How to Set Up JoomShaper Eleva for a Joomla Agency or Portfolio Website

It helps to think of JoomShaper Eleva not as a finished picture you simply turn on, but as a set of connected Joomla solutions: a template built on Helix Ultimate, pages created with SP Page Builder Pro, a portfolio powered by SP Simple Portfolio, ready-made utility pages, and separate logic for menus, modules, and responsive behavior. This guide shows how to move safely from a downloaded archive to a working site without losing the strengths of the demo or tying the project to random sample content.

Below, you will find the prep work, the choice between Quickstart and the standard template package, homepage setup, module positions, portfolio, menus, responsive behavior, result checks, and troubleshooting for common issues. This guide does not repeat the product page's promotional copy. Its purpose is different - to give you a practical implementation map you can use to build a site for a creative agency, studio, freelancer, or marketing team.

All specific capabilities mentioned here are based on the JoomShaper page, the Eleva documentation, and the documentation for Helix Ultimate, SP Page Builder, and SP Simple Portfolio. Where a source does not confirm a specific button or value, the recommendations are framed as safe Joomla practice: test on a staging copy, keep a backup, do not modify core files, and roll back questionable changes through template settings.

JoomShaper Eleva as a guide cover with a homepage reference and Joomla context
General visual reference: the Eleva look, palette, section rhythm, and the link between template setup and result validation.

Where Eleva Works Best

Eleva is designed for sites where above-the-fold impact, portfolio work, visual case studies, service listings, and quick contact with a potential client matter most. According to the official page, the template is aimed at creative agencies, artists, digital marketing, and similar use cases. That does not mean it cannot be adapted to something else, but it performs best when visitors need to grasp the team's style quickly, review the work, and move on to an inquiry.

There are four important layers inside the template. The first is the visual layer: a minimalist composition, large typography, bold hero sections, a light background, and a cool blue-gray accent visible in the supplied visual reference. The second is the page layer, edited through SP Page Builder Pro. The third is the portfolio layer, for which the Eleva documentation explicitly points to SP Simple Portfolio. The fourth is Helix Ultimate, where you configure the template's core settings, Layout Builder, menus, responsive behavior, and custom CSS.

The biggest implementation mistake is treating a template like this as a single HTML mockup. In practice, the site is assembled from a template style, builder pages, module positions, menus, and component-driven screens. If you only change the text on the homepage but never verify module positions, menu items, the portfolio, and mobile navigation, the site may look good above the fold and fall apart on internal pages.

Who This Template Fits Best

Eleva is a strong fit for design studios, digital agencies, content teams, motion designers, small creative boutiques, and specialists who need a showcase of expertise rather than a product catalog. In projects like these, it matters more to communicate mood, case studies, team identity, services, and contact options than to build a deep content structure with hundreds of pages.

A good use case is an agency website with a homepage, a dedicated portfolio page, a team page, a contact section, and a few landing-style blocks for services. In that setup, the included home variations, SP Page Builder, SP Simple Portfolio, and utility pages reduce the amount of startup work while still leaving room for a distinct brand voice.

When Another Approach Makes More Sense

If the project depends on a complex catalog, user accounts, multi-level access rights, large-scale content, or unusual component logic, Eleva may work only as a visual shell rather than a complete solution. For sites like that, the data structure and user flows should be designed first, and the template chosen afterward. Otherwise, a beautiful first screen may hide an awkward admin experience and a poorly maintainable workflow.

You should also be cautious with projects where editors are not prepared to work in a visual builder. SP Page Builder is convenient for page design, but it requires discipline: consistent spacing, reusable blocks, careful responsive checks, and a clear understanding of which pages are Joomla articles and which ones are builder-based.

What to Check Before Installation

Before installing, decide what you actually want: a demo copy for a fast start, or a template connected to an existing Joomla site. The Eleva documentation separates these scenarios into Quickstart and the standard template package. Quickstart is installed as a full Joomla site with demo data and extra extensions. The standard template package does not bring in the full demo content, so it has to be configured manually.

Pre-installation checks save more time than trying to fix a site after import. For a template built on Helix Ultimate and SP Page Builder, the key factors are Joomla server requirements, required PHP modules, the database, folder permissions, file upload support, a proper staging domain, and a clear update strategy.

Minimum Prep Checklist

Preparation Before Installing Eleva
What to check Why it matters How to handle it safely
Package type Quickstart and the standard template serve different purposes. Use a clean staging environment for a demo copy; for a live site, test the standard package on a clone first.
PHP version and database Quickstart includes Joomla, the template, and extensions, so it is sensitive to the server environment. Match the values against the JoomShaper and Joomla documentation, then fix them through your hosting setup rather than with random patches.
Folder permissions Incorrect permissions break installation, image uploads, and caching. After installation, check System and System Information, then the Folder Permissions tab.
Demo content Demo photos may be missing from Quickstart. Prepare your own images in advance for the hero area, portfolio, team section, and case studies.
Editorial plan Some pages are edited in SP Page Builder, while others are managed through Joomla components and modules. Assign ownership for pages, portfolio, menus, and template settings so changes do not conflict.

A Staging Environment Instead of Installing Directly on the Live Site

For a new project, it is more practical to install Quickstart on a separate subdomain or local server. That way, you can inspect the demo structure, the three homepage variations, module positions, portfolio, and utility pages without risking damage to a working site. After that, you can decide whether to migrate the structure into the main installation or rebuild the necessary pages manually.

For an existing site, the approach is different. First, back up the files and database. Then create a test copy, install the standard template package, and check compatibility with the current components. Quickstart cannot be installed over an existing Joomla site through the extension manager because it is not just an extension - it is a package that includes the Joomla core and demo data.

Practical rule: if you need an Eleva demo copy, install Quickstart on a clean environment. If you already have a site, do not try to treat Quickstart like a regular extension.

Quickstart or the Standard Template Package

The package you choose determines the rest of the workflow. Quickstart is convenient when you want a site that looks like the demo as quickly as possible, so you can study the section structure and replace the content. The standard template package is the better fit when a site already exists and you need a new visual layer plus the Helix Ultimate foundation without a full demo import.

The JoomShaper documentation emphasizes that Quickstart is installed as Joomla, step by step. It is not intended to be installed through System and the extension manager on top of an existing system. This is especially important for site owners who are used to installing templates as extension archives: with Quickstart, that approach will lead to an error or to the wrong expectation of the outcome.

Decision diagram between Quickstart and the standard JoomShaper Eleva package
Package selection logic: a demo copy on a clean staging site or a careful template install on an existing website.

When to Choose Quickstart

Quickstart is the better choice if the project is just starting and you need to see a working site structure right away. With this option, you get a ready-made demo setup: homepage, menus, positions, portfolio, utility pages, and installed dependencies. For learning and prototyping, it is the fastest path because you are not building every position from scratch.

But Quickstart comes with a cost: it requires a clean database and a clean environment. It should be treated as a brand-new site installation. After setup, it is a good idea to replace demo users, verify permissions, remove unnecessary test content, swap out images, and review SEO, caching, menu, and form settings.

When to Choose the Standard Template

The standard package is for sites that already have content, menus, users, and components. It changes the visual layer, but it does not import the full demo structure. You have to create or migrate pages yourself, configure SP Page Builder, module positions, menus, and the portfolio. This option requires more manual work, but it reduces the risk of overwriting the existing architecture.

For an active site, a good sequence is this: make a copy, install the template, assign it only to a test menu item, verify the homepage, one internal page, the portfolio page, and the contact page, then gradually roll the style out to the other sections. That gives you a way to compare the old and new versions without rushing.

Installation and the Initial Post-Launch Check

Installation does not end when you see the success screen. For a template at Eleva's level, the initial check should confirm that the admin panel, frontend, template style, homepage, menus, portfolio, media uploads, cache, and folder permissions all work. If even one of these layers goes unchecked, the problem may show up later after the site is already populated with content.

A Safe Quickstart Installation Order

  1. Prepare a separate folder or subdomain and a new database with a separate user.
  2. Extract the Quickstart archive locally, then upload the files to the server using the standard method.
  3. Open the domain or subdomain in a browser and go through the normal Joomla installer.
  4. Do not use admin as the super user name; choose a unique login.
  5. After a successful installation, remove any leftover installer files if Joomla prompts you to do so.
  6. Open administrator, check folder permissions, updates, and whether the homepage works properly.

If the installation stalls while creating tables or takes too long to complete, the Eleva documentation advises matching your PHP settings against the technical requirements, especially execution time. It is better to make those changes through the hosting panel or support team, because an incorrect edit to php.ini or .htaccess can affect the entire site.

Initial Check for the Standard Package

After installing the standard template, check whether the style appears under System and Site Template Styles, whether it is assigned to the correct menu item, and whether Template Options opens properly. Then enable the template only for a test menu item. That lets you review the appearance without instantly changing the entire site.

If the page looks empty, that is not always an error. The standard package may not include demo pages, modules, or portfolio items. In that case, you need to create the pages manually in SP Page Builder, assign the menu item, add modules to the correct positions, and only then compare the result with the demo.

Quick Summary After Installation

By the end of the initial check, three things should be clear: which package is installed, where the homepage is edited, and which positions and modules actually render on the page. Do not move on to hero design until you have confirmed that Joomla can see the template, the pages, and the module positions.

The Homepage and Its Three First-Screen Variations

The Eleva documentation notes that the template includes three homepage variations, and that the ready-made Quickstart homepage is built with SP Page Builder Pro. This is a key point for editors: the main screen should not be changed in template files or in a standard Joomla article, but through the builder's page list.

In the admin panel, the path usually starts with Components, then SP Page Builder Pro, and Pages. There, you need to find the page assigned as Home in the main menu. In Quickstart, it is already linked to the menu item, so changes to the page affect the public homepage. In a standard installation, you may need to create that connection manually.

Configuring the Eleva homepage through SP Page Builder and checking the result on the site
The homepage connection: a Joomla menu item points to an SP Page Builder page, and changes are verified on the public site.

What to Change First

Eleva's homepage is built around a strong first screen, visual sections, portfolio work, services, and a call to contact. Do not start with small animations. Replace the core meaning first: the agency name, a short positioning statement, the main visual, the contact button, the list of services, 3 to 6 strong projects, and a clear contact path. If those elements are not ready, the design may look polished but still fail to move users toward action.

For each major block, ask one question: what has the visitor understood, and what can they do next? The hero should explain the studio's profile. The services block should quickly separate core offers from secondary ones. The portfolio should show the type of projects you do, not just a collection of attractive images. The contact block should make the next step obvious.

How to Choose One Homepage Variation

The three home variations should not be compared by asking which one looks better. Compare them by structure. One version may work better for an agency with a large portfolio, another for a freelancer with a strong personal visual identity, and a third for a marketing team where services and conversion matter more. Create a copy of the page in SP Page Builder, assign it temporarily to a hidden menu item, and compare the options using real content.

When comparing them, look at page length, the number of sections before the first contact point, space for case studies, heading readability, and behavior at mobile widths. Quite often, the most visually striking version is not the easiest one to maintain: oversized visuals require constant image prep, and complex animations can hurt usability on weaker devices.

What to Check After Saving

After changing the homepage, clear the Joomla cache and, if server-side caching is used, check the page in a private browser window. Then open the homepage as a regular visitor, without being logged into the admin panel. Verify that the menu item is active, the buttons lead to the right places, the images are not stretched, and the contact path works.

A visual builder makes it easy to change sections quickly, but it does not replace checking the real user journey. If the Get In Touch button still leads to an old demo page or an empty anchor, visitors will not see a design mistake - they will see an unfinished site.

Module Positions, Menus, and Responsive Navigation

In a Joomla template, module positions matter just as much as the page layout itself. The Eleva documentation separately shows layout module positions, and Helix Ultimate explains that Layout Builder uses a 12-column Bootstrap grid, lets you change rows, columns, and positions, and hide elements on specific devices. That means configuring Eleva should include more than page editing. You also need to verify where modules are being rendered.

How to Find the Right Module

In Joomla, you can enable module position preview through the template settings and then open a page with the ?tp=1 parameter. This helps you see which areas are available in the current template. For Eleva, it is also useful to compare that view with the layout module positions documentation, because the demo site uses specific areas in the header and the main layout.

If a module is not visible, do not check only the position. In Joomla, a module may be published but not assigned to the needed menu item. It may be assigned to a position that does not exist in the current layout. It may be hidden by Helix responsive settings. It may be cached. So troubleshooting should always follow the same chain: module state, position, menu assignment, layout, responsive behavior, cache.

Mega Menu and Off-Canvas

The official Eleva page lists support for a multi-layered mega menu and an off-canvas menu. For an agency site, that is useful when navigation goes beyond Home, Portfolio, About, and Blog. A mega menu can surface service groups, case studies, and quick links, but it should not be overloaded. The more visual the template is, the more important it is to keep navigation concise.

The off-canvas menu handles compact navigation, especially on mobile devices. Check it separately: open the site at a narrow width, make sure the menu opens and closes correctly, does not cover important buttons, and does not contain leftover demo links. If the off-canvas area uses a separate menu module, make sure it is either synchronized with the main menu or intentionally different.

When to Change Layout Builder

You should change the layout only after you understand the demo structure. Helix lets you create rows, choose column structures, assign module positions, and manage responsive behavior, but it is a powerful tool. If you accidentally remove a position that already contains a module, the issue will look like a missing site block even though the real change happened at the container level.

For a typical Eleva site, it is useful to keep the base structure and edit only what you truly need: the logo, header, footer, contact modules, positions for extra calls to action, and mobile behavior. More extensive restructuring is best done on a copy of the template style so the original remains available as a rollback point.

Portfolio in SP Simple Portfolio

Eleva is not limited to static homepage sections. The documentation explicitly points to SP Simple Portfolio integration, and for a creative template, this is one of the most important practical layers. The portfolio is a convenient way to present projects, categories, tags, previews, lightbox behavior, video, and filtering. That is what separates a full agency site from a page with just a few pictures.

The working logic is simple: you create or edit portfolio items under Components and SP Simple Portfolio, organize them with categories or tags, assign images, and then display the portfolio on a page or through a menu item. On the frontend, users see a grid, filters, animations, and individual projects. If Quickstart already includes demo items, start by copying them and replacing the content instead of deleting everything outright.

JoomShaper Eleva portfolio diagram with SP Simple Portfolio, tags, and frontend result validation
The portfolio works as a separate layer: items, tags, images, and the menu item all need to align with the visual grid on the site.

Which Fields to Plan Before Adding Content

Before adding a large number of projects, it helps to define a simple system. Project titles should make sense to the client, not just to the internal team. Tags should support filtering, for example branding, motion, social media, web design, and illustration. Images should be prepared in a consistent aspect ratio, or at least within a similar visual logic. Otherwise, a masonry or rectangular layout can look random.

SP Simple Portfolio supports different thumbnail styles, JPG, PNG, and GIF images, lightbox, YouTube and Vimeo videos, and search-friendly URLs. Use those features carefully. Do not turn every project into a separate visual experiment. A consistent grid, clear tags, and 6 to 12 strong items will usually work better than a long list of projects with no structure.

How to Check the Portfolio After Setup

  1. Open the list of portfolio items in the admin panel and make sure the required items are published.
  2. Check that each item has an image, a description, and the correct category or tag.
  3. Open the portfolio page on the frontend and test the filtering.
  4. Click several projects and verify the lightbox or the item page.
  5. Open the page at mobile width and make sure the grid does not break important captions.

If the portfolio does not display, do not start by reinstalling the template. First check the menu, the component, item publication status, image availability, cache, and extensions. In most cases, the issue is not Eleva's visual style, but the fact that the component has nothing to output or the menu item points to the wrong destination.

Practical Scenario: Build an Agency Page from the Demo Without Losing Manageability

Imagine a real task: you need to prepare a website for a small design studio. The studio has a logo, a short positioning statement, a service list, eight projects, three team members, and a contact form. The goal is to create a homepage, a portfolio page, and a contact path that can be maintained without a developer.

Goal and Preparation

The goal is to use Eleva as the foundation while replacing the demo with a real structure. Before you begin, prepare the hero images, project cover images, short service descriptions, contact details, and the list of menu items. If you are installing Quickstart, work on a staging environment. If the site already exists, use a copy and the standard template package.

Setup Steps

  1. Choose the most suitable homepage variation in SP Page Builder and make a copy before editing.
  2. Replace the hero heading, subheading, and contact button while keeping the overall section rhythm intact.
  3. Reduce the services to 3 to 5 directions so the first screen and the nearby blocks do not turn into a catalog.
  4. Create portfolio items in SP Simple Portfolio and assign tags for filtering.
  5. Check the menu: homepage, portfolio, about the studio, blog or notes, and contact.
  6. In template options, check the logo, header, off-canvas menu, footer, and custom CSS if needed.
  7. Open the public site and walk through the visitor path: first screen, case study, contact.

Expected Result and One Important Detail

After setup, visitors should quickly understand what the studio does, see the style of the work, and find a way to get in touch. At the same time, the administrator should know where each part is edited: the homepage in SP Page Builder, the portfolio in SP Simple Portfolio, menus and modules in Joomla, and overall appearance settings in Helix Ultimate.

The main nuance is not to mix roles. If every new block on the homepage is built as a unique section with custom spacing, the site will quickly lose consistency. If every project is turned into a separate builder page instead of a portfolio item, filtering and maintenance become harder. Keep repeatable work inside the portfolio component, and presentation-focused sections inside the page builder.

Practical Ways to Use Eleva

Eleva can be used for more than a classic agency-plus-portfolio website. The confirmed capabilities of the template and its integration with SP Page Builder, Helix Ultimate, and SP Simple Portfolio make it possible to build several realistic scenarios without inventing extra functionality.

Eleva use-case map for an agency, freelancer, team, and portfolio
Several practical scenarios: each area uses different parts of the template while staying within one Joomla architecture.

Studio Website with a Case Study Focus

Use the homepage as a showcase for the strongest work, and SP Simple Portfolio as a manageable archive of case studies. Display 3 to 4 projects on the homepage and provide directional filters on the portfolio page. The result is easy to validate: visitors should be able to find the type of work they need in one or two clicks, and editors should be able to add a new case study without changing the page layout.

Personal Site for an Art Director or Motion Designer

In this scenario, visual storytelling and a short biography matter more. One of the homepage variations can be adapted for a personal brand: hero, short intro, featured projects, a section about the approach, and contact. The portfolio remains a separate component, while the team page can be reinterpreted as a list of partners or work directions.

Service Landing Page

SP Page Builder makes it possible to create a dedicated service page, for example for branding, presentation design, or social media. The important thing is not to break the whole site for the sake of one page. Create a separate menu item, build the page from sections, use the shared header and footer, add 2 or 3 relevant portfolio items, and test the contact button.

Promo Site Before Project Launch

The coming soon page included with Eleva works well for preparing a project before the full site structure is published. It does not replace a proper homepage, but it helps you keep the site in a clean pre-launch state. After launch, remember to remove the temporary mode, check indexing, and make sure old links do not still point to the placeholder page.

Safe Appearance Enhancements

Helix Ultimate documents custom CSS and recommends against editing the template's base files, because changes may be overwritten by updates. That is especially important for Eleva: its visual system depends on spacing, typography, and cards. Small adjustments are best made through Template Options, the Custom CSS field, or a separate custom.css file in the template folder.

Below is an example of a small CSS tweak to align portfolio cards and make image behavior cleaner. This is not a required Eleva setting, but a safe technique for situations where the grid looks uneven after replacing the demo images. Before applying it, verify the actual classes in your browser's developer tools: class names may differ between component or template versions.

/* Small tweak for portfolio cards.
   Add it in Template Options -> Custom Code -> Custom CSS
   or in templates/YOUR_TEMPLATE/css/custom.css. */
.sp-simpleportfolio .sp-simpleportfolio-item {
  overflow: hidden;
}

.sp-simpleportfolio .sp-simpleportfolio-img {
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.sp-simpleportfolio .sp-simpleportfolio-title {
  line-height: 1.25;
}

Check the result after applying it: open the portfolio page, compare 3 or 4 cards with different source images, then test mobile width. If the images are being cropped too aggressively, remove the aspect-ratio rule or choose a different ratio. Rolling back is simple: remove the CSS from the field or temporarily rename custom.css.

Do not add custom JavaScript if the problem can be solved with settings or CSS. In a portfolio template, extra scripts are more likely to create conflicts with the builder, caching, or animations.

Checking the Result Before Publishing

Result validation is not just a formality. Eleva is a visually strong template, and that is exactly why technical details are easy to miss: old demo links, empty portfolio items, broken mobile navigation, heavy images, or blocks hidden on the wrong device. The final check should follow both the visitor journey and the administrator workflow.

Visitor Check

  • Open the homepage in a private window and make sure the first screen does not contain demo text.
  • Go to the portfolio, check the filters, cards, and whether individual projects open correctly.
  • Open the contact page or contact form and make sure the user understands the next step.
  • Check the mobile menu, the off-canvas state, and the homepage length on a narrow screen.
  • Open 2 or 3 internal pages and confirm that the header, footer, and typography feel consistent.

Administrator Check

The administrator should know where each content type is edited. If the main screen lives in SP Page Builder, the portfolio in SP Simple Portfolio, and the footer in a module or in Helix settings, that should be documented in a short internal instruction. Otherwise, a month later, edits will start with "where is this edited?" instead of with the actual content.

Check caching separately. Joomla may cache the page, module, or component; the server and CDN may add their own layers. After changing the homepage, CSS, or portfolio, clear the cache and then check the page while logged out of the admin panel. If you still see the old version, do not keep changing settings again - first identify which cache layer is serving the outdated HTML or CSS.

SEO and Performance Without Inflated Expectations

A template can give you a clean structure and a solid visual base, but it does not guarantee ranking growth on its own. For an Eleva-based site, it matters more to fill in page metadata, use clear headings, prepare images properly, configure readable URLs, remove demo content, and monitor performance. Joomla and SP Page Builder provide the tools, but the result depends on content quality and disciplined setup.

Before publishing, check at least one page of every type: the homepage, the portfolio, an individual project, the contact page, a utility page, and a blog post if a blog is used. That is faster than fixing the same mistake later across dozens of pages.

If Eleva Does Not Look Like the Demo

Template issues often look visual, but the cause may be the installation package, server settings, missing images, menu assignment, module positions, or cache. Below is a practical troubleshooting map specifically for Eleva and similar JoomShaper templates.

Eleva diagnostic map for installation, menus, portfolio, modules, and cache
Troubleshooting should move through layers: package, server, pages, modules, portfolio, cache, and public-site validation.

Quickstart Freezes During Installation

Symptom: the installer sits on table creation for too long or never completes the process. Possible cause: the server settings are not suitable for a heavy Quickstart package that includes Joomla, demo data, the template, and extensions. What to check: PHP version, execution time, folder permissions, database, and installer messages.

Fix: first confirm the technical requirements, then ask your hosting provider to raise the necessary limits or adjust the environment. If the documentation recommends a temporary increase to max_execution_time, return it to a normal value after installation. If you are not sure what you are doing, do not edit system files at random.

Demo Photos Are Missing After Installation

Symptom: the structure looks similar to the demo, but the images are missing or replaced with placeholders. The Eleva documentation warns that Quickstart may not include the photos shown in the demo. That is not necessarily an installation error. What to check: the media folder, SP Page Builder pages, portfolio items, and image paths.

Fix: prepare your own images in suitable proportions and replace them in the hero, portfolio, and team sections. Do not go hunting for someone else's demo photos as if they were a required part of the product. For a real site, it is better to use your own visuals from the start.

The Homepage Does Not Change After Editing

Symptom: you edited a page in SP Page Builder, but the public homepage still shows the old version. Possible causes: you are editing the wrong page, the Home menu item points to a different object, cache is enabled, the changes were not saved, or you opened a copy of the page. What to check: the menu item, the page list in SP Page Builder, publication status, Joomla cache, and server cache.

Fix: find the menu item marked as the homepage, open the linked object, make a small visible edit, and save it. Then clear the cache and test in a private window. If the change still does not appear, temporarily assign a test page to a hidden menu item and open it directly.

A Module Is Published but Does Not Appear

Symptom: the module exists in the admin panel, but it is not visible on the page. Possible causes: the wrong position, no assignment to the needed menu item, the position is hidden in the layout, the module is disabled at mobile width, or the result is cached. What to check: publication status, position, menu assignment, Layout Builder, and responsive settings.

Fix: enable module position preview, open the page with ?tp=1, and check whether the position exists in the current template. Then assign the module to a specific menu item and clear the cache. If the position was removed in Helix Layout Builder, restore it from a copy of the template style or recreate the position carefully.

The Portfolio Is Empty or Filters Do Not Work

Symptom: the portfolio page opens, but no items appear, the filters are empty, or the cards do not respond. Possible causes: items are unpublished, tags are missing, the menu points to the wrong type, images are missing, or there is a cache or JavaScript conflict. What to check: Components and SP Simple Portfolio, the item list, tags, menu settings, browser console, and cache.

Fix: create one test item with an image, a tag, and published status. If it appears, the issue is with the content setup. If it does not, check the menu item and output settings. If the filters appear but do not work, temporarily disable JavaScript optimization and test for a conflict with cache or a third-party extension.

The Mobile View Breaks the Composition

Symptom: the hero, portfolio, or menu looks good on desktop, but on a phone the text overlaps the image, buttons run off the screen, or the off-canvas menu feels awkward. Possible causes: headings are too long, images are not suitable, breakpoints are not configured, or a section is hidden or shown on the wrong devices.

Fix: in SP Page Builder, check the page's responsive modes, shorten headings, prepare separate images for narrow screens, and verify the grid and responsive options in Helix Layout Builder. If a block cannot be adapted cleanly, it is better to create a simpler mobile version than to preserve an impressive desktop composition at any cost.

When to Move On to Downloading and Testing

It makes sense to proceed with installation once you already understand the scenario you need: Quickstart for a new staging environment or the standard package for an existing site; portfolio management through SP Simple Portfolio or manually built pages; a single homepage or multiple landing pages; a short menu or expanded navigation with a mega menu. Without that roadmap, the template is easy to install but hard to turn into a polished website.

If Eleva fits your use case, prepare a staging site, a backup, and a set of your own images. Then you can get the JoomShaper Eleva package and go through the installation without rushing. Do not move the result to the main domain until you have verified the homepage, portfolio, menus, mobile view, contact path, and cache.

A precise YouTube video dedicated specifically to Eleva could not be found, so no video was added to this guide. For a template like this, a random SP Page Builder or Helix Ultimate video would be too general and could pull the reader away from Eleva's actual structure.

Questions That Usually Come Up When Setting Up Eleva

Can Quickstart Be Installed Over an Existing Joomla Site?

No. Quickstart should be treated as a new site installation. It includes the Joomla core, demo data, the template, and extensions, so it is not installed like a regular extension through the installer manager. For an existing site, use the standard template package on a test copy.

Where Do I Edit the Homepage?

In Quickstart, the homepage is created in SP Page Builder Pro and assigned to the Home item in the main menu. Check Components, then SP Page Builder Pro, and Pages. If you are using the standard package, you may need to create that connection manually.

Why Are Images Visible in the Demo but Missing After Installation?

The Eleva documentation warns that photos and some graphics from the demo may not be included in Quickstart. This is normal for many templates. Prepare your own images for the hero, portfolio, and team sections rather than expecting a full copy of the demo photography.

Do I Need SP Simple Portfolio?

For a full portfolio, yes, because Eleva uses SP Simple Portfolio as a separate layer for projects, tags, images, filtering, and lightbox behavior. If you only have 2 or 3 projects, you can temporarily show them as page sections, but for a proper archive, the component is more practical.

Can I Change Module Positions Without Code?

Helix Ultimate includes Layout Builder, where you can work with rows, columns, and module positions. But it should be changed carefully: first create a copy of the template style, then test every change on the homepage, an internal page, and at mobile width.

How Can I Safely Add a Small CSS Tweak?

Use Template Options, the Custom Code tab, and the Custom CSS field, or the custom.css file in the template folder. Do not edit template.css or other core framework files, because an update may overwrite your changes.

Is Eleva Suitable for a Large Corporate Portal?

Only as a visual foundation for selected pages. If the project requires complex access rights, a catalog, multiple content types, and custom components, design the site architecture first. Eleva works best as a creative agency site, portfolio, or presentation-focused platform.

What Should I Check Before Moving to the Main Domain?

Check folder permissions, updates, the homepage, the portfolio, menu items, the off-canvas menu, the contact form, the mobile view, cache, and the absence of demo text. Then save a backup, and only after that move the result to the main domain.

When JoomShaper Eleva Is the Right Choice

Eleva makes sense when you need an expressive Joomla site for an agency, studio, visual creator, or marketing team rather than a heavy portal with complex business logic. Its strengths are its ready-made aesthetic, SP Page Builder pages, Helix settings, portfolio support, and built-in utility pages. But those advantages only come through with careful setup: the right installation package, a clean staging environment, a clear menu structure, meaningful portfolio items, and mandatory mobile testing.

If you are ready to replace the demo content with your own material, verify the modules, and avoid editing the template's core files directly, Eleva can quickly become more than just a beautiful page - it can become a manageable business showcase and reference site. Start with a test installation, document where each layer is edited, and move to the live site only after the result has been validated from both the visitor and administrator perspective.

By OceanTheme.org Editorial Team

 

You are not logged in to post comments.