1. About Us
  2. About Leo Restaurant Template
  3. Installing Template and Extensions
  4. Module Configuration
  5. Mega Menu
  6. Recommendation

Leo Restaurant Template - Userguide

Leo Restaurant Template - Userguide

First of all, we would like the thank you for using our work.

Leotheme - a website where you can find the best Joomla! Template, Prestashop theme. We are proud of our high rated themes. As the leader in the RESPONSIVE prestashop theme designer, as well as Joomla!, we continuously improve our products and make some contribution to the web designer world.

Leotheme is also famous for custom work, if you have trouble or help with your website, coding, .... you can find us on Leotheme.com then we will support you or give you suggestions.

Things to Know Leo Restaurant Template

Things to Know Leo Restaurant Template

  1. You - our customers please read the Overview article of the template. This article will give you a quick and complete overview of the template that including template detail information (demo link, version, support link ...), template features and extensions come with the template.
  2. Making a New Site ? - If you are planning to make a new site, we suggest you to use our Quickstart package. The Quickstart packgae contains sample data so once you install the quickstart successfully, you will have a website like our demo. The next step, just replate the demo content with yours. Install Quickstart Package.
  3. 3rd Party Extensions: This template has custom styles for K2 Component. You will need to download K2 from its site and install referring to the userguide below.
  4. Installing on your live site ? - If you are planning to use this template on your already live site. Then you should follow How to make your site look like demo site guide first to know about the steps involved. Then you can follow up the userguide below.

Download Template

Note: The template is developed in the T3 Framework 2, the following extensions included in the framework: JA Extensions manager component, JA Typo Plugin, JA T3 System Plugin

Links to resources on T3 V2 Framework templates and advanced configurations :

  1. Overview
  2. Developer Guides
  3. Customization FAQs
  4. Mega Menu - A missing menu system for Joomla!

Know your Module Positions :

  1. View Module Position Image (used positions only).
  2. Use Module Position Overlay in Template(used & empty module positions).

Main aspects in the userguide:

  1. Installing Template and Extensions in your Joomla
  2. Installing included extensions and Custom HTML Modules.
  3. Mega Menu configs

Installing Template and Extensions in your Joomla

1. Installing Template and Extensions in your Joomla
1.1 Installing Template
  1. Download template from the Download page.
  2. Install the Template: after downloading the template to your PC, install it on your Joomla! 1.7 system. THIS GUIDE will show you step by step instruction with screenshot to install Joomla! 1.7 template.
Note: It Does not look like Demo Site?

On comparison with the demo site. You will see that it does not look like the demo site. So, what’s Missing?
This guide will show you more detail about this and also guide you How to Make the Template Like the Demo Site

1.2 Installing Extensions
  1. Free Extensions : (aka complimentary / included extensions). We use many extensions in our demo site to provide greater flexibility and features. These are provided for free to our members.
  2. Custom HTML Module : To match the design of the template, we also style (CSS) for Custom HTML modules using different div classes. You will need to check the HTML codes and make sure to use the recommended HTML markup to get correct display. We provide the HTML code in this userguide.
Installing and Configuring Included Extensions :
  1. How to install plugin for joomla 1.7
  2. How to install module for joomla 1.7
List of modules / plugins used in Leo Combo Template Demo :
  1. Lof slideshow module
  2. Lof K2 Scroller Module
  3. Extension Manager component (included in T3 Framework v2)
  4. Default Joomla! Extensions

Installing included extensions and Custom HTML Modules.

2. Installing included extensions and Custom HTML Modules.

2.1 Installing included extensions

1. Lof Slideshow Module

There are 2 slideshow modules used in the template:

1.1 Today Special

Code: 
Module Position: content-mass-top
Module Suffix: _special

The Lof slideshow module support up to 4 types of data source. In the demo site of Leo Combo Template, the data source is content and the module is configured to load data from categories to display in the front-end.



Dimensions of the Slideshow images should be 180x620 pixels

Backend Settings

Front-end Appearance



Note: to view the detail userguide of the module, please click HERE

1.2 Lof SlideShows Module

Code: 
Module Position: slideshow
Module Suffix: _slider

