FoodFork WordPress Theme Documentation

Introduction

Thank you for Purchasing our FoodFork WordPress Theme. We are very glad that you have chosen our FoodFork WordPress Theme for your website.

FoodFork is a multi-purpose and professional Wordpress Theme for Restaurants, Cafe, Cakes, Cooking, Bakeries, Sweets or Food Business. FoodFork is an amazing, clean and responsive WordPress theme for checking available food prices and booking tables in advance.

This document is written very carefully by keeping the mindset that it should be easy understand for Beginner to Advance user or developers. We have divided this document in 3 main sections.

1) Getting Started : This section will very help full for Quick start and understand how the setup theme.
2) Detailed Document : This section explains everything about FoodFork Theme with every setting.
3) Other : This section provides information about miscellaneous items like theme features etc.

If you have any query that is beyond the scope of document, please feel free to contact us at support.solwininfotech.com.

FoodFork Restaurant and Food Premium WordPress Theme
We offer theme customization. Get in touch for a quote.
Quick Search Tip: Access your browser search with keyboard shortcut "Crtl+F" (Windows) or "CD+F" (OSX) for instant results.

Installation

To install this theme you must have a working version of WordPress already installed. For information regarding installing the WordPress platform, please see the WordPress Codex  https://codex.wordpress.org/Installing_WordPress

1. Installation Via WordPress Admin Area

  1. Step 1. Log into your WordPress admin area.
  2. Step 2. Go to Dashboard » Appearance » Themes.
  3. Add New Theme
  4. Step 3. Now, Click on Upload Theme button at top and upload foodfork.zip which you have downloaded from your Member Area at Solwin Infotech website.
  5. Step 4. Click on Activate once upload has finished.
  6. Upload New Theme
    Activate Theme


2. Installation Using FTP

  1. Step 1. Download foodfork.zip file from your Member Area at Solwin Infotech website.
  2. Step 2. Extract Zip file.
  3. Step 3. Using your FTP program, upload the non-zipped theme folder into the "/wp-content/themes/" folder on your server.
  4. Step 4. Go to Dashboard » Appearance » Themes and find FoodFork theme from list.
  5. Step 5. Click on Activate to active FoodFork theme.
  6. Active Theme

Install & Active The Plugins

After the FoodFork theme is activated, a notification occurs on the top that will suggest which plugins are required in theme.

Activation Message
  1. Step 1. Click on Begin installing plugins and install plugins from list.
  2. Step 2. Activate the installed plugins.

Required Plugins in Theme:

  • Avartan Slider:A Responsive WordPress slider that allows you to create unlimited layers with text, image and video elements. For more information Click here.
  • All in One Reservation: All in One Reservation WordPress Plugin is a simple and powerful plugin for reservation management system. For more information Click here.
  • Contact Form 7: Manage multiple contact forms, plus you can customize the form and the mail contents flexibly with simple markup.

Auto Install Sample Data

Note: In order to import data successfully check that all required plugins are installed and activated.

Sample data provide the dummy content. By importing this data your site will look like the demo website.

To Auto Install Sample Data:

  1. Step 1. Go to your Dashboard » FoodFork » Install Demos.
  2. Step 2. Click on "START INSTALL" Button to start Auto Install process.
One Click Install

Remove the installed dummy content from your website.

To Remove Sample Data:

  1. Step 1. Go to your Dashboard » FoodFork » Install Demos.
  2. Step 2. Click on "UNINSTALL" Button to remove dummy content.
Remove Sample Data

Setting Up Home Page

This section will help you to arrange home page and other pages of your site. This will also guide to you as how to set up WordPress Menus, Create a Slider/Banner, Create Home Page, Use of Page Templates and insertion of shortcode in pages.


Home Page View
  1. Step 1: Go to Dashboard » Pages » Add New.
  2. Step 2: Enter page title.
  3. Step 3: Select template as Home Page Template for Page Attribute as shown in below image
  4. Step 4: Publish this page
  5. Home Page Setting
  6. Step 5: Go to Dashboard » Settings » Reading, select home page as a front page
  7. Front Page Home

Create Slider

  1. Step 1. Go to Dashboard » Avartan Slider.
  2. Step 2. Click on
  3. Create New Slider
  4. Step 3. Add the slider name. Shortcode of the slider will be generated automatically (see image below).
  5. Step 4. Click on 'Save Settings' button at bottom of page. And Enjoy the Slider.
  6. Create New Slider

