1. Get Started
  2. Installation
  3. Requirements
  4. Create Pages
  5. Modules
  6. Detail Article Layouts
  7. General Configuration
  8. FAQs

FOODZ

Modules

Part 1: Before installing a new module, please install all the modules in the downloaded package if you install our template manually.

To install all the modules, please follow steps:

1. – Extract the downloaded Package

2. – Find the file "module.zip" and extract it

3 – Go to Extensions --> Extension Manager

4 – Upload and install all the module types in the folder "module" which you extract via Upload Package file. All the module type files must be the zip files

Below are the modules types you need to install

    • TZ News Pro
    • TZ Multi Slideshow
    • TZ Multipurpose
    • TZ Services
    • JSN UniForm
    • TZ VirtueMart Shopping Cart
    • TZ VirtueMart Search Product
    • TZ VirtueMart Products

Part 2: To create a new module, follow the steps below:

Step 1: Log into the back-end of your site (www.your-site.com/administrator/)

Step 2: Click on: Extensions -> Module Manager

Step 3: Click on the button "New"

Step 4: Select a Module Type

Step 5: Click the button "Save" after you are sure that you have finished all the requirements in each section (ex: title, module, Module Assignment, module permissions, options and advanced, so on)

Part 3: Below are some special notes for each module

1. Cart

Module Preview

CONFIGURATION

  • Module type:Custom HTML
  • Position: header-right
  • <a class="shopping-cart" href="index.php?option=com_virtuemart&amp;view=cart"> <em class="fa fa-shopping-cart"> </em> </a>

2. Search

Module Preview

CONFIGURATION

  • Module type: VirtueMart Search Product
  • Position: header-right
  • Module class suffix: hsearch

3. Menu responsive

Module Preview

CONFIGURATION

  • Module type:Custom HTML
  • Position: header-right
  • Module Class Suffix: menu-responsive
<i class="fa fa-bars toggle-menu menu-left push-body"></i>

4. our-story1

Module Preview

CONFIGURATION

  • Module type:Custom HTML
  • Position: our-story1
  • Module class suffix: ourstory1
<p><span class="special-char-2">Our Story</span> <img src="images/chef01.jpg" alt="" /></p>

5. our-story2

Module Preview

CONFIGURATION

  • Module type: TZ Services
  • Position: our-story2
  • In the tab “menu assignment”: assign for the menu "Home" and "About us".

6. today menu

Module Preview

CONFIGURATION

  • Module type: TZ Multi Slideshow
  • Position: menu-today
  • In the tab “menu assignment”: assign for the menu "Home".

7. our chefs

Module Preview

CONFIGURATION

  • Module type: TZ Multipurpose
  • Position: Our-chefs
  • In the tab “menu assignment”: assign for the menu “Home”.

8. latest product

Module Preview

CONFIGURATION

  • Module type: VirtueMart Products
  • Position: latest-product
  • In the tab “menu assignment”: assign for the menu “Home”

9. awwards custom 1

Module Preview

CONFIGURATION

  • Module type: Custom HTML
  • Position: awwards1
  • In the tab “menu assignment”: assign for the menu “Home”, "Reservations" and "About us".
<div class="awwards_custom1"> <img src="images/awwards1.jpg" alt="" /> </div>

10. Slider Awwards

Module Preview

CONFIGURATION

  • Module type: Tz Services
  • Position: awwards2
  • In the tab “menu assignment”: assign for the menu “Home”, "Reservations", "About us" and "Contact".

11. ReservationsIMG

Module Preview

CONFIGURATION

  • Module type: Custom HTML
  • Position: our-story1
  • In the tab “menu assignment”: assign for the menu “Reservation”.
<p class="imgrev"><img src="images/Layer-45.gif" alt="" /></p>

12. book your table

Module Preview

CONFIGURATION

  • Module type: JSN UniForm
  • Position: our-story2
  • In the tab “menu assignment”: assign for the menu “Reservations”.

13. our-story-abs

Module Preview

CONFIGURATION

  • Module type: Custom HTML
  • Position: our-story1
  • Module Class Suffix: ourstory1
  • In the tab “menu assignment”: assign for the menu "About us"
<div><img src="images/abs2.jpg" alt="" /></div>

14. banner

Module Preview

CONFIGURATION

  • Module type:Custom HTML
  • Position: banner
  • In the tab “menu assignment”: assign for the page you want
<div class="row define"> <div class="banner1 col-lg-7"> <p>ADVERTISE YOUR FOOD Festival OFFer</p> <span class="price">10$</span> <img src="images/banner1.jpg" alt="" /> </div> <div class="banner2 col-lg-4"><img src="images/iconfood1.png" alt="" /> <p class="">Buy over 30$</p> </div> </div>

15. menu-style01

Module Preview

CONFIGURATION

  • Module type: TZ News Pro
  • Position: menustyle1
  • In the tab “menu assignment”: assign for "Menu"

16. menu-style02

Module Preview

CONFIGURATION

  • Module type: TZ News Pro
  • Position: menustyle2
  • In the tab “menu assignment”: assign for "Menu style 2"

17. footer1

Module Preview

CONFIGURATION

  • Module type: Custom HTML
  • Position: footer1
  • In the tab “menu assignment”: assign for all pages
<h3>OPENING TIMES </h3> Monday - Friday <span>9am - 10pm</span> <br/> Sarturday <span>11am - 12pm</span> <br/> Sunday <span>12am - 10pm</span> <br/> <strong>Book your table now and get 10% Offer!</strong> <br/> <a href="#" class="button button-booknow">Book Now</a> <span class="author">Cookied with <i class="fa fa-heart"></i>by DesignElite</span>

18. footer2

Module Preview

CONFIGURATION

  • Module type:menu
  • Position: footer2
  • In the tab "menu assignment": Please assign for all pages
<a href="#" class="logo-footer"><img src="images/logo.png"/></a> <p>Welcome to a World Class Restaurant HTML Template by DezignElite Team</p> <div class="social-list"> <a href="#"><i class="fa fa-facebook"></i></a> <a href="#"><i class="fa fa-behance"></i></a> <a href="#"><i class="fa fa-instagram"></i></a> <a href="#"><i class="fa fa-pinterest"></i></a> </div>

19. footer3

Module Preview

CONFIGURATION

  • Module type: Custom HTML
  • Position: footer3
  • In the tab "menu assignment": Please assign for all pages
<h3 class="Subscribe-us">Subscribe us</h3> <p class="desc">Subscribe to the Foodz newsletter to get regular updates about offers</p> <div class="newsletter"> <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow"> <input class="inputbox " name="email" type="text" value="Insert your mail id" /> <input name="uri" type="hidden" value="templaza/blog" /> <input name="loc" type="hidden" value="en_US" /> <input class="subcription_btn " type="submit" value="Subscribe now" /> </form> </div> <span class="footer3-author">Foodz 2014 © Buy the Theme</span>

20. Home slider1

Module Preview

CONFIGURATION

  • Module type: Unite Revolution Slider 2
  • Position: Home-slider1
  • In the tab “menu assignment”: assign for "Home" page

Note: Some sliders from Unite Revolution Slider on other pages such as: menustyle1 slider, menustyle2 slider, abslider, gallery slider, blog-slide, shopslide, contact slider, you can configure similarly. You can download the "Revolution" slider and import it into your Unit Revolution Slider 2. Here is the link