Flawleshotel

Flawleshotel- Hotel Wordpress Theme

Version 1.0

Thank you very much for purchasing our theme. This document will guide you through the setup process of this theme. If you have questions about our theme that isn't covered in this documentation, please post your question here.

Download package contents

Content: 

Once you have downloaded and unzipped the flawleshotel package you will be faced with a list of files and folders. An explanation of these is as follows. Any item not mentioned here should be ignored for the moment.

flawleshotel.theme.zip This is a zip archive of the theme.
Documentation This is the help documentation. To view simply open index.html found inside this folder
Child theme This folder included quickstart for child theme

Installing Theme

Content: 

Once you have downloaded the flawleshotel package from Themeforest.net, there are 2 ways of installing this theme. These are as follows:

Method 1

  1. Unzip the download package using Winzip or equivalent.
  2. You will see another zip archive file inside called flawleshotel.theme.zip, unzip this file also using Winzip or equivalent software and using an FTP client (eg. Filezilla), upload its contents to your WordPress installation. You will need to place the folder into the following location: wp-content/themes
  3. Now inside your WordPress admin area, go to Appearance > Themes and there you will see the flawleshotel Theme.
  4. Click Activate to activate the theme. If you do not see the theme in this screen, you have done something incorrectly. Review the last few steps again.

Method 2

  1. Unzip the flawleshotel download package. Once unzipped you will see a zip file named flawleshotel.theme.zip, this is a compressed version of the theme.
  2. Now inside your WordPresss admin area, go to Appearance > Themes > Add new > Upload theme
  3. Click browse and locate this flawleshotel.theme.zip file and upload it
  4. Now you will see the flawleshotel theme in the Themes page.
  5. Click Activate to activate the theme. If you do not see the theme in this screen, you have done something incorrectly. Review the last few steps again.

After install theme, you will need to install and active some plugins, just click Begin installing plugins and active it.

Installation Video

Here is a link to an video showing the installation of the theme and the importing of demo content

Theme installation errors

Content: 

Do not upload the Themeforest download package directly to your WordPresss site, because this will lead to errors. Make sure to Unzip this package and inside you will find the theme zip archive: flawleshotel.theme.zip. This is what you will need to upload to your WordPresss installation

Theme update

Content: 

You don't need to go to the Themeforest website to donwload newest version theme. We offer easiest way to update theme base on Usename or API Key and you just need to choose update from Themeforest or Awethemes Server

Get your API Key from Envato/Themeforest
  1. Go to your account and select SETTINGS
  2. Select Tab API Key
  3. Generate any API Key
  4. Copy Key

Insert API key
  1. Go to Theme Settings > Update
  2. Username: Fill in Username that you use to purchase on the Envato/Themeforest
  3. API Key: Fill in your API Key that got above in your account on the Envato/Themeforest.

Update Progress
  1. Go to Dashboard > Updates
  2. Click Check again button
  3. Choose themes or plugin you want to update
  4. Just wait a tick, progress update will complete

Theme Setup

Content: 

Before you start using the flawleshotel Theme, a few setup steps are required. This section will walk you through these steps.

  1. Recommended Plugins
  2. Importing Demo Content

Recommended Plugins

Content: 

For the best display of the theme, you also need to install other plugins:

Importing Demo Content

Content: 

Some buyers like to install their theme and have it look exactly like the preview site. If this is something you would like to do, then follow the steps in this section. This step is optional so feel free to skip it. The subsequent sections will provide all the instructions you need to insert your own content manually.

The dummy content inserted in this step will not contain the beautiful images seen in the demo. These images cannot be included because they are commercial images, which we have purchased for theme demonstration only and we do not have a redistribution license for these assets.

  1. Install and activate the flawleshotel theme. (See section above)
  2. Go to the Flawleshotel Theme > Import Demo Data
  3. Click the large Import Demo Data button once only.
  4. The theme will now import our demo content into you site. You might need to wait a few minutes.
  5. This importer will basically import posts, pages, comments, custom fields, categories, tags, sidebars, widgets, menus and all configuration from our preview content export file.

Creating Menu

Content: 

Flawleshotel theme contains only one menu location - Main Menu. In this section we will outline the steps involved in creating the menu for this theme.

  1. Go to Appearance > Menus in the main admin menu.
  2. At first you will probably need to add a menu, give it a name & click Create Menu. The new menu will appear in a tab in this location. Click on this tab to begin adding menu items.
  3. Use the dialog boxes on the left hand side of the page to add items to your menu. Select the master page you created as well as all of the sub sections or child pages and click "Add to Menu".
  4. Now you can drag the newly inserted menu item to their correct sequence and rename their titles if required.
  5. Choose Theme locations - Main menu in Menu Settings
  6. After you have added and edited the menu items click Save Menu button in the bottom of this area.

