Welcome to Motelin - WordPress Theme Documentation.

• Item Name : Motelin - Luxurious Hotel Booking WordPress Theme
• Item Version : v 1.0
• Author : Themetechmount
• Support Ticket: Support Here
• Powerd By - PreyanTechnosys Pvt. Ltd.

Thank you for purchasing this theme. If you have any questions that are beyond the scope of this help file, feel free to contact us via our Support ticket system. We will do our best to answer you in shortest of time (24-48 hours usually).

If you are a total newbie in WordPress, please head up to Overview with WordPress section which contains basic steps of WordPress.

Theme Requirements

To use Motelin, make sure your hosting provider is running the following software:

1. WordPress 5.7 or higher.
2. PHP 7 or greater. WordPress officially suggests to use PHP 7.2.
3. MySQL 5.6 or greater OR MariaDB version 10.0 or greater.

Attention Please make sure you have latest version of WordPress installed. Also please see WordPress offical page for minimum requirements.

Javascript must be enabled on browsers viewing this theme. Though non-javascript browsers are supported, this is necessary for full-feature experience.

Recommended PHP Limits

Many issues that you may run into such as: white screen, demo content fails when importing, empty page content and other similar issues are all related to low PHP configuration limits. The solution is to increase the PHP limits. You can do this on your own, or contact your web host and ask them to increase those limits to a minimum as follows:

• max_execution_time 300
• memory_limit 256M
• post_max_size 64M
• upload_max_filesize 32M
• max_input_time 300
• max_input_vars 3000

Also consider upgrading your PHP version to the latest version, the newer the better.

WordPress Information

To install this theme you must have a working version of WordPress already installed. If you need help installing WordPress, follow the instructions in WordPress Codex or you can watch the. Below are ll the useful links for WordPress information.

• WordPress Codex – general info about WordPress and how to install on your server
• First Steps With WordPress – general information that covers a wide variety of topics
• FAQ New To WordPress – the most popular FAQ’s regarding WordPress

What's included

When you purchase our theme from our offical site Themetechmount, you need to download the Motelin files from your account. The Main Files contain everything, the Installable WordPress Theme is just the installable WordPress theme file. Below is a full list of everything that is included when you download the main files, along with a brief description of each item.

• Installable WordPress file only. You can upload this file when you install the theme.

• All files and documentation (full zip folder). You will need to extract and locate the installable WordPress file to upload when you install the theme.

Theme Installation

There are 2 main ways to upload the theme, Just follow these steps.

