HOTEL Documentation

Modern & Responsive Hotel & Resort Drupal 9 Theme

Introduction

Hotel theme comes with 3 clean, modern and creative demos that will attract visitors and spark their interest in your hotel, resort, bed, breakfast or any other accommodation services.

Setup and implementation

HOTEL is a Drupal 9 distribution, provide features and functions for hotel, resort, rental property, apartment, hotel booking, hostel, bed and breakfast, villas, guest houses, vacation, chalet and any other accommodation type.

With many contributed modules, theme, and pre-defined configuration. It make it possible to quickly set up your new website in fewer steps than if installing and configuring elements individually. Following steps will guide you through the installation process.

1. Extract the downloaded file [product-hotel.zip], you will find four files:

  • hotel.zip
  • hotel1.sql.gz
  • hotel2.sql.gz
  • hotel3.sql.gz

2. Extract the file [hotel.zip], it contains all drupal files.

3. You need to set the correct name of your public data directory, this depends on the kind of server you're using. I mention some examples here it may be:

  • In case you're using a local XAMP on Windows, the server root folder is C:\xampp\htdocs\ ;your public data directory is [htdocs]
  • In case you're using a local AppServ on Windows, the server root folder is C:\Appserv\www\ ;your public data directory is [www]
  • In case you're using a local MAMP on OSX, the server root folder is Aplications/MAMP/htdocs/ ;your public data directory is [htdocs]
  • In case you're using a remote/local WebServer on Linux, the server root folder usually is /home/user/public_html/ ;your public data directory is [public_html]

if your public data directory is [public_html] move to step 4, if not you have to:
A- Edit /composer.json file and find extra section:

          
            "extra": {
              "installer-paths": {
                "public_html/core": ["type:drupal-core"],
                "public_html/libraries/{$name}": ["type:drupal-library"],
                "public_html/modules/contrib/{$name}": ["type:drupal-module"],
                "public_html/profiles/contrib/{$name}": ["type:drupal-profile"],
                "public_html/themes/contrib/{$name}": ["type:drupal-theme"],
                "drush/Commands/{$name}": ["type:drupal-drush"]
              },
              "drupal-scaffold": {
                "locations": {
                  "web-root": "public_html/"
                  }
                }
              }
          
          
        

B- Change public_html, to your public data directory, for example htdocs. So /composer.json become:

        
          "extra": {
            "installer-paths": {
              "htdocs/core": ["type:drupal-core"],
              "htdocs/libraries/{$name}": ["type:drupal-library"],
              "htdocs/modules/contrib/{$name}": ["type:drupal-module"],
              "htdocs/profiles/contrib/{$name}": ["type:drupal-profile"],
              "htdocs/themes/contrib/{$name}": ["type:drupal-theme"],
              "drush/Commands/{$name}": ["type:drupal-drush"]
            },
            "drupal-scaffold": {
              "locations": {
                "web-root": "htdocs/"
                }
              }
            }
        
        
      

C- You need to regenerate autoload declarations, for that you need composer installed on your machie you can get it from https://getcomposer.org/. To refresh autoloading from composer, run command:

          
          composer dump-autoload
        
      

D- Rename /public_html to /htdocs.

4. Import the database to your server:
Now it’s time to import the database. First, make a new MySQL database on your server in order to import the database. Take a note of the “database,” “username,” “password,” and “host” — you'll need soon.
To make the import, open your new database, click "Import" at the top, click "Choose file," select one of the files:

  • [hotel1.sql.gz] for hotel1 the first variation
  • [hotel2.sql.gz] for hotel2 the second variation
  • [hotel.sql.gz] for hotel3 the third variation
and hit “Go.”

5. Configure the settings.php
Now go to the [your public data directory]/sites/
you will find these three folders:

  • /hotel1
  • /hotel2
  • /hotel3
change the name of the folder with the variation name you choose to [default], you can delete the two other folders.
Now go to [your public data directory]/sites/default/ folder and open the [settings.php] file. Find the lines for the “database,” “username,” “password,” and “host” and write the new ones there.

6. Import the files to the server
Now it’s time to upload your site’s files to your server. This can be done via an FTP client. Connect there and upload the files to your server. please respect the directory structures.

7. Now you can visit your new website. You can login with the admin account [username: admin / Password: admin]

8. Is it too complicated for you, contact us and we will assist you with pleasure.

Customize appearance

To customize your website, you should visit the theme configuration page: /admin/appearance/settings/hotel1 [2 or 3]

Change Site Logo

This is one of the first things you'll want to do when you have HOTEL installed. Here I show you how:

1. Browse to /admin/appearance/settings/hotel1 [2 or 3]
Scroll down to the section named "Override Global Settings" then "Logo image" tab.

2. Browse for your logo file locally. Once you find it, select it, and click “Save Configuration” at the bottom of the page. It will be uploaded to your webserver and will replace the default one.

It's done.

Managing Content

Drupal is a powerful cms, so Managing content must be very easy:

Add a new Feature/Tag

HOTEL use Feature/Tag as taxonomies, to add/edit/delete a Feature or Tag:
1. Brows to /admin/structure/taxonomy
2. Click on "list terms"
3. add/edit/delete a feature or tag.

Add a new Node

1. Brows to:

  • /node/add/room to add a new room
  • /node/add/service to add a new service
  • /node/add/slideshow to add a new slideshow
2. Fill in the form by the node informations.
3. Click save.

Edit About page

1. Brows to About page from the main menu or by clicking on [READ MORE] from the front page
2. Click on Edit tab
3. Fill in the form by the node informations.
4. Click save.
This is the same method to edit all the node in Drupal.

Edit Contact page

1. Brows to /node/40
2. Click on Edit tab
3. Fill in the form by your contact informations.
4. Click save.

Best Photo Dimensions

The website will automatically try to resize specific images for you, however it’s always good to have the image the way you want it before uploading.

Slideshow image: 1920px X 1280px
Room image: 1200px X 900px
Service image: 1920px X 1280px