For more information on how to create slider, Click Here

Add Shortcode in Page

  1. Step 1. Go to Dashboard » Pages » Add New.
  2. Step 2. Click on Default Shortcodes (as show in below left image).
  3. Step 3. Now, select the shortcode from list (as show in below right image).
Add Shortcode Button
Add Shortcode in Page

Setting up Page Template

How to select page template:

Select a page template from Page Attributes as shown in below image.

Page Template

There are 6 page templates available:

  • Home Page Template: This page template is used to display home page content.
  • Full Width Page Template: This page template is used to display content in a full width page.
  • Left Sidebar Page Template: This page template is used to display sidebar at the left side in a page.
  • Right Sidebar Page Template: This page template is used to display sidebar at the right side in a page.
  • Contact us Page Template: This page template is used to display contact us page.
  • Food Menu Page Template: This page template is used to display Food Menu page.

Setting up All in One Reservation Plugin

All in One Reservation WordPress Plugin is simple but versatile WordPress plugin, for reservation management. It has lots of features like create and manage reservation, create reservation in advance, confirm and cancel reservation, email notification and much more. Using All in One Reservation Plugin you can easily create reservation systems for your website.

Click here for read more features of All in One Reservation Plugin.

How to use All in One Reservation Plugin

This plugin is easy to use and manage.

Go to Dashboard » All in One Reservation.

How to use

There are four tabs visible. General Settings, Days Settings, Email Setup & Notification, Security.
Using the plugin you can manage General Settings, Days Settings, Email Setup & Notification, Security sections all fields.

How to use

Add new Reservation From Frontend

Go to Reservation Page which is selected from General Settings.

Add new Reservation
Note: To display the reservation form in front-end you need to select the Reservation Page from General settings and that page must contain [reservation_booking] shortcode.

Add new Reservation from backend

Go to Dashboard » All in One Reservation » Add new.

Add new Reservation

General Settings in All in One Reservation Plugin

General Settings

Day Settings in All in One Reservation Plugin

Day Settings

Email Setup and Notification in All in One Reservation Plugin

Message Notifications

This email send to site administrator when new reservation occurs from frontend reservation form.

Reservation Request Received to Administrator Mail Settings

This email send to user when reservation made by user.

Reservation Request Confirmation to Client Mail Settings

This email sends to user when a site administrator confirms the reservation.

Reservation Confirm Mail Settings

This email sends to user when a site administrator cancels the reservation.

Reservation Cancel Mail Settings

Security Settings

Security Settings

To save your changes, click on 'Save' button left side on bottom.

Save

You can reset all your changes back to the original settings using the 'Reset' button.

Reset

Setting Up Widgets

  1. Step 1. Go to Dashboard » Appearance » Widgets, Drag and Drop the widgets in Home Page Content Area area

Admin Preview

Home Page Sidebar

S > About Us Widget

This widget display information about Your Restaurant. This widget only for "Home Page Content Area" sidebar.

Admin Preview

About Us

Front End Preview

About Us

S > Achievement Widget

This widget display you achievement. Please use this widget only for "Home Page Content Area" sidebar.

Admin Preview

Acheivement

Front End Preview

Acheivement

S > Latest Blog Widget

This widget will be used to display your site’s most recent posts like the latest blog with featured images. Please use this widget only for "Home Page Content Area" sidebar.

Admin Preview

Latest Blog

Front End Preview

Latest Blog

S > Our Services Widget

This widget will be used to display services block on your home page. Please use this widget only for "Home Page Content Area" sidebar.

Admin Preview

Our Services

Front End Preview

Our Services

S > Our Team Widget

This widget display team. Please use this widget only for "Home Page Content Area" sidebar.

Admin Preview

Our Team

Front End Preview

Our Team

S > Our Testimonial Widget

This widget displays your client testimonials as a slider. Please use this widget only for "Home Page Content Area" sidebar.

Admin Preview

Our Testimonial

Front End Preview

Our Testimonial

S > Display Video Widget

This widget displays video. Please use this widget only for "Home Page Content Area" sidebar.

Admin Preview

Display Video

Front End Preview

Display Video

S > Blog Designer Pro Shortcode List Widget

Note: This Widget is only available when Blog Designer PRO Plugin is activated with your website.

