FHotel Food Pro Theme Documentation

FHotel Food Pro WordPress Theme Documentation

Welcome to FHotel Food Pro WordPress Theme. This Documentaiton will guid you. If you need any help please click on it Support section.

1. Theme Installation

a. Through WordPress Dashboard

Go to the menu Appearance > Themes and click on Add New button.
Click on Upload Theme button.
Click on Browse button and navigate to the unzipped theme package on your computer.
Look for a file called fhotel-food-pro.zip Click on it to select, then click OK.
Click on Install Now button and wait until the installation is complete.
Click on Activate link to activate the theme on your WordPress site.

Note: Some servers have limited folder access settings applied and wouldn't allow uploading the theme trough the admin - in these case you have to upload the theme via FTP.

b. Manual Installation using FTP client

If you know the FTP login details of the server where your site is hosted and you have a FTP client installed (such as FileZilla), you might consider using this way of uploading your theme.

Unzip the fhotel-food-pro.zip file
Using an FTP client to access your host web server. Go to /wp-content/themes
Upload theme to /wp-content/themes/
Go to Appearance -> Themes and activate theme from Dashboard.

First you have to unzip the download file, find the zip file called fhotel-food-pro.zip, unzip it and upload the folder to the main WordPress installation folder » wp-content » themes. Please note that if you prefer this way of installation, you have to make sure that the main files of the theme are contained just within one folder of the themes folder.

You can activate the theme after it is uploaded on the server. In order to activate this theme you have to go to the admin panel » Appearance » Themes . In this section you should see the theme with a title FHotel Food Pro . Just click on the Activate button and your theme should get activated.

c. Plugin Installation

Please download customizer-export-import.zip file and upload that plugin through plugin section

To upload plugin please check plugin link https://wordpress.org/plugins/customizer-export-import/ It will guid you how to upload plugin.
After install plugin activate it. then Go to Appearance -> customize -> Import/Export.
Then Download file from bellow link https://www.featherthemes.com/documentation/fhotel-food-pro/fhotel-food-pro-export.dat
If file is not downloaded then save it with fhotel-food-pro-import.dat
After that upload that fhotel-food-pro-import.dat file in import section.
In that way your theme is installed.
If you need to install demo content then please follow bellow steps
- Download file and save it with name fhotelfoodpro.WordPress.xml from bellow link https://www.featherthemes.com/documentation/fhotel-food-pro/fhotelfoodpro.WordPress.xml
- Then Go to Tools -> Import -> WordPress (Run Importer).
- Then upload that xml file.
- In that way your demo content is installed.

2. Homepage Setup

After activating the FHotel Food Pro theme, please setup homepage using following

Home Page Setup

Go to Settings -> Reading -> Front page displays
Click on radio button of Your latest posts

3. The header

The header consists of three main elements:

Contact info
Social
Site Name / Logo
Menu

a. Contact info

To customize the top header bar of contact information
Go to Appearance » Customizer » Theme Settings » Header Phone and email

b. Social

To customize the top header social media links
Go to Appearance » Customizer » Theme Settings » Header Social

It used bellow shortcode

[social_area]
    [social icon="facebook" link="#"]
    [social icon="twitter" link="#"]
    [social icon="linkedin" link="#"]
    [social icon="pinterest" link="#"]
    [social icon="google-plus" link="#"]  
[/social_area]

c. Changing the site name / logo

If you don't have your logo image then you can use site name and tagline. To change site name and tagline
Go to Appearance » Customizer » Site identity

OR if you want to uplaod logo for your website go to Appearance » Customizer » Basic Settings » Site identity » Logo
You can also increase logo image height as per your requirement from Appearance » Customizer » Theme Settings » General settings » Add logo height size

d. Setting the menu

First of all create pages from Pages >> Add new page
Go to Appearance >> Menu
Click on Create a new menu link
Give a name to your menu in Menu name and click save menu button
Once you have create menu. You need to add pages by selecting with checkboxes. After adding menu list you can arrange it by drag and drop.
Select menu theme locations Primary Menu from Menu Settings
Click Save Menu after adding required pages, categories in the menu