Pages

Home Page

Content: 

Create Page

- Just add new page by going to Pages > Add new

- Choose teamplate with the name is Home Page

Setting Page

1) Logo

  1. Here, we offers you two option Logo (original logo and retina logo)
  2. Go to Flawleshotel Theme > Theme setting > Logo & Slogan and upload your logo

2) Menu / Navigation

  1. Go to Appearance > Menus
  2. Create a new menu
  3. Setting theme location is Main Menu

3) Slider

  1. We use Revolution Slider that is most popular plugin to build any slider you want.
  2. Following this tutorial to create your own slider

4) Form Availability

  1. This is form default which will be appeared after you create Home Page in progress How to create Home Page

5) Accommodation

  1. This section will be appeared as long as you finished the progress of Create Accommodation

6) Information (Home Sidebar)

  1. In this section, you have to download and acitve this Black Studio TinyMCE Widget free plugin to prepare your hotel's information.
  2. After, you need to go to Appearance > Widgets and drag Visual Editor widget and drop into Home sidebar box
  3. You can prepare any your content or be able to use Available Shortcodes

7) Testimonials

  1. This available widget after you finished the progress of create testimonial
  2. Drag and drop Testimonial widget into Home Sidebar box

8) Address Widget

  1. Download and active this plugin Black Studio TinyMCE Widget
  2. Go to Appearance > Widgets, drag and drop Visual Editor widget into Footer Sidebar box on the right
  3. Just insert the Title and Body content. If you want the exact information like our demo, please choose Footer Adress in AWE Shortcode tab. The content popup will appear and you can directly edit the content. After editing, you click Insert Shortcodes

9) Contact Widget

  1. Download and active this plugin Black Studio TinyMCE Widget
  2. Go to Appearance > Widgets, drag and drop Visual Editor widget into Footer Sidebar box on the right
  3. Just insert the Title and Body content. If you want the exact information like our demo, please choose Footer Contact in AWE Shortcode tab. The content popup will appear and you can directly edit the content. After editing, you click Insert Shortcodes

10) Newsletter Widget

  1. Go to Appearance > Widgets
  2. Drag and drop MailChimp widget to Footer Sidebar box on the right

11) Social

  1. Go to Flawleshotel Theme > Theme Setting > Social tab
  2. Here, we provided some popular social, just only fill in your social's link and choose ON or OFF button
  3. You can also Enable or Disable if want to appear social in your footer.

Accommmodation Page

Content: 

Create Page

- Fill in your page's name, dropcap and subtitle

- Choose teamplate with the name is Accommodation

Setting Page

In this section, we will guide you how to create Room Type for your site.

In the Dashboard Sidebar, you choose Accommodation > Add New:

  1. Enter the title (room type name) in the upper field
  2. Add Dropcap
  3. Add subtitle
  4. Enter your post body content in the main post editing box below
  5. To add Room Facilities (category), you click on "Add New Room facilities"
  6. Add image gallery for the post
  7. Add featured image
  8. When you are ready, click Publish button

And this is the final view:

Testimonial Page

Content: 

Create Page

- Fill in your page's name, dropcap and subtitle

- Choose teamplate with the name is Testimonial

Setting Page

Just click on Testimonial > Add New:

  1. Enter the name in the upper field
  2. Upload photo
  3. Add link directory
  4. Insert quote
  5. End by click on Publish button

And this is how it looks:

Fullslider Page

Content: 

Create Page

- Fill in your page's name

- Create slider by using Revolution Slider

- After get shortcode from slider that have just created

- Choose teamplate with the name is Full Screen Slider

Blog Page

Content: 

Create Page

- Just add new page by going to Pages > Add new

- Choose teamplate with the name is Blog

Contact Page

Content: 

Create Page

- Fill in your page's name, dropcap, subtitle and content

- Choose teamplate with the name is Contact Page

Setting Page

First, you need to create Contact form by going to Contact (in the Dashboard) and Add New. We create one available Contact Form for you.

Next, you go to Theme Settings > Flawleshotel Theme > Setting Contact Page. Here you can customise some settings:

  1. Choose contact form
  2. Upload image, pattern
  3. Insert Google map iframe: Refer to this document to know how to do get your map
  4. Add contact information
  5. You can also change icons to other

Checkout Page

Content: 

Create Page

- Fill in your page's name, dropcap and subtitle

- Add this shorcode [woocommerce_checkout] to your editor

- Choose teamplate with the name is Default Template

Cart Page

Content: 

Create Page

- Fill in your page's name, dropcap and subtitle

- Add this shorcode [woocommerce_cart] to your editor

