How to update Warp 7 framework

In this tutorial, I will show you how to update a theme based on the Warp 7 framework without uninstalling and reinstalling the theme.

Warp 7 Framework Latest: 7.3.36

    # Fixed head.php (WP)

    # Fix html5 meta charset with cache enabled (J)
    # Fix enqueue scripts before they were registered (WP)

    # Fixed do not minify already compressed .js files
    # Fixed com_search compatibility (J 3.7.3)

    + Added Woocommerce 3.x gallery support (WordPress)

    # Fixed thumbnail view for Woocommerce 2.7
    # Fixed encoding html in menu title (WP)
    # Fixed enqueue scripts before widgets loaded (WP)

    # Fixed language directory name 'ro-RO' (J)
    # Fixed woocommerce style (WP)
    # Fixed font selection in customizer
    # Updated search results truncation (WP)

    # Fixed PHP 5.3 compatibility (WP)

    ^ Updated UIkit to 2.27.2
    # Fixed color picker in customizer
    # Fixed font import in customizer + copy style
    # Fixed widget assignment on woocommerce categories/tags (WP)
    # Fixed breadcrumbs + sidebar widget (WP)

    + Added filter for warp ajax search (WP)
    ^ Updated language files (J)
    # Fixed frontpage posts pagination (WP)
Read More

How to enable sticky menu feature

How to enable sticky menu feature for joomla template

Login joomla back-end -> Extensions-> Templates -> select JoomLead template

Tab Options, you need to select the layout profile to enable the sticky menu feature, for example: I want to enable the sticky menu feature for homepage only, so I will select the frontpage layout profile

Read More

Shortcode Ultimate documentation

Shortcode Ultimate is a very powerful plugin for creating shortcode for joomla 3.3, it’s based on wordpress shortcode ultimate plugin. it’s included 73+ essential shortcode which help you to easily manage your joomla website.

You can download the offical shortcode ultimate documentation here

Using shortcode ultimate with Joomla

About shortcode ultimate

Shortcode Ultimate is a very powerful plugin for creating shortcode for joomla 3.3, it’s based on wordpress shortcode ultimate plugin. it’s included 73+ essential shortcode which help you to easily manage your joomla website.

You can insert shortcode ultimate for Joomla Article, Custom HTML module or K2 item

Using Shortcode Ultimate with Joomla Article

Read More

SP pagebuilder documentation

SP pagebuilder developed by JoomShaper guys. SP Page Builder is a most flexible Drag & Drop page builder For Joomla 3.x. You can create any layout you want, instead of template that lock you into pre-created layouts. It can be used for constructing unique-looking Pages. It can be used wit any template, free or commercial. It allows you to easily add created page(s) in menu and display with useful and cool effects inside. Whether you’re a beginner, web designer or developer building commercial sites for clients or a business owner managing and maintaining your own website. SP Builder’s flexibility and functionality means one thing: web content design made easy. Take full control over your Joomla! 3.4+ site with SP page builder extension.

The offical documentation can be found here

How to install Joomla Quickstart Package

Understanding the Joomla Quickstart Package

Quickstart package is a full website package that includes: templates, extensions, database, images … and once you install the quickstart successfully, you will have a complete website that is exactly same as our Demo (in Quickstart, we use blank image due to copyrights).

Read More

Template Customization


Find out how to add your own customizations and learn more about file hierarchy in Warp.

To provide as much flexibility as possible, Warp applies a special file cascade. If you include any file like CSS, JS or template PHP files, Warp looks successively in specific folders for the files and the first file found will be loaded. This gives you full flexibility to override any important theme related file.

We will explain the override cascade a bit further. If you just want to know, how to override theme files, jump down to the appropriate examples.

Override cascade

As an example, this is what the override hierarchy for the /layouts folder would look like.

1. Styles folder

The /styles/STYLE-NAME/layouts folder of your theme is at the top of the hierarchy and modifications or additions you make here will override all other theme files. Also this folder will be preserved during updates, so it’s the safest place to make your modifications.

2. Theme folder

The theme’s /layouts folder is the place where all the theme specific layout files are being stored.

3. Systems folder

The /warp/systems/joomla/layouts folder provides the individual system implementation needed to integrate with a particular CMS. This layer makes Warp adapt to a certain system to form a consistent API for theme development.

4. Warp folder

The /warp/layouts folder contains basic overrides made by the core framework. Each part of the core framework is universal and designed to work on every supported system.

The cascades for the /js, /css and /layouts folders are defined in the theme’s config.php. If you want to register another folder in the cascade, you can do so here.

Layout overrides

To customize the general theme layout, you need to override the /layouts/theme.php. To do so, create the /styles/STYLE-NAME/layouts directory, copy the file in there and start adding your own PHP code.

This way you can also override system files. For example, just take the Joomla article layout /warp/systems/joomla/layouts/com_content/article/default.php and copy it to your style folder /styles/STYLE-NAME/layouts/com_content/article/default.php and modify it. Now your modified article layout file will be used instead of the default system layout. The same applies for WordPress files.

Add your own CSS

There are several ways of adding your own custom CSS to a Warp theme. You can use the Customizer to change most aspects of the theme without having to write any CSS. Keep in mind that your style will only be shown in the Customizer, if there is a style.less file inside the style’s folder. When you use the Customizer, changes will be saved in the style.less file. Together with the theme LESS files it will be compiled into the /css/theme.css file and override any customizations you may have done.

Add custom CSS

You can use the Customizer and also add your own CSS by creating a custom.css file inside the /css folder for the related style. That way your CSS won’t be overwritten when you save changes in the Customizer.

Set up the Joomla menu

Set up the Joomla menu

This tutorial shows you how to set up the main menu correctly in your Warp 7 based template.

Create the menu

After installation of the template click on Menus » Menu Manager Menu » Add New Menu in the administration menu on top. Give it a name and click on Save & Close. For more detailed instructions on how to create a menu see the Joomla documentation.

You can now assign menu items to the menu. Click on Menus » YOUR MENU » Add New Menu Item. For additional instructions on how to create a menu item take a look at the Joomla documentation.

Read More

Set up the logo

Set up the logo for Joomla Template

The Logo is actually a simple image element. In Joomla we are using a Custom HTML module published on the themes logo position for it to display.

Desktop Logo

Go to Extensions » Modules Manager. Click on New. Select a Custom HTML module.

On the following edit screen, you select the logo module position.

And fill the Custom Output field. After publishing the module, the logo will display in the template.

Read More

File permission issues

File permission issues

Learn, how to handle file permission issues with your Warp theme.

There are two ways of accessing files when working with Joomla: either directly via your webserver or through an FTP client. Different files and directories have permissions specifying who can read, write or access them. Sometimes the permission settings of your webserver and your FTP client can collide, so that when trying to install an extension from the backend you are suddenly confronted with messages, like JFolder::create: Could not create directory or Directory not writable: /administrator/templates/system/ or you may not be able to save theme settings.

Change file permissions

Read More

Template Information

Get an overview of versions, file modifications and potential issues in your theme.


The dashboard section displays the current version number of the theme and the framework. This kind of information might be useful, if you need to resolve technical issues. It is advisable to update the framework and the theme simultaneously.

Read More