4. Homepage Slider

In order to add slides to homepage slider: Go to Appearance » Customize » Theme Settings » Banners And Slider Setting
For each slide there are different options that you can apply.

You can change Slider Effects and Timing.
You can change Slider Animation speed, pause time
You can change Slider Hide/Show Direction Naviagtion of slider.
You can change Slider Hide/Show pager of slider.
You can change Slider Pause Slide on Hover.
Default image for slider is 1800 × 850 pixels

If you don't want to use this default image slider, you can use any image slider WordPress plugin

Go to Appearance » customize » Theme Settings » Banners And Slider Setting » Custom Slider Shortcode Area For Home Page
Enter your slider shortcode which is provided by plugin without php tag

5. Inner Page Banner

To change inner page banner image: Go to Appearance » customize » Theme Settings » InnerPage Header Banner

To set different banner image for each individual page

Edit that page and set Featured Image
Default image size for inner page banner image is 1800 x 500 pixels

6. Homepage Section

1. Resources!

To manage this section

Click on Resources >> Add New
Then fill all fields with image size width:400px and height:250px
To show section on home page please follow these steps
Go to Appearance » customize » Home Sections Settings » Resources Section and bellow shortcode in content
```
[resources]
```

2. About Us (Cafe & Restaurant)

To manage this section

Go to Appearance » customize » Home Sections Settings » About Us Section
add bellow short code to content section
```
[welcome_website]
```
Please Upload left Side Image of width 550px and height 814px

3. Opening hour

To manage this section

Go to Appearance » customize » Home Sections Settings » Opening hour Section
add bellow short code to "Add content shortcode [fopening-hour]" section
```
[fopening_hour]
```

a. Main Cource

Go to Appearance » customize » Home Sections Settings » Opening hour Section

add bellow short code to "Add main cource Section shortcode" section

                    [main_cource]
                    [main_cource_icon]fa-solid fa-mug-saucer [/main_cource_icon]
                    [main_cource_div]
                    [main_cource_heading] Breakfast [/main_cource_heading]
                    [main_cource_day] Everday [/main_cource_day]
                    [main_cource_time] 09:00 AM - 10:00 PM [/main_cource_time]
                    [/main_cource_div]
                    [/main_cource]
                    
                    [main_cource]
                    [main_cource_icon] fa-solid fa-cheese [/main_cource_icon]
                    [main_cource_div]
                    [main_cource_heading] Lunch [/main_cource_heading]
                    [main_cource_day] Everday [/main_cource_day]
                    [main_cource_time]11:00 AM - 03:00 PM [/main_cource_time]
                    [/main_cource_div]
                    [/main_cource]
                    
                    [main_cource]
                    [main_cource_icon]fa-solid fa-ice-cream [/main_cource_icon]
                    [main_cource_div]
                    [main_cource_heading] Desert [/main_cource_heading]
                    [main_cource_day] Everday [/main_cource_day]
                    [main_cource_time] 10:00 AM - 10:00 PM [/main_cource_time]
                    [/main_cource_div]
                    [/main_cource]
                    
                    [main_cource]
                    [main_cource_icon]fa-solid fa-utensils [/main_cource_icon]
                    [main_cource_div]
                    [main_cource_heading] Dinner [/main_cource_heading]
                    [main_cource_day] Everday [/main_cource_day]
                    [main_cource_time] 6:00 PM - 10:00 PM [/main_cource_time]
                    [/main_cource_div]
                    [/main_cource]

b. Opening Hour

Go to Appearance » customize » Home Sections Settings » Opening hour Section

add bellow short code to "Add open close shortcode [fopenhours day="Monday" open="09:00 AM" close="10:00 PM"]" section

