1. About Us
  2. About Leo Furniture Template
  3. Installing Template and Extensions
  4. Module Configuration
  5. K2 Component Configuration
  6. JoomShopping Component
  7. Mega Menu
  8. Recommendation

Leo Furniture Template - Userguide

Leo Furniture 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 Furniture Template


Things to Know Leo Funiture 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
  4. Third Party Extensions (K2, Joomshopping component) Configuration

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! 2.5 system. THIS GUIDE will show you step by step instruction with screenshot to install Joomla! 2.5 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 2.5
  2. How to install module for joomla 2.5

List of modules / plugins used in Leo FunitureTemplate Demo :
  1. Lof slideshow module
  2. Extension Manager component (included in T3 Framework v2)
  3. Default Joomla! Extensions
  4. K2 and Joomshopping Modules

Installing included extensions and Custom HTML Modules.


2. Installing included extensions and Custom HTML Modules.

2.1 Installing included extensions

1. Lof SlideShow Module

Code:
Module Position: slideshow
Module Suffix: NOT USED

The Lof ArticlesSlideShow Module support up to 3 types of data source (file, content, image). In the demo site of Leo Travel Template, the data source is file, you configure for each file that you want to display in front-end.



Backend Settings

Front-end Appearance



2. Module mod_jshopping_cart

Code:
Module Position: header
Module Suffix: NOT USED

  • Front-end Appearance



3. Module mod_sp_facebook

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




4. Module K2 content

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




5. Module mod_jshopping_categories

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




6. Module Most Read Content

Code:
Module Position: position-7
Module Suffix:  _menu




7. Module K2 tools
7.1 K2 Tag

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




7.2 K2 Categories

Code:
Module Position: position-7
Module Suffix:  _menu




8. Module K2 comments

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




9. Module K2 comments

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




2.2 Custom HTML Modules

1. Subscribe newsletter

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


HTML Code:
<form method="post">
<p><label>Your name</label><br /><input class="inputbox " type="text" name="name" size="30" /></p>
<p><label>Your email</label><br /><input class="inputbox " type="text" name="name" size="30" /></p>
<p class="sub"><span><input class="button " type="submit" value="Register" /></span></p>
</form>

Front-end Appearance



2. Discover our showroom

Code:
Module Position: user1
Module Suffix: NOT USED


HTML Code:
<p><span class="icon-number" style="width: 40px; height: 40px; float: left;">1 </span><
span class="title">Discover our showroom</span><br />700 M² de show-room</p>
<p>Ut dignissim aliquet nibh tristique hendrerit. Donec ullamcorper nulla quis metus vulputate id placerat augue eleifend. 
Aenean venenatis consectetur orci, sit amet ultricies magna sagittis vel...</p>

Front-end Appearance



3. Discover our showroom

Code:
Module Position: user1
Module Suffix: NOT USED


HTML Code:
<p><span class="icon-number" style="width: 40px; height: 40px; float: left;">1 </span><
span class="title">Discover our showroom</span><br />700 M² de show-room</p>
<p>Ut dignissim aliquet nibh tristique hendrerit. Donec ullamcorper nulla quis metus vulputate id placerat augue eleifend. 
Aenean venenatis consectetur orci, sit amet ultricies magna sagittis vel...</p>

Front-end Appearance



4. Discover our showroom

Code:
Module Position: user2
Module Suffix: NOT USED


HTML Code:
<p><span class="icon-number" style="width: 40px; height: 40px; float: left;"> 2</span><
span class="title">Discover our showroom</span><br />700 M² de show-room</p>
<p>Ut dignissim aliquet nibh tristique hendrerit. Donec ullamcorper nulla quis metus vulputate id placerat augue eleifend. 
Aenean venenatis consectetur orc</p>

Front-end Appearance



5. Discover our showroom

Code:
Module Position: user3
Module Suffix: NOT USED


HTML Code:
<p><span class="icon-number" style="width: 40px; height: 40px; float: left;"> 3</span><
span class="title">Discover our showroom</span><br />700 M² de show-room</p>
<p>Ut dignissim aliquet nibh tristique hendrerit. Donec ullamcorper nulla quis metus vulputate id placerat augue eleifend. 
Aenean venenatis consectetur orc</p>

Front-end Appearance



6. Contact us

Code:
Module Position: user9
Module Suffix: NOT USED


HTML Code:
<p>Lorem emphasised est dolor sit amet, ong est arcu aliquam id massa</p>
<p><strong>Tell: </strong>(+84)1234567890</p>
<p><strong>Email: </strong>Leotheme@gmail.com</p>
<p><strong>Address: </strong>Do Duc Duc, Tu Liem, Ha noi, Viet Nam</p>

Front-end Appearance



7. Sitemap

Code:
Module Position: user10
Module Suffix: _sitemap


HTML Code:
<ul>
<li><a href="#">About us</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Terms of Use</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Featured products</a></li>
</ul>
<ul>
<li><a href="#">Terms of Use</a></li>
<li><a href="#">Template</a></li>
<li><a href="#">Featured products</a></li>
<li><a href="#">Popular products</a></li>
<li><a href="#">News Topics</a></li>
<li><a href="#">Joomla</a></li>
</ul>
<ul>
<li><a href="#">Popular products</a></li>
<li><a href="#">News Topics</a></li>
<li><a href="#">Home</a></li>
<li><a href="#">Template</a></li>
<li><a href="#">Devil</a></li>
<li><a href="#">Icons</a></li>
</ul>

Front-end Appearance



8. Now acepted

Code:
Module Position: user9
Module Suffix: NOT USED


HTML Code:
<p><img src="images/stories/demo/img-paypal.jpg" border="0" alt="" /></p>

Front-end Appearance

K2 Component Configuration


3. K2 Component Configuration

1. Install K2 component



2. Configure K2 component

From backend of your Joomla! system, navigate to the Components >> K2





2.1 Global Configuration

After access to backend of K2 component, click on the Option button on the top right corner to go to the global settings of the component.




Backend Settings



2.2 Category Configuration

All categories in K2 use default template.

To build your website like our demo, navigate to Administrator >> Component >> K2 >> Categories





Menus in front-end that display content in the K2 categories





Frontend Appearance





Leo Funiture category




Furniture In The Office category




Tables In Restaurants category




In School Desks category




Furniture In The Hotel category


JoomShopping Component


3. JoomShoppping component

1. Installing

If you are new to this Joomla! component, please read this guide.

1.1 Reference



2. Configuring JoomShopping component

After installing the component successfully, you need to configure the component as you expect for your shop. If you have trouble, back to the Reference section where you can find the link to the support left and get support or find the answer for your trouble because you may have trouble that many others also have.





2.1 Category Configuration

It is easy to create new category, from the backend panel of JoomShopping component, navigate to the Categories section and click on New button on the top right corner





Frontend Appearance





2.2 Product Configuration

When you create new products, remember to assign category for it so that it will be displayed in front-end and you also manage your products easier. To create new products, access the Products section from the back-end of the compnent then click on the New button on the top right corner.

Front-end Appearance



Mega Menu


3. Mega Menu

All of our templates support multiple Menu styles. In the user-guide, 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

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)