This website is using cookies
×
template documentation

The following installation guide will provide you with instructions to install and setup the Enfuse Energize Theme Template for the latest version of Joomla 4.x and Energize Themes for Joomla 4.x

 

 

Template Usage

Before using or installing this template please read the http://www.energizethemes.com/Terms-of-Service.html  which you have agreed to before downloading the template at the website.

Template Support

Please note we only provide support for using and setting up the Joomla template you have downloaded at the website.

If you need support for the template please using one of the following options

  1. We recommend you install the template quick start package which will give you an exact copy of the template & website you can see running at the https://demoj4.energizethemes.com/Enfuse/  It will save you a lot of time setting up the template. The template quick start package is also very useful to understand how we have setup Joomla and the template.

  2. Visit the knowledge base which includes lots of useful information about how to use and setup the template. http://support.energizethemes.com

  3. Log into the http://www.energizethemes.com website to open a support ticket and our support team will be happy to help you with any questions you may have about using or setting up the template.

If you need support for Joomla, or Virtuemart please visit one of the following websites

  1. Joomla documentation website http://docs.joomla.org
  2. Joomla forum http://forum.joomla.org
  3. Joomla tutorials http://www.joomlatutorials.com
  4. Virtuemart documentation website http://docs.virtuemart.net
  5. Virtuemart tutorials http://docs.virtuemart.net/tutorials.html
  6. Virtuemart forum http://forum.virtuemart.net

Joomla & Virtuemart Installation

Before installing this template you need to do the following.

Note: If you use the template quick start package the quick start package will install Joomla andVirtuemart for you plus the Joomla template.

If you wish you install the steup the template manually without using the template quick start package you need to download and install the following on your web hosting space.

  1. Download and install the latest version of Joomla 4.x from the http://www.joomla.org website at your website
  2. Download and install the latest version of Virtuemart for Joomla 4.x from https://dev.virtuemart.net/projects/virtuemart/files

 Template Package Contents

 The template package includes the following.

  1. Template zip file for latest version of Joomla 4 and Virtuemart which can be installed automatically via your Joomla administrator area.

  2. Adobe Photoshop file.

  3. Template Install Instructions

  4. Template Quick Start Installer for Joomla 4 plus Virtuemart the template setup for you

  5. Template images directory which includes the images we have used in the template

Installing The Joomla Template

To install the Joomla template complete the following

  1.  Log into your Joomla web site administrator area
  2. Select the System Menu and insttall extentions
  3. Select the Browse button and choose template zip file located in the Joomla 4.x directory included in the zip file you have downloaded from the website to your computer.
  4. Select the Upload & Install Button

install extension

How Do I Make The Template The Default Template For My Web Site

 To set the template you have installed as the default template for your Joomla web site please complete the following

  1.  From your Joomla administrator area select the Content menu and Site Template Style
  2. Select the check box next to the template you have installed and choose the Default button

enfuse1

How Do I Setup The Virtuemart Template

To setup the virtuemart template complete the following

  1. Log into your Joomla administrator
  2. Select the components menu and Virtuemart
  3. Select Virtuemart configuration tab and the configuration menu
  4. Select the Templates tab
  5. Setup the virtuemart template as show in the screen shot below

virtuemarttemplate config