[fopenhours day="Monday" open="09:00 AM" close="10:00 PM"]
                        [fopenhours day="Tuesday" open="09:00 AM" close="10:00 PM"]
                        [fopenhours day="Wed" open="09:00 AM" close="10:00 PM"]
                        [fopenhours day="Thursday" open="09:00 AM" close="10:00 PM"]
                        [fopenhours day="Friday" open="09:00 AM" close="10:00 PM"]
                        [fopenhours day="Saturday" open="09:00 AM" close="10:00 PM"]                        
                        [fopenhours day="Sunday" open="09:00 AM" close="10:00 PM"]

c. Contact details

Go to Appearance » customize » Home Sections Settings » Opening hour Section

3. Counter (Discover)

To manage this section

Click on Counter Skill >> Add Counter Skill
Then fill all fields
Go to Appearance » customize » Home Sections Settings » Counter Skill Section
add bellow shortcode to field shortcode in Content [counter_skill]
```
[counter_skill]
```
Upload left side thumbnail image (width:210px and height:274px)
Upload left side large image (width:318px and height:410px)

4. Our Chef (Recommended)

To manage this section

Click on Our chefs » Add Our chefs
Then fill all fields with images width:370px and height:240px
Go to Appearance » customize » Home Sections Settings » Our Chef Section
add bellow shortcode to content field Add shortcode in Content [Fourchef]
```
[Fourchef]
```

5. Special Dishes

To manage this section

Click on Special Dishes » Add Special Dish
Then fill all fields with image size width:200px and height:200px
Go to Appearance » customize » Home Sections Settings » Special Dishes Section
add bellow shortcode to field Content [Fspecial-dishes]
```
[Fspecial-dishes]
```

6. Food Menu

To manage this section

Click on Special Dishes » Add Special Dish
Then fill all fields with image size width:270px and height:205px
Go to Appearance » customize » Home Sections Settings » Food Menu Section
add bellow shortcode to field Content
```
[food_menu_feather]
```

7. Video section

To manage this section

Go to Appearance » customize » Home Sections Settings » Video Section
add bellow short code to Add Short-code section
```
[cavevideo]
```
Add youtube video id in that setting so that video will shows in frontend

8. Chef Team Sections

To manage this section

Go to Appearance » customize » Home Sections Settings » Team Section
Add bellow shortchode to content section
```
[caveteam]
```
To Work on Our Team Go to Our Team -> Add New then add details. After done click on publish button

9. News Section

To manage this section go to Appearance » customize » Home Sections Settings » News Section

Add bellow short-code to content section :

[recent-posts]

To Work on News Please Go to Posts » Add New then add details. After done click on publish button

10. Testimonials

This section is used to display clients testimonials in your website

Create new posts from Testimonials » Add Testimonials
Add Title, Description, Testimonials Info and set Featured Image
To manage this section go to Appearance » customize » Home Sections Settings » Testimonial Section

Short-code:

[cave-testimonials]

7. Footer

The Footer section consists of four main elements:

Social Icons
About Company
Quick Links
Our Services
Latest Posts
Copyright Text

[designby_website firstcontent="Design by" linktext=" FeathertThemes" url="https://www.featherthemes.com/"]

[copyright_website firstcontent="© 2022" linktext=" FHotel Food Pro" url="https://www.featherthemes.com/" secondcontent=". All Rights Reserved"]

10. Contact Form

To display contact form in your website

Create contact page from Pages » Add new page
Select Contact Us Template from Page Attribute section
To manage map iframe please go to the Appearance » Customize » Theme Settings » Contact us page settings » Google Map Use iframe code url here. DO NOT APPLY IFRAME TAG

11. Page Templates & Sidebars

you can assign template to pages inplace of default template.

Default Template
- Used to setting up the content on any page with Right Sidebar
Left Sidebar
- Used to setting up the content on any page with Left Sidebar
Full Width
- Used to setting up the content on any page without Sidebar
No Sidebar
- Used to setting up the content in center on any page without Sidebar
Contact Us
- Used to setting up the contact page.

12. Widgets

The WordPress widgets are used to manage sidebars:

