JD Restaurant - Joomla Restaurant Template

  • Type:Commercial

  • Release Date:01.08.2017

  • Last Update:30.09.2017

  • Compatibility:3.X

  • Framework:Helix3

JD Restaurant Joomla Template is the ultra-responsive Joomla template specially developed for cafe and restaurant websites. So if you own a café, restaurant, food stall, coffee shop or anything related to foods and drinks, this Joomla restaurant template best fit for your website. It's clean and fancy design add more value to restaurant website. JD Restaurant is built with drag and drop SP page builder pro (You are saving $49) which makes it easy to create pages by just drag and drop elements.

JD Restaurant comes with reservation system and other contact forms where a user can fill their information and make the reservation to celebrate their special day. This template is not only used for the making reservation, but it can also help you to organize events in your restaurants. It has prebuilt pages for the events.

JD Restaurant Joomla theme comes with Smart Slider 3 Pro (You are saving $25). Smart Slider 3 is the next generation visual editor to create responsive, animated Sliders and Blocks.

JD Restaurant Joomla template is powered with powerful Helix3 Framework, powerful admin panel with built-in functionalities: Theme settings, layout configuration, Mega menu builder and option to optimize CSS & JS.

Key Notes

No images from demo

Preset ColorThere will be no any image included in the quickstart package. All the images displayed in demo of the template are paid and we dont have any right to distribute these images. So all the images are replaced with placeholder images.

Pro extensions are bundled in only Quickstart package

All the pro extensions used in the templates, are bundled only in the quickstart package. These are not provided separately. If there will be any update in the extensions version, we will release an update for the template with other changes if possible. And if you want to get a licence or regular update for the extensions, you need to purchase licence key from the respective owner of the extensions.

Create an additional CSS Stylesheet

If you are playing with CSS, please make sure you are creating a new custom CSS Stylesheet. Because if you are making changes in our files, it will be problematic on the time of template update. When you will install the template update, you will lost all the changes you have made in the CSS Stylesheet. And if you are using your own custom CSS file, then the CSS Stylesheet will not be overwritten.

  • Add your own CSS by creating a custom.css file inside the /css folder.

Installing Template Only

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

Click on: Extensions -> Extension Manager

Preset Color

On this page, we have an option to install Templates, Plugins, Modules, Components, and Languages. You will have three options:

  • Upload Package File - (Install/ select a package from your PC, upload and install it)
  • Install from Directory - (get in the path where the package is located on your web server)
  • Install from URL - (get the URL to the package)

Option 1 requires you to download the extension to your PC. Option 2 requires you to unzip and move the folders/files to your webserver. All options require the webserver to have write access to the webspace.

Here, we choose the second method: Upload Package File

Select the package from your PC and click the button Upload File & Install

Preset Color

If there are no errors while installing, you’re done. Also, get the success message see below:

Preset Color

How can we verify if we have successfully installed the template?

Here are the steps to follow to verify template install:

Go from tab Install to tab Manage

Set the Type filter to Template

The installed template should appear in the list. If you can find yours under the list of templates, it has been successfully installed.

The Last step is to set the template to default. You can set the template to default when clicked on the star next to it.

Installing Quickstart Package

Some of our new users must be wondering what quick start is? If yes, let’s know bit more about it.

Quickstart is a full demo site that includes: templates, databases, extensions “(are used to extend the functionality of Joomla), images and everything we see on the demo websites. Now, we are aware what quick start is?

Let’s go ahead and see how we can install it.

Step 1- Start with the package download.

The first step is to download the quickstart package from site Joomdev.com

Step2- Localhost or your hosting?

Once you have the package, extract the downloaded package.

Local Host

If you’re working on localhost…copy the extracted folder to…\xampp\htdocs. If not “xampp” you can try “wamp” and copy the same extracted folder to …\wamp\www

Preset Color


Make sure you have the package downloaded properly from the site.

Okay, now please extract the downloaded package and upload all folders in the folder that you just extracted to the (public_html)

Note* using FileZilla (FTP)

Preset Color

Step3- Create Database

For creating a database, navigate to the cPanel. And, create a new database.

Preset Color

Step 4- Install Quickstart

Run the template installation wizard

  • Open your web browser and go to the folder that you uploaded your quickStart Package.

Now click next on the very first step.

There are few settings to edit before we can set quickstart to life.

See the screenshot below for configuration.

