Tutorial


Title Modified Date
A firewall without a component

I recently came across a script that you can use for your website (any cms) to implement a firewall without having to use a component. 

08 January 2019
Add icons to you menu

If you want to add icons to your menu items, we offer this option within our template. Joomla itself has the option to add an image, in the menu tab. If you add an image there, the image will be shown in the corresponding menu item.

06 December 2018
Apply color to single menu

To apply a color to a single menu item, first get the ID or the menu item.

06 December 2018
Basic setup

This template makes use of Bootstrap 3. This is not loaded from a CDN but included in the install. So no dependencies what so ever. Extensive Bootstrap documentation can be found on the bootstrap website. So first get into that before popping any questions ;-) 

06 December 2018
Box shadow on elements

In order to create a box shadow on certain elements you can use CSS. This tutorial explains how you can create a neat shadow for your boxes.

08 December 2018
Change search result page

The default Joomla search result page shows all the search options before it shows the results you have searched for. In order to change this, all you need to do is one simple CSS hack.

12 December 2018
Change website font

With version 1 through 1.05 you had a pulldown. Due to ever-changing font's and backend loading times, we have decided to skip the pulldowns and let you enter the fonts yourself.

10 May 2019
Change your favicon

The icon which appears in your browser tab or the navigation bar on your site is called the favicon. You can edit this image by uploading your favicon.ico to the root of your template folder (../templates/joonextpro/favicon.ico), replacing the existing favicon.ico if it already exists.

03 December 2018
Create a onepage website with JoonextPro

This article explains how to create a one-page website with joonextpro. A one-page website is a website, or a homepage, with a fixed menubar that lets you navigate your menu items all on 1 page.

27 March 2019
Create favicons

To have your own favicons, also for mobile etc. in order, you can visit the website https://realfavicongenerator.net/. In this tutorial, I will explain how you can use this website.

  • You can upload your favicon there (preferably a ...
08 January 2019
Create your own 404 page

A decent 404 page is quite important. This error means that a certain page is not found. If you do not make your own 404 page, the error you will see is quite technical and can scare off your visitors. JoonextPro has a 404 page, but you can create your own if you want to.

29 April 2019
Creating a mega-menu

With the latest bootstrap nav module (V1.4 and on) the option of a mega-menu has been introduced. First, you set the menu width's to your liking. there are 2. The submenu width, and the mega-menu width. Once done, you can start publishing sub-menus. Simply add the term 'mega-menu' in the link-tit ...

08 May 2019
Custom code/css

Adding custom css or custom code to the template can be done without tempering with template files. The template has this feature built right in. You can go to your template, and select the tab cutom css or custom code.

06 December 2018
Disable plugin or module without Joomla backend access

Should you have a module installed that locks you out of your back office (for instance the IP block module), you can disable this in the Joomla database.

09 December 2018
Homepage setup

Setting up the homepage is not a difficult process, you just need to follow the steps below.

19 December 2018
Infinite scroll

With Joonext we have the option to embed a plugin (paid from another party) that allows you to use infinite scroll on your blog categroy lists. The plugin used is the Ajax infinity scroll plugin that you can download from ...

06 December 2018
JoonextPro basics

This page shows you all available JoonextPro temnplate options. Each tab corresponds with the tab in the template section.

12 December 2018
Menu's dissapearing on (double) click

if for some reason your menu's or other navigation elements disappear on a (double) click, this could be a bootstrap issue. In the template folder inside the js folder resided a boostrap.js file that needs to be modified. We have not done this in an update, because it is not happening on all site ...

08 May 2019
Native Joomla tabs and sliders

Joomla itself has the option to work with tabs in your content. This tutorial will explain how this works.

09 December 2018
Pixabay image search

The Pixabay image search adds an editor button to your editor.

19 March 2019

This extension is available for club members. Join today
Our extensions are made to work with our template only