FHotel Food Pro Theme Documentation

FHotel Food Pro WordPress Theme Documentation

Welcome to the FHotel Food Pro WordPress theme documentation. This documentation will guide you. If you need help, please visit the 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 and may not allow uploading the theme through the admin. In these cases, 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, connect to your host web server and go to /wp-content/themes.
Upload the theme folder to /wp-content/themes/.
Go to Appearance » Themes and activate the theme from the Dashboard.

First, unzip the downloaded file (fhotel-food-pro.zip) and upload the resulting folder to the main WordPress installation folder: wp-content/themes. Make sure the theme's main files are contained within a single folder inside the themes directory.

You can activate the theme after it is uploaded to the server. To activate it, go to the admin panel » Appearance » Themes. You should see the theme titled FHotel Food Pro. Click the Activate button to activate it.

c. Plugin Installation

Please download the customizer-export-import.zip file and upload the plugin via the Plugins section.

To upload the plugin, see the plugin page: https://wordpress.org/plugins/customizer-export-import/. It will guide you through the upload process.
After installing the plugin, activate it, then go to Appearance » Customize » Import/Export.
Download the theme settings file:
Direct download
If the button doesn't trigger an automatic download, use the "Direct download" link or open it and save as fhotel-food-pro-import.dat.
After that, upload the fhotel-food-pro-import.dat file in the import section.
This will import the theme settings.
If you need to install demo content, follow the steps below:
- Download the demo XML file. Use the button to download automatically or open it in a new tab to save manually:
  Direct download
  If the button doesn't trigger an automatic download, use the "Direct download" link or open it and save as fhotelfoodpro.WordPress.xml.
- Then go to Tools » Import » WordPress (Run Importer).
- Upload the XML file using the importer.
- This will install the demo content.

2. Homepage Setup

After activating the FHotel Food Pro theme, set up the homepage using the following steps:

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 a logo image, you can use the site name and tagline. To change them, go to Appearance » Customize » Site Identity.

Or, if you want to upload a logo for your website, go to Appearance » Customize » Basic Settings » Site Identity » Logo.
You can also increase the logo height from Appearance » Customize » 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 this section on the home page, follow these steps:
Go to Appearance » Customize » Home Sections Settings » Resources Section and add the shortcode below in the content:
```
[resources]
```

2. About Us (Cafe & Restaurant)

To manage this section

Go to Appearance » customize » Home Sections Settings » About Us Section
Add the shortcode below to the 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 the shortcode below to the "Add content shortcode [fopening-hour]" section
```
[fopening_hour]
```

a. Main Cource

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

Add the shortcode below to the "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 the shortcode below to the "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 the shortcode below to the content field:
```
[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 sized 370 × 240 px .
Go to Appearance » customize » Home Sections Settings » Our Chef Section
Add the shortcode below to the content field: [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 a contact form on 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 a template to pages instead of the 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

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 the default sidebar, go to 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.