The Lof slideshow module support up to 4 types of data source. In the demo site of Leo Combo Template, the data source is "file" so you need to configure for each file (it supports up to 10 fiels). Enable the files you want to display in front-end and configure for them.



Note: If you have trouble in configure the module, use the following references.


Dimensions of the Slideshow images should be 400x9400 pixels

Backend Settings

Front-end Appearance



2.2 Joomla 1.7 Default Extensions

1. Module Articles - Newsflash

There are 2 Articles - Newsflash modules used in the template

1.1 Restaurant history

Code: 
Module Position: position-5
Module Suffix: NOT USED





1.2 About us

Code: 
Module Position: position-5
Module Suffix: NOT USED





2 Module mod_artuniversallightbox

Code: 
Module Position: user8
Module Suffix: NOT USED





2.3 Custom HTML Modules

1. Contacts us

Code: 
Module Position: position-5
Module Suffix: _contact


HTML Code: 
<ul>
<li class="contacts-add">324 St. Wall Streets, NYC, USA</li>
<li class="contacts-mail"><a href="mailto:contact@leorestaurant.com">contact@leorestaurant.com</a></li>
<li class="contacts-phone">+1.346.234.566</li>
<li><a href="#"><img src="images/stories/icon-facebook.png" border="0" alt="" /></a><
a href="#"><img src="images/stories/icon-twitter.png" border="0" alt="" /></a><a href="#"><
img src="images/stories/icon-rss.png" border="0" alt="" /></a><a href="#"><img src="
images/stories/icon-youtobe.png" border="0" alt="" /></a></li>
</ul>

Front-end Appearance



2. Eco Restaurant

Code: 
Module Position: user1
Module Suffix: _eco


HTML Code: 
<p>Fusce hendrerit, ipsum id faucibus mollis, felis lectus aliquam risus, in aliquam metus turpis at purus. 
Proin imperdiet, nulla ut mattis dapibus, ante eros imperdiet elit</p>

Front-end Appearance



3. Lunch time sale

Code: 
Module Position: user2
Module Suffix: _sale


HTML Code: 
<p>Fusce id sapien augue. Cras dapibus nunc in nisl congue dapibus. Nunc et sem vel mi pellentesque mattis dapibus vel mauris. 
Mauris ipsum quam, dapibus at blandit sit amet, imperdiet eu sem.</p>

Front-end Appearance



4. Wine from Italy

Code: 
Module Position: user3
Module Suffix: _sale


HTML Code: 
<p>Fusce id sapien augue. Cras dapibus nunc in nisl congue dapibus. Nunc et sem vel mi pellentesque mattis dapibus vel mauris. 
Mauris ipsum quam, dapibus at blandit sit amet, imperdiet eu sem.</p>

Front-end Appearance



5. Testimonials

Code: 
Module Position: user7
Module Suffix: NOT USED


HTML Code: 
<p class="text"><img src="images/stories/img-testimonials.png" border="0" style="border: 0; vertical-align: middle; 
margin-right: 8px;" />Integer sagittis ornare malesuada. Cum sociis natoque penatibus et magnis dis partur montes, nascetur ridiculus mus. 
Sed interdum tellus vitae lectus congue consequat.</p>
<p class="author">John Doe</p>

Front-end Appearance

Mega Menu

3. Mega Menu

All of our templates support multiple Menu styles. In the userguide, we will show how to config Mega Menu ( a missing feature in Joomla! )

Front-end Appearance



Backend Settings

1. Main Menu Items



2. Detail Settings for Main Menu Items



Note: You can create icon for your menus as our demo



To enable icon for menu, just open the config panel of the menu, naviagate to the field: Link Image then enter that path to icon you want to enbale it for the menu. The folder that contains the icon must be located in the root installation folder of your site.

Recommendation

Recommendation

The guide above supports you to configure for template like our Demo site. The references are also included in the guide, so please read them if you have trouble when configuring.

To get support, you can raise your issues in our Forum or send us email through the Contact Form or send directly to the following email: leotheme@gmail.com . We will try to answer and solve problems for you as soon as possible (within 2 days)