Preset Color

  • Select the Database Type to “MySQLi (preferred)”
  • Type in Database server hostname to “localhost”
  • We should always set the Username to “root” and leave the Password “BLANK” If
  • The Database name is very important. In the earlier steps, we have created a new database and called it ”demotest” so type in same the database name here.
  • Hit NEXT

As soon as we are done with our configurations and hit next, we would see something like, in the screenshot below:

Preset Color

When above process is complete. A small pop box will appear with the message

The database restoration was successful and click next.

We are doing pretty well till now. Let’s move to the next step. Once, we have the restoration done successfully. A Screen will look like this:

Preset Color

On the same screen. Please put the following details under SuperUser settings

You can set the password you like or can leave it blank as well. If leave blank we should have the default username and password i.e.

Username: admin
Password: admin

The last and final step is to remove the installation directory. We are Almost there!!!!

Preset Color

The moment we hit the remove directory, it should bring a pop up on our screen to visit site frontend.

Template Demo Settings

If you are using our Template quick start, you will get all the setting by default. But if you are using template only file, then you need import setting file. You can download template setting file from your order list and import from admin panel.

How to import Template setting File?

  • Download the template setting File from your order list.
  • Now Unzip and copy all the text from text file.
  • Go to you admin panel > Advanced and paste copied text inside Import field of your template.
Template Setting

Additional Add-Ons

01. JD Restaurant Events

JD restaurant events allow you to publish event information on your website. The most important thing is that it will automatically display today's event in happening tab and upcoming event in upcoming tab. You just need to add your event information according to the dates.

JD Countdown

02. JD Gallery Carousel

JD Gallery Carousel - This addon allows you to show carousel gallery. The most important thing of this addon is that you can add tabs and add images according to these tabs. Like if you want to show images for the different events, this is possible through this addon with just a few clicks.

JD Gallery Carousel

03. JD Restaurant Menu

JD Restaurant Menu allows you to create a menu for your restaurant. You can show your menu in different categories like breakfast, lunch, and dinner etc. and show the in tabular form.

JD Schedule

Installing Extensions

Don't update extensions via Joomla's updater, because some of the extensions are "Pro" versions or "Advanced" versions and if you update them, you will downgrade extension to "free" version, with limited features. The Best example of that is SP Page Builder, "pro" version. If you update "automatically" using Joomla updater, you will downgrade it to "free" version. You probably don't have this license key from the developer.

Installing Extensions

Preset Color

There is an option where we can changes the styling choices like Background Shading, Text shading, Hover shading, Drop down menu shading. Change these styling options for desired design. Also, we have 4 different type of presets available for now, which can add varieties to our template.

Preset Color

How to use additional social icons in K2

We not using default Social icons for blog posts. We are using AddThis icons. So if you want to use these icons, you first need to create an account as addthis.com and create your icons according to your needs and simply copy the code from there.

  • Login into Joomla Administrator
  • Components > K2 and click on Parameters button that is show on top right position.
  • Paste your code inside the Social button code.
Social Button

Layout - Module Positions

The following screen-shot highlights the default layout module positions that we used in current template. By using Layout builder in Helix3 users will be able to move positions or change their size in the grid. Our in-build layout builder from template settings provide the opportunity to add new positions, columns, rows wherever you need as much as moving elements.

Layout Manager

These are the all available template module positions which you can use:

  • title
  • top1
  • top2
  • top3
  • logo
  • menu
  • search
  • slide
  • slider
  • user1
  • user2
  • user3
  • user4
  • left
  • right
  • feature
  • slider
  • position1
  • position2
  • position3
  • position4
  • position5
  • position6
  • position7
  • position8
  • bottom1
  • bottom2
  • bottom3
  • bottom4
  • breadcrumb
  • footer1
  • footer2
  • comingsoon
  • offcanvas
  • pagebuilder
  • 404
  • debug

Google Map

In this section, we can preview Google Maps using their API code. Please add the API code as highlighted in the section below



Need More Help?

If you couldn't find an answer for your question in this documentation, feel free to contact us. For technical support, you can contact us via forum here

We’re in UTC-05:00 (Eastern Time Zone), and we aim to answer all questions within 24 hours in weekdays. In some cases, the waiting time can be extended to 48 hours. Support requests sent during weekends or public holidays will be processed on next Monday or the next business day.

Once again, thank you so much for purchasing this theme. As said at the beginning, we'd be glad to help you if you have any questions relating this theme.


+ Added   - Removed   ^ Changed   # Fixed

01-August-2017: v.1.0

+ Initial Release