Luca :: Responisve Joomla Template

By h2theme

Hello everyone!

Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much! For questions on basic Joomla installation/usage, HTML, JavaScript or CSS editing - please try the ThemeForest forums, W3Schools, the Joomla Documentation, Warp Documentation or Google as theme errors/issues get top priority.

Don’t forget to rate if you enjoy the product!It is very important for us to have certain goal.

When you download luca from  you have 2 files:

1: "" is demo packege that means it include joomla 2.5 + luca template + demo content.

2: "" is just has Luca template.

Demo packege is suitable for those who want to launch the site for the first time.
Template is suitable for those who want to change joomla template just.

Well ! We want start useing demo packege. We create full vedio for you that you install it easily!

Do not forget to unzip "" on your root of your host(like public_html).

Vedio is here:

First of you should unzip download from themeforest and Unzip it on your computer.



Luca has powerfull admin options that you access to them easily.Just go to "Extensions" >> "Template Manager" and Go to h2_luca.

In the first section you can set main template options.

One of important options of this sections is compression.With warp compression you Can cmbine, minify, cache and compress CSS and JavaScripts on the fly. Reduce HTTP requests with Data URIs.

And when upgrade page selected "yes" older browser like ie 7 and lower redirect to page that they should upgrade their browers.

In the profiles tab you can see a lot options that you can customize your template!

Here is list of all template colors.You can pick your new color by clik on color picker.

For example you want to edit header background color .Ok?

Just click on Header Background Color . So color picker it opend. And pick your color just!

In Luca template you have many choice ! 640 google font!


Ok.We have a lot options to customzie all font options.

You can choose font type + font size.

We have 3 big options: Body font , Heading font and menu font.

Body font is p tag and body tag.They are main web site font.

Heading is h1 , h2, h3, h4 , h5 ,h6 font.

Menu font is font of site main menu

A profile is a custom set of theme settings which can define the style, content and layout of your site. The default profile defines the default settings for the entire website. You can create new profiles and assign them to any menu item. This allows you to load different theme settings on different pages.
New profiles inherit all settings from the default profile, so you just need to apply the settings you want to change. One example where we use the profiles are the different theme variations we deliver with each theme. Also special module layout behavior is done using profiles.
In the general theme settings you find a parameter called Default Profile. Here you choose the profile which will be loaded on all your pages. By default it is set to the profile called default. Each theme has a default profile and it can not be deleted. If you want to load another newly created profile as default for all your pages you can select it here.
Profiles can also be loaded in the frontend of your website by adding a parameter to an URL. For example index.php?profile=myprofile. We use this feature for example to load the different theme variations by clicking on a link on the website. But if you don't need this it should be disabled. This can be done by setting Dynamic Profiles to No, right below the Default Profile parameter.
New profiles can be created in the profile theme settings by clicking on Add and entering a name for your new profile.
Below you can see all settings you can control and override with your new profile. By default all values are inherited by the default profile.
To add new values or to select different options than the default ones, you first need to activate the override with the checkbox on the left.
If you later decide, that you don't want to override one of the default values any longer, simply uncheck the box.
Manually created profiles can be renamed, deleted and assigned to different pages.
One of the most common uses of profiles is to load different page and module layouts for certain pages.
For example let's say your module layout for position Top-A is set to Equal, which means the modules will float horizontally next to each other. But on your frontpage you need your modules on that position to be displayed with the Stack layout, so your modules appear vertically above each other.
To do so you create a new profile called Frontpage, activate the checkbox for Top-A Layout and select Stack. Next click on Assign Pages, to select your frontpage and to save your changes. Now the layout setting for Top-A will be overridden on the frontpage.
Another common use is to hide the System Output on certain pages if you want your page to just contain modules or widgets and no article.

Warp framework support icons in can add any icons to level 1 menu (main menu ) and level 2 menu (dropdown menu).


We add home icon to level 1 menu that showed in first menu item.

If you like to add icons Go to Menus » Main Menu and then Click on any items. In right cloumn at link type options you Can upload your icons and choose it.For example see picture:


Set up the Joomla modules

This tutorial shows you how to set up the module system in your Warp based template.
Create modules
After installation of the template click on Extensions » Module Manager » New in the administration menu on top. Select a module and configure it on the following screen. Publish it to one of the template's module positions. For more detailed instructions on how to use modules see the Joomla Documentation.
Modules can be displayed in different styles with additional icons and badges. The /layouts/module.php takes care of displaying all these module variations.
As Joomla doesn't provide flexible parameters for modules we make use of the Module Class Suffix to pass parameters to style our modules. We use the following pattern to pass the parameters: KEY-VALUE. For example, if you use color-orange you can access the variable color which has the value orange. The Warp framework uses four pre-defined module parameters: style, color, badge and icon. But you can also add your own parameters. For example: myparameter-myvalue. Via the Module Class Suffix, you can pass as many variables as you want ... you just separate them with a space. For example: style-rounded color-black. All these variables can be accessed in the /html/modules.php file which controls all module handling and loading.

This theme comes with different module styles, badges and icons. For each module you can pick a style and combine it with an icon or badge to create your own unique look. Here is a list of the available options:

Styles gray-border,green-border,blue-border,red-border
Badges Hot, New, Free, Top
Icons Download, Twitter, Mail, Bubble, Login, Cart

For More informations check Module Variations.


Joomla ! Extensions:

Don’t forget to rate if you enjoy the product!It is very important for us to have certain goal.