Can manage sidebar from widgets (exa. blog sidebar and main sidebar)
If you want to remove default widget then please go to Appearance -> Widgets
Then you can add any section in that blog and main sidebar, so then default sidebar will get removed
Footer section can manage from footer widgets 1,2.3,4

To work on default sidebar Appearance » Customize » Theme Settings » Default Sidebar

Please use below shortcode:

[skill title="Russia Adventure" percent="95" bgcolor="#65676a"][skill title="Australia Adventure" percent="85" bgcolor="#65676a"][skill title="Bali Adventure" percent="90" bgcolor="#65676a"][skill title="Africa Adventure" percent="80" bgcolor="#65676a"]

13. Shortcodes

Resource :
```
[resources]
```
About Us Section:
```
[welcome_website]
```

Opening hour:

[fopening_hour]

Main Cource

[main_cource]
                                [main_cource_icon]fa-solid fa-mug-saucer [/main_cource_icon]
                                [main_cource_div]
                                [main_cource_heading] Breakfast [/main_cource_heading]
                                [main_cource_day] Everday [/main_cource_day]
                                [main_cource_time] 09:00 AM - 10:00 PM [/main_cource_time]
                                [/main_cource_div]
                                [/main_cource]
                                
                                [main_cource]
                                [main_cource_icon] fa-solid fa-cheese [/main_cource_icon]
                                [main_cource_div]
                                [main_cource_heading] Lunch [/main_cource_heading]
                                [main_cource_day] Everday [/main_cource_day]
                                [main_cource_time]11:00 AM - 03:00 PM [/main_cource_time]
                                [/main_cource_div]
                                [/main_cource]
                                
                                [main_cource]
                                [main_cource_icon]fa-solid fa-ice-cream [/main_cource_icon]
                                [main_cource_div]
                                [main_cource_heading] Desert [/main_cource_heading]
                                [main_cource_day] Everday [/main_cource_day]
                                [main_cource_time] 10:00 AM - 10:00 PM [/main_cource_time]
                                [/main_cource_div]
                                [/main_cource]
                                
                                [main_cource]
                                [main_cource_icon]fa-solid fa-utensils [/main_cource_icon]
                                [main_cource_div]
                                [main_cource_heading] Dinner [/main_cource_heading]
                                [main_cource_day] Everday [/main_cource_day]
                                [main_cource_time] 6:00 PM - 10:00 PM [/main_cource_time]
                                [/main_cource_div]
                                [/main_cource]

Opening Hour

[fopenhours day="Monday" open="09:00 AM" close="10:00 PM"]
                            [fopenhours day="Tuesday" open="09:00 AM" close="10:00 PM"]
                            [fopenhours day="Wed" open="09:00 AM" close="10:00 PM"]
                            [fopenhours day="Thursday" open="09:00 AM" close="10:00 PM"]
                            [fopenhours day="Friday" open="09:00 AM" close="10:00 PM"]
                            [fopenhours day="Saturday" open="09:00 AM" close="10:00 PM"]                        
                            [fopenhours day="Sunday" open="09:00 AM" close="10:00 PM"]

Counter (Discover):
```
[counter_skill]
```
Our Chef (Recommended):
```
[Fourchef]
```
Special Dishes:
```
[Fspecial-dishes]
```
Food Menu :
```
[food_menu_feather]
```
Video section :
```
[cavevideo]
```
News Section:
```
[recent-posts]
```
Chef Team Sections :
```
[caveteam]
```
Testimonials
```
[cave-testimonials]
```

Contact Form:

[contactform to_email="test@example.com" title="Contact Form"]

sidebar Skill :

[skill title="Stock Profit" percent="95" bgcolor="#65676a"][skill title="SIP Profit" percent="85" bgcolor="#65676a"][skill title="Tax Benefits" percent="90" bgcolor="#65676a"][skill title="Life Insurance Cover" percent="80" bgcolor="#65676a"]

FHotel Food Pro WordPress Theme Documentation

Menu

If you have any questions regarding themes, you can mail us at support@featherthemes.com or featherthemes@gmail.com.