Template Module Positions

 The template supports the following module positions

  1. Login form button and register button located at the top of the template use the loginform module position

  2. Virtuemart shopping cart module uses the cart module position

  3. The small menu which appears at the top of the template uses the quick-menu module position

  4. Top menu uses the position-1 module position

  5. Joomla or the Virtuemart Search uses the position-0 module position

  6. The slideshow which appears at the top of the template uses the builtin-slideshow module

  7. Breadcrumbs uses the position-2 module position

  8. Top-1, Top-2, Top-3, Top-4, Top-5, Top-6, Top-7 ,Top-8, Top-9, Top-10, Top-11, Top-12 module positions located at the top of the template use custom module positions where you can add your own text or images inside the module positions

  9. Top-left-1, Top-left-2, bottom-left-1 and bottom-left-2 modules appear on the left hand side of the template

  10. Position-7 module position is used to display web site navigation menu or the Virtuemart module navigation menu in the left hand column of the template

  11. Top-long module position which appears in the centre of the template can used for the news flash module or for a custom module

  12. Top-A, Top-B, Top-C, Top-D module positions located at the top / centre of the template use custom module positions

  13. Right module position can be used to publish other modules of your choice to the right module position

  14. top-right-1, top-right-2, bottom-right-1, bottom-right-2 modules appear in the right hand side of the template

  15. Bottom-A, Bottom-B, Bottom-C, Bottom-D module positions located at the bottom of the template use custom module positions

  16. Bottom-long module position appears at the bottom of the template 

  17. Bottom-1, Bottom-2, Bottom-3, Bottom-4, Bottom-5, Bottom-6 module positions located at the bottom of the design use custom module positions plus you can publish the latest news or popular news to the module positions to the modules

  18. Footer-right module is used to display your website copyright text using a custom module position

  19. Footer-left module is also used to display a menu module

How Do I Access The Template Settings

To access the template settings please complete the following.

  1. Log into your Joomla administrator area
  2. Select the System menu and Site Template Style
  3. Open the template you have installed by clicking on the template link from the list of templates
  4. You will now see the template settings as show in the screen shot below
  5. For more information about how to use each setting included in the template control panel PLEASE HOVER OVER THE TEXT NEXT TO EACH SETTING
  6. You can also find out more information how to use the template settings by logging into the http://support.energizethemes.com site and visiting the knowledgebase

enfuse2

How Do I Setup The Login & Registration Buttons

To setup the login and registration buttons which appear at the top of the template complete the following

  1. Log into your Joomla! administrator area
  2. Select the Module box
  3. Open the Joomla login module
  4. Assign the login module to the loginform module
  5. Save the changes to the module position

Top Menu Module Settings

To setup the top menu for the template please complete the following

  1. From the Joomla Administrator area select the modules menu
  2. Now select the top menu module which needs to use the position-1 module position.
  3. In the Menu Tag ID field enter nav
  4. In the Menu Class Suffix field enter -nav
  5. To enable the drop down menu for the top menu position set the "show sub-menu items" to YES
  6. Click on the save button.

 joomla3x topmenu part1

 joomla3x topmenu part2

 joomla3x topmenu part3

How Do I Set Up Ribbon On Top Menu Item

Nice eye-catching ribbon can be easy added to your menu item.

  1. Open Menus -> Your Top Menu and select menu item you want to add a ribbon to
  2. Dind Note field and type a lable for your ribbon
  3. Click Save & Close.

ribbon3x

How Do I Setup The Slide Show

The template includes a built-in slideshow where you can display images in the slideshow you have uploaded to the web site.

To setup the slideshow you need to complete the following three steps

  1. Upload your images to your Joomla web site which will appear in the slide show
  2. Create a custom module position for each slide show image
  3. Open the template control panel to change the slide show settings

Create Images For the Slideshow

The first step is to create new images which will appear in the slide show.

  1. Create a new .JPG image
  2. If you want to add four images to the slide show then you need to create four new images
  3. Save the images to your computer

Create A Custom Module Position For Each New Slideshow Image

The Second step is to create a new custom module position for each image which will appear in the slideshow.

  1. From the Joomla administrator area select the Module box
  2. Select the New button
  3. Select the Custom HTML option
  4. In the module title enter the name for the new slide. The title will NOT be displayed in the slideshow
  5. Assign and publish the module to the builtin-slideshow module position
  6. In the WYSIWYG editor enter the heading and text which will appear as a caption over the slideshow image
  7. Create a read more button to link to an article in your Joomla site (see instructions below)
  8. In the options tab choose the SELECT button to upload and select the slide image you have created for the slideshow
  9. Save the changes to publish the image to the builtin-slideshow module position

 joomla3x topmenu part1

 joomla3x topmenu part2

 joomla3x topmenu part3

 How Do I Add More Images To The Slide Show