This widget will be used to display blogs of Blog Designer Pro. Please use this widget only for "Home Page Content Area" sidebar.

Admin Preview

Blog Designer Pro Shortcode List

Front End Preview

Blog Designer Pro Shortcode List

S > Contact Information Widget

This widget will be used to display your contact information like postal address, phone number, fax and contact email. This Widget comfortable in all sidebar areas.

Admin Preview

Contact Information

Front End Preview

Contact Information

S > Facebook Like Widget

This widget display you Facebook Page.

Admin Preview

Facebook Like

Front End Preview

Facebook Like

S > Instagram Feeds Widget

This widget display you Instagram Feeds.

Admin Preview

Instagram Feeds

Front End Preview

Instagram Feeds

S > Top Single Post Widget

This widget display Top Single Post in you Page.

Admin Preview

Top Single Post

Front End Preview

Top Single Post

S > Flickr Widget

This widget will be used to display your Flickr photos from your Flickr account. This Widget comfortable in all sidebar areas.

Admin Preview

Flickr widget

Front End Preview

Flickr widget

S > Popular Post Widget

This widget will be used to display Popular Post.

Admin Preview

Popular Post

Front End Preview

Popular Post

S > Twitter Feed Widget

This widget will be used to display your the twitter feeds on the sidebar. This Widget comfortable in all sidebar areas.

Admin Preview

Twitter Feeds

Front End Preview

Twitter Feeds

S > Google Map Widget

This widget will be used to display your address in google map. This widget used on "Home Page Content Area", "Contact US Sidebar", All Bottom sidebars.

Admin Preview

Google Map

Front End Preview

Google Map

Create Custom Widget Area

  1. Step 1. Go to Dashboard » Appearance » Widgets

    Create Custom Widget Area

  2. Step 2. Enter Name of new widget area. Click on "Add Widget Area".

    Widget Area

  3. Step 3. After Custom Widget Area created, Drag and Drop the widgets in Custom Widget Area.

    Custom Widget Area

  4. Step 4. Custom Widget Area looks like this.

    Custom Sidebar Area

  5. Step 5. To delete Custom Widget Area click on Icon Delete icon.

Headers

These shortcodes will be used for displaying h1, h2, h3, h4, h5, h6 tags.

H1 Tag :

[sol_header type='h1' title='demo content' margin_top='5px' margin_bottom='5px']

<h1 style='margin-top:5px;margin-bottom:5px'>demo content</h1>

H2 Tag :

[sol_header type='h2' title='demo content' margin_top='5px' margin_bottom='5px']

<h2 style='margin-top:5px;margin-bottom:5px'>demo content</h2>

H3 Tag :

[sol_header type='h3' title='demo content' margin_top='5px' margin_bottom='5px']

<h3 style='margin-top:5px;margin-bottom:5px'>demo content</h3>

H4 Tag :

[sol_header type='h4' title='demo content' margin_top='5px' margin_bottom='5px']

<h4 style='margin-top:5px;margin-bottom:5px'>demo content</h4>

H5 Tag :

[sol_header type='h5' title='demo content' margin_top='5px' margin_bottom='5px']

<h5 style='margin-top:5px;margin-bottom:5px'>demo content</h5>

H6 Tag :

[sol_header type='h6' title='demo content' margin_top='5px' margin_bottom='5px']

<h6 style='margin-top:5px;margin-bottom:5px'>demo content</h6>

Dividers

This shortcode will be used to add a divider in content.

Solid Line Divider :

[sol_divider type='solid']
Dotted Line Divider :

[sol_divider type='dotted']
Dashed Line Divider :