- Choose teamplate with the name is Default Template

Add Room

Content: 

Similar to Create Accommodation, from the Dashboard Sidebar you click on Room > Add Room:

  1. Enter the title (room number) in the upper field
  2. Add body content in the main post editing box below
  3. Add image gallery for the post
  4. Add featured image
  5. Add detail information
  6. Add SKU code product, make sure unique SKU for each product.
  7. When you are ready, click Publish button

And this is the final view:

Manage Room

Content: 

Room Filter

  • Room Name: Filter follow Room Name
  • Price: Filter follow price
  • Date: Filter base on arrival and departure day
  • Room Status: There are some status of room - Pendding, Booked, Conflict, Empty and On Hold

Room Management

  • Pendding: Waiting for system Payment. Orders will paid after admin receive the money and Room status will move to Booked
  • Booked: Orders have been paid already and Room Status is booked
  • Conflict: This status is that there are many orders in room
  • Emplty: There is not order in room
  • On Hold: Payment through Direct Bank Transfer

Orders Management

This lightbox will appear all orders of one room. It will allow admin to manage and handle order through Edit order in Woocommerce

Create Order

In some case, admin can created any orders for customer if certain room is empty

Theme Shortcodes

Content: 

The shorcodes which is the most commonly used product and so easier for you to prepare content. Here, we offer some shortcode which appear in this template. You can user one to build your content at any time.
In Editor panel of wordpress, just click AWE Shortcodess area. Take a look this screenshot:

Button Shortcode

Tab Shortcode

Accordtion Shortcode

List style Shortcode

Alert Shortcode

Theme Options

Content: 

To customise and style the site in your own way, all you need to do is just go to Fowvin Theme > Theme Settings, which stays on the left in Admin Dashboard. and follow some guidance bellow:

Typography Setting

Content: 

Custom text and typography in all pages here

  1. Custom Font Navigation Menu

  2. Custom Font Heading

  3. Custom Font Link Anchors

  4. Import any Font you want

Theme Customize

Content: 

Sometime you want to modify any elements in theme according to your ideas through CSS and Javascript/Jquery code. So in order to do that let's go to Flawleshotel Theme > Dashboard > Header

  1. Custom CSS: insert CSS code into Style tags
  2. Custom Javascript/Jquery: insert JS/Jquery code into Script tags

Theme Translation

Translation Using PO File

Content: 

To translate the theme using the POT file do the following

  1. Create a po file for your language, for example de_DE.po
  2. Copy all text from provided theme pot file into your po file
  3. Edit the po file with code http://www.poedit.net/
  4. Create hte mo file
  5. edit wp-config.php file in your installation and set WPLANG so it matches your languages: define('WPLANG', 'de_DE');
  6. The Theme should now display all messages in your language.
BACKUP YOUR LANGUAGE PO/MO FILES
Upon theme update, language files are NOT preserved.
You will need to manually restore your po/mo files right after the update.

Translation Using Plugin

Content: 

To translate any of language, you can download this plugin Codestyling Localization and see the documentation for instruction

  1. Description
  2. Installation
  3. Screenshots

Translation Using WPML Plugin

Content: 

The easest & fastly way to build multilingual sites is you use this plugin WPML and see the documentation for instruction

Translation Theme Setting

You have to translate Theme setting for each of the difference language. These setting of Theme Setting must be similar in languages, the example such as slider, contact form, image, video, address, map..and so on. Take a look at this screenshot:

Translation Pages

You have to tranlate these follow pages Home, Accommodation, Contact, New & Deal, Testimonial..by click Duplidate button. Look this:

Translation Post

With posts blog, you can do similar like translating for pages

Translation Accommodation/Room

Choose one of accommodations/Rooms that you want to translate. To translate you just only click Duplicate Button as translate Pages above

General information

Need help?

Content: 

If you need help with setting up the template, please post your question here. There are a few notes:

  • Before you ask a question please make sure to scan the menu and read the specific section of your question.
  • If it's a specific Wordpress plugin question, Google (or any other search engine) is your friend and probably a hundred times faster in replying.
  • If it's possible, please provide a link to your (demo) website so our stuff are able to quickly scan for possible issues.

Report a bug

Content: 

If you found a bug, please send us an e-mail with a (small) description of the issue. Your help is always apreciated.

Custom Support

Get google map

Content: 

h4 id="gi-getmap" class="mt-30">Get Google Map

Just take a look at the following screenshot to know what you have to do

  • Go to the link Google Map
  • Fill in your address
  • Click to get the link embed
  • The popup show up and choose Embed Map tab
  • Copy link iframe code

Adding Price period

Content: 

This feature allow you can add any specific price of period