You can add as many images to the slideshow as like but for each image you add to the slideshow you must create a new custom module position by following the instructions noted above for each new slide you add to the slideshow.

The slideshow image ordering can be changed by changing the module order for the custom modules you have created and published to the builtin-slideshow module position.

 joomla3x slideshow view

Slideshow Settings

The 3rd step is enable the slideshow in the template control settings.

To enable the slideshow in the template control panel complete the following.

  1. Log into your Joomla administrator area
  2. Select the System menu and Site Template Style
  3. Open the template you have installed by clicking on the template link from the list of templates
  4. Select the built-in slideshow settings tab
  5. Next to the Turn Slideshow ON/OFF slide the button to ON
  6. Save the changes by clicking on the Save & Close button

You can also change the slideshow show effects and many more options included in the built-in slowshow settings tab.

For more information about how to use the slideshow settings PLEASE HOVER OVER THE TEXT NEXT TO EACH SLIDESHOW SETTING

How Do I Create The Top Four Custom Module Positions

The top four modules shown in the screen shot below use custom module positions.

The module positions use top-1, top-2, top-3 and top-4 modules positions

You need to create a new custom module position for each module following the instructions noted below.

You can find the images show below in the the template package under the /template images/ directory included inside this template package

top4modsimages
To create a custom module position complete the following steps

  1. From the Joomla administrator select the Module box
  2. Select the New button
  3. Select the Custom HTML option
  4. Now setup the module as show in the screen shots below.
  5. When you have setup the custom module select the Save & Close button to save and publish the module to your Joomla site.
  6. If you want the module position to appear on ALL pages you need to assign the module positions to ALL the menu items

top4modsb

 top4modsc

 top4modsd

top3tabs

The featured products and latest products virtuemart modules use the following module positions

  1. Featured products Virtuemart module uses the top-7 module position
  2. Latest products Virtuemart module uses the top-long module position

To setup the module positions complete the following steps noted below.

The instructions noted below can be used for both the featured and latest products virtuemart modules

  1. Select the extensions menu and module manager
  2. Open the Virtuemart products module
  3. Now setup module as show in the screen shot below

 vivid featuredproducts part1

 vivid featuredproducts part2

Once you have setup the two virtuemart module positions you now need to open the template control panel and select the product slider settings tab

The settings included in the product slider images tab included in the control panel allow you to change the effects, settings for the product slider. See screen shot below

 vivid settings product slider

 How DO I setup The Blog Module

To setup the blog module complete the following

k2blog

Setup The content module as show in the screen shot below and publish the module to the top-a module position

 Once you have setup the module you can now need to open the template control panel and open the Slider Tab settings to change the settings to suit your needs.

How Do I Setup The Our Partner & Brands

To setup the Virtuemart Manufacturers module (our partner and brands) located at the bottom of the template see the screen shot below.

Please note you need to upload the manufacturers images via the Vistuemart administrator area first before setting up the module.

vivid manufactor

How Do I Setup The Contact Us Module

To setup the module complete the following steps

  1. From the Joomla administrator select the Module box.
  2. Select the New button
  3. Select the Custom HTML option
  4. Now setup the module as show in the screen shots below.

 vivid contactus joomla3

How Do I Setup The Footer Menu
To setup the footer menu you need to log into your Joomla website administrator area and select the menus option and then add new menu

When you have created the new menu for the footer menu please use the settings included in the screen shot show below.

joomla3x footer menu

To add and copyright footer text included at the bottom of the template you need to create a custom module position as assign the module to the footer module

  1. From the Joomla administrator select the Module box.
  2. Select the New button
  3. Select the Custom HTML option
  4. Now setup the module as per the screen shot.

 joomla 3x footer copyright

×

logo


TOP