[sol_divider type='dashed]
Double Line Divider :

[sol_divider type='double']

Spacer

This shortcode will be used to put a horizontal space of a given pixel.

[sol_spacer size='30px']

Message Box

This shortcode will be used to display messages like success, danger, warning, info, etc.

Success Message Box :

[sol_messagebox type='success'] Well done! You successfully read this important alert message. [/sol_messagebox]

Success Message Box

Danger Message Box :

[sol_messagebox type='danger'] Oh snap! Change a few things up and try submitting again. [/sol_messagebox]

Danger Message Box

Warning Message Box :

[sol_messagebox type='warning'] Warning! Better check yourself, you're not looking too good. [/sol_messagebox]

Warning Message Box

Info Message Box :

[sol_messagebox type='info'] Heads up! This alert needs your attention, but it's not super important. [/sol_messagebox]

Info Message Box

Share & Follow Icons

This shortcode will be used to display share and follow icons.

Share Icons :

[sol_shareicon size='small|large' shape='circle|square']

Share Icons

Follow Icons :

[sol_followicon size='small|large' shape='square|circle' facebook="https://www.facebook.com/" twitter="https://twitter.com/" pinterest="https://in.pinterest.com/" googleplus="https://plus.google.com/" rss="https://www.rss.com/" instagram="https://instagram.com/" linkedin="https://in.linkedin.com/" youtube="https://www.youtube.com/"]

Follow Icons

Tabs

This shortcode will be used to display the tabs.

[sol_tabs type='vertical|horizontal' style='1|2'][sol_tab title='add title here']add content here[/sol_tab][so_ltab title='add title here']add content here[/sol_tab][sol_tab title='add title here']add content here[/sol_tab][/sol_tabs]

Tabs

Progress bar & Pie chart

This shortcode will be used to display progress bars and pie chart.

Progress bar :

[sol_progressbar value='50' title_position='in' margin_top='5px' margin_bottom='5px' style='1|2|3']add title here[/sol_progressbar]

Progressbar

Pie chart :

[sol_piechart value='80' show_percent='n' margin_top='0' margin_bottom='0' title='WordPress' style='1' thickness='0.3' width='250']add content here[/sol_piechart]

Piechart

Map

This shortcode will be used to display maps in content or contact us page.

1. Roadmap type :

[sol_map type='ROADMAP' address='America' width='500px' height='350px' zoom='5' map_icon='icon path']

Roadmap

2. Satellite type :

[sol_map type='SATELLITE' address='America' width='500px' height='350px' zoom='5' map_icon='icon path']

Satellite

3. Hybrid type :

[sol_map type='HYBRID' address='America' width='500px' height='350px' zoom='5' map_icon='icon path']

Hybrid

4. Terrain type :

[sol_map type='TERRAIN' address='America' width='500px' height='350px' zoom='5' map_icon='icon path']

Terrain

Accordion and Toggles

This shortcode will be used to display accordion & toggle.

Accordion :

[sol_accordians style='1|2|3'][sol_accordian title='add title here']add content here[/sol_accordian][sol_accordian title='add title here']add content here[/sol_accordian][sol_accordian title='add title here']add content here[/sol_accordian][/sol_accordians]

Accordion

Toggles :

[sol_toggles style='1|2|3'][sol_toggle title='add title here']add content here[/sol_toggle][sol_toggle title='add title here']add content here[/sol_toggle][sol_toggle title='add title here']add content here[/sol_toggle][/sol_toggles]

Toggles

Pricing Table

This shortcode will be used to display pricing table.

[sol_pricingtable columns='3|4' collapsed='y|n'][sol_pricingcolumn heighlight='y|n' title='Premium' price='$50' time_period = 'per year' btn_link='#' btn_txt='Buy Now']add content here[/sol_pricingcolumn][/sol_pricingtable]

Pricing Table

Sitemap Shortcode

This shortcode will be used to display Sitemap.

[sol_sitemap site_pages='yes' site_archive='yes' site_post='yes']

Sitemap

Icons Shortcode

This shortcode will be used to display Fontawsome Icons.

[icon type='icon-arrow-up']

Icons

Testimonial Shortcode

This shortcode will be used to display Testimonial in Your Page.

Note : To display all Testimonial in page add attribute "pagination = no" in Testimonial shortcode.

[foodfork_testimonial pagination ='no' post_per_page=6 column=3]

Portfolio

Services

This shortcode will be used to display Your Services in Page.

Note : To displays all Services in page add attribute "pagination = no" in Services shortcode.

[foodfork_services pagination='no' post_per_page='8' column='4' link_single_post='yes']

Portfolio

General Settings

General Settings

Design Settings

Design

Theme Layout Settings

Layout

Header Settings

Header Settings

Home Page Settings

Home Page Settings

Blog Page Settings

Blog page

Single Post Page Settings

Single page

Food Menu Settings

Food Menu

Contact Us Page Settings

Contact Us page

Import/Export

Footer

Theme Features

The theme comes with tons of features that you can control easily via our user-friendly theme admin panel. You can find these features below:

  • Browser Compatible: Running on the any browser
  • Mobile Friendly Responsive Theme
  • Fully Widgetized Home Page
  • Powerful Theme Options Panel
  • Smooth home page section animations
  • Inbuilt custom page templates like Home page, contact us page etc
  • Page Layouts – Full Width Page and Left Sidebar Page
  • 15 Very Useful Shortcodes instead of plugins
  • Built with latest Bootstrap 3.3.6 & FontAwesome 4.6.1
  • Avartan Slider Plugin and All in One Reservation available in theme
  • Blog Designer PRO Plugin support for Blog page design with 25 different layout
  • Contact Form 7 ready: A working contact form
  • WooCommerce plugin support
  • WC Checkout Fields Editor plugin support
  • Unlimited color options
  • Translation Ready (.pot files)
  • One-Click Demo Content Installer
  • Pre-made Demos
  • 15+ In Build Custom widgets
  • Google Maps integration with animated custom pin point
  • Custom Header Scripts and Footer Scripts support
  • Compatible with: WordPress 4.6.x
  • And much more

FAQ

1. Does this theme support any plugins?

FoodFork includes support of plugins like Avartan Slider, All in One Reservation, Blog Designer PRO, Contact Form 7 and WooCommerce.


2. For which purposes I can use your theme?

FoodFork WordPress Theme is suitable for all kinds of food related websites like food shop, coffee shop, pizza shop, restaurant, cafe, fast food, etc.

Translation

FoodFork theme is language compatible, thus can be translated into multiple languages. You can use POEdit plugin for translation.

  1. Step 1. Find the .pot file in /wp-content/themes/foodfork/languages/

    .pot file
  2. Step 2. Select language from the admin side, Go to Dashboard » Settings » General in that check Site Language options.

    Select language
  3. Step 3. Check language prefix in front end, view HTML.

    Language prefix
  4. Step 4. Open the .pot file with POEdit and translate the texts into your preferred language.

    translate texts
  5. Step 5. Now you will get two separate files – a .po file and a .mo file.

    Note : When you save the files, you must name them according to your language code. Find a list of language codes at WordPress in your Language. For example, the language code for English is en_EN, so you would save the translated files as en_EN.po and en_EN.mo.

  6. Step 6. Now Paste that two .po & .mo files in /wp-content/themes/foodfork/languages/ and rename to eg( en_CA.mo & en_CA.po ).

    .po and .mo files
For more about translating WordPress themes please visit the following link : https://developer.wordpress.org/themes/functionality/localization/

Update Theme

How to upgrade theme? Follow the below steps and upgrade your theme.

  1. Step 1 : Login with your WordPress admin area.
  2. Step 2 : Go to Dashboard » Foodfork » Upgrade.
  3. Step 3 : Check your installed theme version and latest available version.
    upgrade theme
  4. Step 4 : If you already installed the latest version, then ignore the following steps otherwise go through to the following steps.
  5. Step 5 : Go to solwininfotech.com .
  6. Step 6 : Login with your username and password (If you are not logged in) OR Register .
  7. Step 7 : Buy FoodFork theme (If you haven't purchased a theme).
  8. Step 8 : Go to My account.
  9. Step 9 : Click on "Payment History" tab.
  10. Step 10 : View your order.
  11. Step 11 : Download foodfork.zip file.

Note: Please note that with the theme update any code modifications done in the theme's code will be lost, so please make sure you have a backup copy of the theme files before you update the a theme.

Now installing an update:

  1. 1. Update Using FTP

    1. Step 1. Download musictune.zip file from your Member Area at Solwin Infotech website.
    2. Step 2. Extract Zip file.
    3. Step 3. Using your FTP program, upload the non-zipped theme folder into the "/wp-content/themes/" folder on your server.
    4. Step 4. Go to Dashboard » Appearance » Themes and find Musictune theme from list.
    5. Step 5. Click on Activate to active Musictune theme.
    Active Theme

Note: Please note that with the activating of the new theme it is possible your menu setting not to be saved for the new theme. If so, you just have to go to Appearance » Menus » Theme Locations, select the menu (it will be still there) and press the "Save" button.

Thanks For Using FoodFork Theme!

We would like to thank you for using our FoodFork Theme! If you have any difficulties with FoodFork Theme or need any additional service, do not hesitate to contact us. We provide priority support with our all premium WordPress themes and plugins.

Just contact us on support.solwininfotech.com

We are very happy to assist you!