Assuming that WordPress website is already set (for setting up WordPress blog refer to WordPress set up documentation at http://codex.wordpress.org/Getting_Started_with_WordPress#Installation, the next step is to install the theme. There are 2 main ways to upload the theme:

Install theme via FTP

Use an FTP client such as FileZilla, FireFTP or Cyberduck (if you are a Mac user) to connect to your hosting account. To manually upload your new WordPress theme, login with your credentials to your website and locate the wp-content folder in your WordPress install files. Upload the un-zipped 'Motelin' folder into the: wp-content/themes folder.

Once uploaded, activate the theme by heading to the “Themes” menu in the WordPress Dashboard. Locate the Motelin Theme and hit “Activate”.

The theme files will be stored on your server in the wp-content/themes/ location.

Note: Please make sure that the main files of the theme are contained within just one folder. Thus, the right way to locate your theme files is for example /wp-content/themes/Motelin/ but not /wp-content/themes/Motelin/Motelin/. When uploading your theme with the installer, please ensure you are uploading the theme .zip file, not the entire package you downloaded. In this case, you will be uploading Motelin.zip

---

1. Download the theme zip file from your Themetechmount account from Themetechmount.
2. **All files & documentation **(full zip folder). You will need to extract and locate the installable WordPress file to upload when installing theme
3. Log in to your WordPress Dashboard (Ex: http://yourwebsite.com/wp-admin).
4. Navigate to Appearance > Themes.

   

5. Click on Add New and then Click on Upload Theme .

   

6. Click Add New, then click Upload Theme > Choose File

   

7. Navigate to the .zip file on your computer, then click Install Now

   

8. When the installation complete, click Activate. You will be redirected to Themes page with Motelin activated.

   

   

9. Done.

Plugin Installation

After theme activation, you will get message to install some required plugin:

Click Begin installing plugins. You will be navigated to Install Required Plugins page.

Simply check all of them (or all of required plugins and some recommended plugins you like) and from the drop down select Install, then hit Apply.

Demo Installation

We set easy one-click process for full demo content setup. This demo content setup will also import slider in "Revolution Slider" plugin and also do some extra settings. Please follow steps given below. All you need to do is to navigate to Admin > Appearance > Import Demo Data Page. Hit Import this demo.

Click Continue & Import.

Wait until the import routine is done. Please be patient and don’t navigate away, as this can take few minutes depending on your host’s performance.

When finishing, You will be notified once the process is completed it should look like this:

Theme Options

You can customize Motelin settings via "Motelin Options". You can upload logo or change skin color etc. Here are details of each section that you can customize.

Color Scheme Settings

You can change Layout color related changes here. Like you can select Skin color from here or etc.

This is the global color for all hightlighted things. This color will be used in Tabs, Accordion, Progress bar, text link and other areas. We have provided some pre-defined colors for you which you will also find on our demo site.

Site Layout Settings

You can change Layout related changes here. Like you can switch to Boxed or Wide layout etc.

Font Settings

In this section you can customize the font properties for use across your website. You can choose from over 800 Google fonts and they are all open-source and 100% free for commercial use.

• Body Typography – configure the global body font typography.
• H1, H2, H3, H4, H5, H6 Headings – configure the global heading font typography.
• Heading and Subheading Font Settings – configure the global Heading and Subheading font typography.
• Specific Element Fonts – configure the global Specific Element font typography.

Note: Resetting this section will re-assign the default theme options and not the demo options. It is best to make a backup of the Theme Options settings with the Import/Export page.

Floatingbar Settings

You can change floatingbar settings from here.

• Show Floating Bar – option to enable/disable showing the floatingbar.
• Floating bar position – option to showing the floatingbar on top or right position.
• Floating Bar Background Color – select the floatingbar background color.
• Floating Bar Background Properties – select the floatingbar background image.
• Floating Bar Text Color – select the floatingbar text color.
• Floating Bar Open/Close Button Settings – option to add open/close icon and also set open/close icon's color and background color.

Topbar Settings

You can change topbar settings from here.

• Show Topbar Bar – option to enable/disable showing the topbar.
• Topbar Background Color – select the topbar background color.
• Topbar Background Properties – select the topbar background image.
• Topbar Text Color – select the topbar text color.
• Topbar Text Size – select the topbar text size.
• Show Border at Bottom of Topabar – option to showing bottom border of the topbar.
• Topbar Content Options – Using the Topbar Left Content and Topbar Right Content you have the option to display Contact Info, Social Links and Navigation etc.

Titlebar Settings

You can change titlebar settings from here.

• Show Titlebar Bar – option to enable/disable showing the titlebar.
• Titlebar Background Options – select the titlebar background color and image.
• Titlebar Font Settings – option to set the Titlebar text color, Heading Font, Mobile Heading Font, Sub-heading Font, Breadcrumb Font.
• Titlebar Content Options – select the Titlebar Text Align, Titlebar Height, Responsive Titlebar Height, Show Breadcrumb on bottom of Titlebar area, Show Breadcrumb border bottom of Titlebar, Hide Breadcrumb, Show Skip to Content Arrow in Titlebar.
• Titlebar Extra Options – option to change settings for some extra options like Label Text in Titlebar.

Header Settings

You can change header settings from here. You can upload logo, enable or disable sticky header etc.

Motelin theme comes with 10+ different header styles

• Header Height (in pixel) – You can set height of header area from here.
• Header Background Color – select the header background color.
• Logo type – option to Specify the type of logo. It can Text or Image.
• Logo Image – option to upload image that will be used as logo for the site.
• Logo Max Height – option to your logo looks small then increase this and adjust it.
• Logo Max Height For Mobile Screen – option to your logo looks small then increase this and adjust it in responsive.
• Search Button in Header – Option to show or hide search button in header area and set Search Form Input Word, Search Form Title, Search Form Background.
• Header Style – Options to change header style.
• Header Menu Hover Style – Options to set effect the hover of menu.
• Special options for selected header – Options to set header button, Header Text Area, Header tagline text, Header Menu Position .
• Logo SEO – Options to set Logo SEO.

Menu Settings

You can manage menu and sub-menu (dropdown menu) settings from here. You can also change Responsive Menu Breakpoint from here (from which display size the menu will become single icon mode). You can change Font-family, font-size, font-color, background-color etc properties for both main-menu and sub-menu both.

• Main Menu Font – option to control the typography settings of the menu.
• Main Menu Font Color for Sticky Header – option to set main menu font color when the header becomes sticky.
• Main Menu Active Link Color – select color for main menu active link.
• Main Menu Item Left and Right Spacing – option to set main menu left right space.
• Drop Down Menu Options – option to set of options like Dropdown Menu Font, Dropdown Menu Active Link Color, Dropdown Menu Background Properties (for all dropdown menus), Separator line between dropdown menu links, MegaMenu Widget Title Font, Dropdown Menu Style.
• Menu Settings – option to set responsive menu breakpoint and enable/disable Override Max Mega Menu Style option.

Footer Settings

You can change footer text from here. To be able to make changes to the footer, you should first locate the exact theme areas and adjust the right elements. You can use the following shortcodes in your footer text: [tm-site-url], [tm-site-title], [tm-site-tagline] and [tm-current-year]

• Sticky Footer – option to enable/disable showing the sticky footer.
• Footer Background (full footer elements) – option to set background properties like color, image for all footer area.
• First Footer Widget Area – Options to change settings for first footer widget area. to set First Footer Widget Columns, First Footer Background Color, First Footer Background image, First Footer Text Color, Border Separator Between Widget, Border Above First Footer.
• Second Footer Widget Area – Options to change settings for second footer widget area. to set Second Footer Widget Columns, Second Footer Background Color, Second Footer Background image, Second Footer Text Color, Border Separator Between Widget.
• Border Between Footer First And Second Footer Widget Area – option to set Horizontal border between First and Second Footer Widget Area.
• Footer Copyright Text Area – Options to change settings for footer text area. This contains copyright information like Copyright Area Text Left, Copyright Area Text Right, Copyright Area Background Color, Copyright Area Background, Copyright Area Text Color, Border Above Copyright Text.
• Go to Top Button – option to enable/disable option and style showing go to top button.
• Footer Extra Options – option to set Footer Styles, Border Color in Footer Area, Footer Border Width, Footer Links Color Option (Regular), Footer Links Color Option (Hover).
• Footer Call To Action Box – option to set Show Footer Call To Action, Footer CTA Columns, CTA First Column Content, CTA Second Column Content, CTA Third Column Content, Footer CTA Background Color, Footer CTA Text Color.

Button Settings

You can change setting for global button from here.

• Button Font – option to configure the global button font typography.
• Medium Button Top Bottom Padding – option to set button top and bottom of space of medium button.
• Medium Button Font Size – option to set font size of medium button.
• Global Buttons Shape – Options to set button shape like square, round, rounded.
• Global Buttons Hover Style – Options to select the hover for buttons.

Blog Settings

You can change settings for Blog section from here.

Options to set Blog Excerpt Limit, "Read More" Link Text, Blog view, Details Page Style, Social Share, Settings for meta data for Blog classic view and Blogbox.

Portfolio, Service and Team Settings

You can settings for "Team Member" section from here.

Options to set Details Box Title, Single Page View Style, Show Related Portfolio Option, Select column, it's to show, Single Page List Details Settings, Social sharing service for single etc.

Error 404 Page Settings

One of the most common errors you can come across while browsing the Internet is a 404 or Page Not Found error. This error often occurs when you follow a broken link or if you type in a website address that doesn’t exist. A 404 page error appears when a website is active, but the specific page within it doesn’t exist. Here you can change the settings of the 404 Page.

• Top Description text – set the page description text.
• Big heading text – set the heading title.
• Page Subtitle – set the page subtitle. The default value is: This page could not be found!
• Description text – set the page description text. The default value is: This page could not be found!
• Show Search Form – option to enable/desable search form.
• Content area background for – option to set background image or color.

Search Page Settings

You can change Search results page settings from here.

Sidebar Settings

You can change Sidebar related settings from here. Also you can create a new sidebar from here.

Widget Design Settings

You can change Widget settings from here.

NOTE: This will change style for left and right sidebar widgets only.

Social Links

You can set your social services here.

Also add URLs from Social links from here. Also you can reorder the Social Links as per your choice. Just drag and drop items to reorder as per your choice.

You can use [tm-social-links] shortcode to show social links.

WooCommerce Settings

You can change settings related to WooCommerce from here. Setup for WooCommerce shop section.

Note: Please make sure you installed WooCommerce plugin.

• Show Cart Icon in Header – option to enable/disable for the cart icon in header. NOTE: Please note that if you haven't installed "WooCommerce" plugin then the icon will not appear even if you selected "ON" in this option.
• Show Compare Icon in Header – option to enable/disable for the compare icon in header. NOTE: Please note that if you haven't installed "WooCommerce" and "YITH WooCommerce Compare" plugin then the icon will not appear even if you selected "ON" in this option.
• Show Wishlist Icon in Header – option to enable/disable for the wishlist icon in header. NOTE: Please note that if you haven't installed "WooCommerce" and "YITH WooCommerce Wishlist" plugin then the icon will not appear even if you selected "ON" in this option.
• WooCommerce Product List Column – option to select how many column you want to show for product list view.
• Products Per Page – option to set how many product you want to show on shop page.
• Product Box Style – option to set the page style of products here.
• Product Category Button Text – option to add product pategory button text here.
• Show Hot Label and Sale Label – option to enable/disable lables of products and also set text for this from here.
• Single Product Page Settings – option to set Show Related Products, Column for Related Products, Related Products Show.

Under Construction Site

The Motelin theme comes with built-in Under Construction mode so you don't need to install any other plugin for it. You can enable it from here. You can change text and background settings from here. Here are steps:

• First go to Admin > Motelin Options section and go to "Under Construction Site" tab.
  
• Then enable it by selecting YES in the Show Under Construciton Message option.
  
• Now you will see other options like content and background settings. Just change it if you like to.

Login Page Settings

You can login page background image, background color and other setttings from here.

Advanced Settings

You can set advanced settings (like SLUG for different post type) from here.

Custom Code

You can write your custom CSS or JavaScript code here. Also you can add Custom CSS Code for login page too.

Import / Export

You can import or export theme settings from here. This will be usefull when you are developing your site on other server and want to move only theme settings. Just click "Download" button to export the settings and click "Import from file" button to import it.

Note: When you click on "Import from file" then it will open new textbox. Just open the downloaded file in any text editor and copy paste code here to import.

Widgets

Widgets Position

Motelin has some built-in Widget Positions to use. Here are details of each position:

• Left Sidebar For Blog: You can add Widgets that you want to display as Left sidebar for Blog pages like Blogroll, Category, Tag, Archives etc pages.
• Right Sidebar For Blog: You can add Widgets that you want to display as Right sidebar for Blog pages like Blogroll, Category, Tag, Archives etc pages.
• Left Sidebar For Pages: You can add Widgets that you want to display as Left sidebar for pages that you created using Pages section.
• Right Sidebar For Pages: You can add Widgets that you want to display as Right sidebar for pages that you created using Pages section.
• Left Sidebar For Portfolio: You can add Widgets that you want to display as Left sidebar for single Portfolio that you created from Portfolio section.
• Right Sidebar For Portfolio: You can add Widgets that you want to display as Right sidebar for single Portfolio that you created from Portfolio section.
• Left Sidebar For Portfolio Category: You can add Widgets that you want to display as Left sidebar for Portfolio Category that you created from Portfolio Category section.
• Right Sidebar For Portfolio Category: You can add Widgets that you want to display as Right sidebar for Portfolio Category that you created from Portfolio Category section.
• Left Sidebar For Team Member: You can add Widgets that you want to display as Left sidebar for single Team Member that you created from Team Member section.
• Right Sidebar For Team Member: You can add Widgets that you want to display as Right sidebar for single Team Member that you created from Team Member section.
• Left Sidebar For Team Member Group pages: You can add Widgets that you want to display as Left sidebar for Team Member Group that you created from Team Member Group section.
• Right Sidebar For Team Member Group pages: You can add Widgets that you want to display as Right sidebar for Team Member Group that you created from Team Member Group section.
• Left Sidebar For Search: You can add Widgets that you want to display as Left sidebar for Search Results page only.
• Right Sidebar For Search: You can add Widgets that you want to display as Right sidebar for Search Results page only.
• Left Sidebar for WooCommerce Shop: You can add Widgets that you want to display as Left sidebar for WooCommerce pages only. This widget position is specially created for WooCommerce pages only. You can add widgets like Cart, Login, Recently Viewed Products etc widgets here.
• Right Sidebar for WooCommerce Shop: You can add Widgets that you want to display as Right sidebar for WooCommerce pages only. This widget position is specially created for WooCommerce pages only. You can add widgets like Cart, Login, Recently Viewed Products etc widgets here.
• Floatingbar Widget - Top: This widget will be shown as full row (as 1st row). This will be full width widget without any column. All wildgets will be shown below each one. So there is no column.
• Floatingbar Widget - 1st Column: This widget will be shown as 1st column in this second row. Also please note that the column will be shown as column only in TOP view of Floating Bar. If you are showing in RIGHT view then the column will be broken and each widget will be shown in full width and column will not be applied.
• Floatingbar Widget - 2nd Column: This widget will be shown as 2nd column in this second row. Also please note that the column will be shown as column only in TOP view of Floating Bar. If you are showing in RIGHT view then the column will be broken and each widget will be shown in full width and column will not be applied.
• Floatingbar Widget - 3rd Column: This widget will be shown as 3rd column in this second row. Also please note that the column will be shown as column only in TOP view of Floating Bar. If you are showing in RIGHT view then the column will be broken and each widget will be shown in full width and column will not be applied.
• Floatingbar Widget - 4th Column: This widget will be shown as 4th column in this second row. Also please note that the column will be shown as column only in TOP view of Floating Bar. If you are showing in RIGHT view then the column will be broken and each widget will be shown in full width and column will not be applied.
• Floatingbar Widget - Bottom: This widget will be shown as full row (as 3rd row). This will be full width widget without any column. All wildgets will be shown below each one. So there is no column. Please note that the Floating bar view should be TOP to show as 3rd row. If you are using RIGHT floating bar then this will be last row as all the column widgets will be in full width and shown as one column.
• First Footer - 1st Widget Area: This will be shown as 1st column in 1st row of footer area. You can set how many columns you like to show from "Motelin Options > Footer Settings" section.
• First Footer - 2nd Widget Area: This will be shown as 2nd column in 1st row of footer area. You can set how many columns you like to show from "Motelin Options > Footer Settings" section.
• First Footer - 3rd Widget Area: This will be shown as 3rd column in 1st row of footer area. You can set how many columns you like to show from "Motelin Options > Footer Settings" section.
• First Footer - 4th Widget Area: This will be shown as 4th column in 1st row of footer area. You can set how many columns you like to show from "Motelin Options > Footer Settings" section.
• Second Footer - 1st Widget Area: This will be shown as 1st column in 2nd row of footer area. You can set how many columns you like to show from "Motelin Options > Footer Settings" section.
• Second Footer - 2nd Widget Area: This will be shown as 2nd column in 2nd row of footer area. You can set how many columns you like to show from "Motelin Options > Footer Settings" section.
• Second Footer - 3rd Widget Area: This will be shown as 3rd column in 2nd row of footer area. You can set how many columns you like to show from "Motelin Options > Footer Settings" section.
• Second Footer - 4th Widget Area: This will be shown as 4th column in 2nd row of footer area. You can set how many columns you like to show from "Motelin Options > Footer Settings" section.

Footer Widgets

Motelin comes with special widget positions for footer area:

The Footer Area is divided in TWO section. Those are First Row Widget Area & Second Row Widget Area. Here is some short description on each point.

• First Footer - 1st Widget Area: This will be shown as 1st column in 1st row of footer area. You can set how many columns you like to show from "Motelin Options > Footer Settings" section.
• First Footer - 2nd Widget Area: This will be shown as 2nd column in 1st row of footer area. You can set how many columns you like to show from "Motelin Options > Footer Settings" section.
• First Footer - 3rd Widget Area: This will be shown as 3rd column in 1st row of footer area. You can set how many columns you like to show from "Motelin Options > Footer Settings" section.
• First Footer - 4th Widget Area: This will be shown as 4th column in 1st row of footer area. You can set how many columns you like to show from "Motelin Options > Footer Settings" section.

Second Row Widget Area:

• Second Footer - 1st Widget Area: This will be shown as 1st column in 2nd row of footer area. You can set how many columns you like to show from "Motelin Options > Footer Settings" section.
• Second Footer - 2nd Widget Area: This will be shown as 2nd column in 2nd row of footer area. You can set how many columns you like to show from "Motelin Options > Footer Settings" section.
• Second Footer - 3rd Widget Area: This will be shown as 3rd column in 2nd row of footer area. You can set how many columns you like to show from "Motelin Options > Footer Settings" section.
• Second Footer - 4th Widget Area: This will be shown as 4th column in 2nd row of footer area. You can set how many columns you like to show from "Motelin Options > Footer Settings" section.

You can also change the column view of the Footer widgets. Just go to Admin > Motelin Options > Footer Settings section and change the "Select Footer Column layout View" option:

Motelin theme provides some built-in widgets that you can use quickly without any external plugins.

1. Advanced Search Widget: This widget searchbar with categories of products.
   
2. Motelin All Post List Widget: This widget will show post of Group list.
   
3. Motelin Category/Group List Widget: This widget will show Category (Taxonomy) of Group list.
   
4. Motelin Contact Widget: This widget will show Contact details.
   
5. Motelin Flickr Widget: This widget will show Flickr photos.
   
6. Motelin Recent Posts: This widget will show recent blog posts.
   

Sidebar

There is special settings box in page section (screenshot given below). You can select custom sidebar in the Left Sidebar and Right Sidebar options. The "Global" option will show widgets set in Widgets section.

Sidebar option in Motelin Opitons

To change sidebar settings, go to Motelin Options > Sidebar in your admin panel.

Unlimited Sidebars

With Motelin theme, you can easily create unlimited sidebars and assign them to any page or post. We described all steps to use custom sidebar feature. Please follow steps given below:

• First we need to create some custom sidebars from Motelin Options. So just go to Motelin Options > Sidebar Settings section from your admin panel. Here you will find "Custom Sidebars" option. Just fill the sidebar name and save theme options. To add more sidebar, just click on "Add New Sidebar" button and add more.
  
• Now the sidebar is created, we need to

Custom created sidebars can be used on any Page. The custom created sidebars are available on all Pages to select. See screenshot given below:

Page Options

On each page you'll see a Theme Options , located below the page content editor. This metabox includes various options to control the Page Single view Elements Options on each page.

Create a New Page

Step 1: Navigate to Pages in your admin sidebar and click Add New option.

Step 2: Enter a new name for your page, then find the Page Attributes box on right side to set your Parent or Template page.

---

Page Options

Here includes various options to control Some Elements Options on each page.

Use Elementor Page Builder to Build Page

Step 1: Choose Edit With Elementor to edit your page.

Step 2: Choose Add Element to start adding our premade elements to your new page.

How to Change Page Title

Step 1: Go to Pages > All Pages. Then point at the page you want to edit. You will see the Quick Edit option.

Step 2: Edit the title as you want. Delete the current slug. Then hit Update. It will automatically generate new slug for your page.

You can also edit some other options such as parent, template, status... If you want to edit more options, hit Edit instead of Quick Edit.

Setting on the Pages

Pages are main part of the WordPress and this makes the WordPress a solid CMS tool. You can manage all pages from Admin > Pages section. If you are absolutely new to Wordpress, please check the Overview with WordPress.

Note: Once the page is created, it should be added to menu via Appearance > Menus if you'd like it to appear in the navigation on website frontend. There are two menu positions Navigation Menu and Footer Menu. The rest of this section is devoted to page templates available within the theme and the custom options provided.

Page Options

A number of custom options is available for any page created. Once you are in a specific page in admin panel, scroll down until you see the custom options block illustrated in below Screenshots. We will go through options one by one:

Topbar Settings

• Show Topbar: If you want to show or hide Topbar (only on this page) then check this option.
• Background Color: Please select color for background of the Topbar (only on this page). There are some pre-defined colors but you can also select custom color (via color picker) too. Just select "Custom" in this option and the color picker will appear.
• Text Color: Please select color for text in the Topbar (only on this page). There are some pre-defined colors but you can also select custom color (via color picker) too. Just select "Custom" in this option and the color picker will appear.
• Topbar Left Content: Write content for the left side area in the Topbar. (only on this page).
• Topbar Right Content: Write content for the right side area in the Topbar. (only on this page).

Titlebar Options

• Hide Titlebar: Check this box to hide the Titlebar.
• Page Title: (Optional) Replace current page title with this title. So Search results will show the original page title and the page will show this title.
• Page Subtitle: (Optional) Please fill page subtitle
• Titlebar Background Options: Select background color or image for the Titlebar. You can set any any option related to background from here.
• Titlebar Font Options: Select text color or font family For the Titlebar.
• Titlebar Text Align: You can change global options for this. You can align text like Left, Right etc.
• Titlebar Height: Set height for Titlebar. You can change global options for this.
• Hide Breadcrumb: If you want to hide breadcrumb then check this option

Slider Area Options

• Select Slider Type: Select slider which you want to show on this page. The slider will appear in header area. When you select "Slider Revolution" then it will show you dropdown of the slider you created in "Revolution Slider". When you select "Nivo Slider" or "Flex Slider" then it will show you dropdown of the slider group you created.
• Slide Size: Select slider width size.

Sidebar Widget Options

• Left Sidebar: (Optional) Select your custom sidebar for left sidebar area.
• Right Sidebar: (Optional) Select your custom sidebar for right sidebar area.
• Sidebar Position: (Optional) Select position for sidebars.

Note: You should read about the Sidebars / Widgets section to understand more usage of this box.

Setting the Slider

We are providing Revolution Slider and any custom slider (shortcode based) support with our theme. The Revolution Slider plugin is bundled with our theme so you don't need to buy it separately. This plugin should be installed during all plugin installation. You can add slider in any page/post. The option is looks like this:

Revolution Slider

The Revolution Slider is enabled by the "Revolution Slider" plugin. This is third party plugin (not developed by us).

Make sure you created or imported some sliders in Revolution Slider plugin. You can read "Revolution Slider" plugin documentation online to learn how to create slider.
Click here to read it.

Here we described how to select the slider for the page/post. First, edit the page (in backend admin section) or post on which you want to show slider. Then scroll down and you will see the slider box. Just select "Revolution Slider" option. Then you will see two new options. Select slider in first option and then select how you like to show the slider like "Boxed" or "Wide" view. See screenshot given below:

Custom Slider

You can install any third party slider plugin and show the slider using their shortcode too. We are providing option where you can paste shortcode and it will appear in header area.

Just install the plugin and create slider in it. Then copy it's shortcode and paste it in the custom slider box shown in below image:

Setting One-page website

Overview with one-page website

Setting one page website is easy. Just follow the steps given below:

• First you need to set one-page website. Go to Admin > Motelin Options > Layout Settings and enable it by setting it as ON in One Page Site option.
  
• Now we need to create one page with different IDs and set link for it. Follow steps given below:
  
  
  

  Set link in Appearance > Menus like this:

  

Setting "Home" link for one page

You need to create a new custom link and add #tm-home as link. This will scroll to top when clicked and also activate Home link in menu.

Elementor Setting

To learn basics of "Elementor" plugin, please read "Elementor" documentation online by clicking here.

Step 1 - Log in to your WordPress Administration Panel (Dashboard)

Step 2 - Click the Elementor -> Settings

Step 3 - You will see all tabs for setting of elementor , in General tab

Step 4 - In Advanced tab you will see all Method style

BA Book Everything - Requirements

Motelin is integrated with BA Book Everything plugin. You can view this plugin Here
BA Book Everything plugin – the really fast and powerful Booking engine with management system for theme/site developers to create any booking or rental sites (tours, hostels, apartments, cars...)

Minimum Requirements

• Latest version WordPress
• PHP 7.x+
• MySQL version 5.6 or greater (MySQL 5.6 or greater is recommended)

Automatic Installation

To do an automatic install of BA Book Everything, log in to your WordPress dashboard, navigate to the Plugins menu and click Add New. In the search field type “BA Book Everything” and click Search Plugins. Once you’ve found our Booking plugin you can install it by simply clicking “Install Now”.

Manual Installation

The manual installation method involves downloading our Booking plugin and uploading it to your webserver via your favourite FTP application. The WordPress codex contains instructions on how to do this here

BA Book Everything - Settings

Motelin is integrated with BA Book Everything plugin. You can view this plugin Here
BA Book Everything plugin – the really fast and powerful Booking engine with management system for theme/site developers to create any booking or rental sites (tours, hostels, apartments, cars...)

1. General Settings

At the beginning you have to configure booking engine from BA Settings menu. Most of the settings can be used with their default values. But some of them you may want to change.

1. Date format – d/m/Y or m/d/Y.

2. Booking object post slug – set the word from your business, like apartment, tour, etc.

3. Booking object singular name, general (plural) name and menu name – to customize the page titles on the dashboard.

4. Select search result page – Create page search result with Elementor ( BA Search Results Element Elementor)

5. Service pages – you could select own pages instead of those installed by the plugin.

6. Checkout pages – you could select own pages instead of those installed by the plugin.

7. Confirmation page – you could select own pages instead of those installed by the plugin.

8. My Account page – you could select own pages instead of those installed by the plugin.

9. Terms & Conditions page – you could select own pages instead of those installed by the plugin.

10. Admin page for order confirmation – you could select own pages instead of those installed by the plugin.

11. Archive Booking: posts per page – number posts per page ( page archive booking).

2. Currency settings

3. Confirmation

Confirmation front-end messages – edit default confirmation messages on Confirmation tab

4. Emails

BA Book Everything plugin creates nice html notification emails. Add your company logo image, header image, footer and credits text on Emails tab.

5. Google Map API

To set up your personal API key, map zoom and marker.

BA Book Everything - Setup Environment

Motelin is integrated with BA Book Everything plugin. You can view this plugin Here
BA Book Everything plugin – the really fast and powerful Booking engine with management system for theme/site developers to create any booking or rental sites (tours, hostels, apartments, cars...)

1. Booking rules

The booking rules differ depending on the business. For example, you have to set basic booking period on “1 day” for car rental, “1 night” for apartments, or “recurrent custom” for bookings.

Use booking mode option to define what you rent: whole “object” like rooms, apartments or cars, “places” in hostel or “tickets” for tours. Note, that age categories for prices will not used with “object” booking mode.

" Motelin theme use Hotel rule for Hotel booking. "

2. Ages

If you want to set prices based on the age of the customers, you have to add all ages as terms in the Ages taxonomy. Note, that “order” meta field is required. It defines the main age for basic price calculation. With the smallest number will be the main age (usually – adult), others will be sorted by ASC.

3. Taxonomies

You could create different custom taxonomies (Features, Amenities, Activities, Destinations, etc.) from “Taxonomies” menu to use with the Categories on the next step. Each taxonomy is created first as a term. Then, after updating the web page, the taxonomy appears in the main menu of the plugin with its name.

4. Categories

The basic post configurations are created as terms in “Categories” taxonomy for use as templates in our booking objects. You should define here booking rule, taxes, additional services, questions & answers, other taxonomies, step by step description and Google map integration. You could create as many categories as you need.

The plugin requires at least one configured category to be used in the booking object post creation, Motelin theme uses Tour category for all tours

5.FAQ

The plugin allows you to add Questions & Answers to your booking object page in a simple way, by creating FAQ posts and selecting them when editing a booking object post.

6. Additional Services

In a similar manner you could create additional services to sell them with bookings. Service price could be calculated per Booking, per Person, per Day, per Night, per Person/day or per Person/night. This can be one common price for all ages or a different price by age.

BA Book Everything - Page & Layout Template

Motelin is integrated with BA Book Everything plugin. You can view this plugin Here
BA Book Everything plugin – the really fast and powerful Booking engine with management system for theme/site developers to create any booking or rental sites (tours, hostels, apartments, cars...)

BA Book Everything - Single Booking Page

You can edit a single booking template this way:

You will see the editor Elementor of a template like this:

Single Booking Template includes elements:

1. Search form

2. Booking form

3. All items

4. Related items

5. Item price

6. Items rating

7. Item slideshow

8. Item calendar

9. Item Questions & answer

10. Item Description step-by-step

11. Item Address map

12. Custom section

13. All other elementors elements

Demo pages

https://www.themetechmount.com/motelin/blog/to_book/standard-deluxe/