Tags

bleute, spa, shop, booking

Overview

A Premium WordPress Theme by Beautheme

Thank you for purchasing our theme. This file is really helpful for you if you have any question about our theme, and please feel free to contact us via our user page contact form here.

This version includes online shop, plugins updated, change the folder’s structure to optimise website.Specially, This spa theme was designed with a full-featured spa, shop, booking.

In this user guide you will find all required information to get your site up and running: starting from theme installation and setup, to usage of different post types, page templates and shortcodes.

Our themes are compatible with the WordPress versions 4.5.2 or higher ( PHP 5.2.4 or higher, and mysql 5 or higher).

Most JavaScript enabled Browsers will make them work with no issues. They are designed and optimized for desktops, tablets and smartphones.

Currently we are testing themes in:

  • Google Chrome (Mac and PC)
  • Firefox (Mac and PC)
  • Internet Explorer 11 and later
  • Safari (Mac and PC)

 

 

Installing WordPress

WordPress is well-known for its ease of installation. Under most circumstances installing WordPress is a very simple process and takes less than five minutes to complete. Many web hosts now offer tools (e.g. Bluehost, mediatemple) to automatically install WordPress for you. However, if you wish to install WordPress yourself, click below button to read about Famous 5 Minute Installation.

 

IMPORTANT!!!

  • Some of the images included in the demo site are for showcase only and not distributed in the package.
  • Server requirements: PHP 5.3 or greater, max_execution_time 120, memory_limit 64M, post_max_size 32M, upload_max_filesize 32M, allow_url_fopen ON.
  • Check to ensure that your web host has the minimum requirements to run WordPress
  • Always make sure they are running the latest version of WordPress
  • You can download the latest release of WordPress from official WordPress website
  • Always create secure passwords FTP and Database

 

Disclaimer
Please note that we do not give support or any questions related on how to install and maintain wordpress. For any faulty installation that may cause your website or our theme malfunction you should refer to wordpress support forum. Alternatively you can get help from your web hosting.

Theme Installation

Manual Installation

Install your wordpress page.
After install your wordpress page, install the nexttop theme follow this step.
Login your dasboard with your username and password, in the left menu Choose Appearance -> Themes

install-1

 

After themes choose add new and then Upload theme

Choose file bleute_install.zip Unzip from Themeforest download pagkage (Do not unzip it one more time.)

 

 

chose-new-theme

active-new-theme

Install require plugins

Nexttop  theme require you to activate some plugins for it, click the link Begin Intalling plugins you will see all the plugins require and recommend for this theme and follow the step

 

 

active-require-plugins

After install all plugin, please set image size for product:

+ Go to admin -> WooCommerce -> setting
+ Click tab Product -> Click tab Display
+ Set Product Images like image

 

 image-size-pro2

image-size-pro

Importing Sample Content


If you want quick setup for your website, you can import our  sample data, here the step how to import sample data :

  1. Login to WP-admin.
  2. Go to Themes option => Demo imported menu and choose demo you want.

Import content style you want to demo.

+ We have 7 demos for this theme.

 

Static Front Page

By default the front page (“Home“) of your WordPress site will display your latest posts. You can change this so readers see a static page instead, and can view your posts on a different page.

  1. Log into your WordPress Dashboard.
  2. Click on Settings > Reading.
  3. Choose the radio button labeled A static page (select below).
  4. Choose your Homepage for Front Page, and choose your Blog page for Posts Page.
  5. All done. Your Blog is now fully functional.

After making these changes, posts will no longer show on the front page of your blog. The static page "Home"will show there. Visitors will need to click on the link to "Posts" page to see your posts.

 

Main Menus

After creating your menu(s) select in the Theme Locations section. You can display a single menu in multiple locations.

  1. Log into your WordPress dashboard and click on Appearance > Menus.
  2. Enter a Name for your Menu and click on Create Menu.
  3. Add Pages to your menu by checking off the check boxes and hitting Add to Menu
  4. To re-order the pages of your menu items simply drag and drop them into place.
  5. After your menu is completed hit Save Menu.
  6. After Your menu is saved you’ll need to choose your navigation from the dropdown list under the ‘Theme Locations’ section.
  7. Hit save and you are all complete. Your menu is now setup.

max-mega

 

Beside, You need to setup menu mobile

 

mega_menu_3

 

 

Theme Options

Go to Appearance > Theme Options in your WordPress admin to access the theme options panel. You can also backup your theme options by clicking on the backup tab. That is a great way to move your custom options from site to site. See below for screenshots of our theme options panel.

 

 

General settings

General settings:

general-setting

 

 

+ Upload logo: You can upload your logo to show in website.
+ Change website color: You can change the color of the website with 4 colors available.
– Blue (default)
– Brown
– Pink
– Dark

 

This color will change in all content of the website.
Brown

 

brown_color

brown_color_2

Dark

 

dark_color dark_color_2

 

Pink

 

pink_color_2 pink_color

Also if you just want to change the color of only one page or 4 color for 4 custom page, it’s possible with bleute!. We have one option header on the page.

 

color_page

menu-setting

Shop setting

Shop setting

shop-setting

 

Page shop options

 

page-shop-setting

 

You can choose style product of page shop, we have 3 style for this options

+List grid

list_grid_default

list_grid_default1

+List grid custom:

list_grid_custom

list_grid_custom1

+Full

 

list_grid_full

 

Blog setting

Blog archive option

archive-option

Blog single option

single-option

Social setting

Social setting

 

social

 

Mailchimp API

 

mailchimp

Typo setting

Typo setting

Typo

Custom header

header

Custom footer

 

footer

Widget sale footer

 

theme_options_7

Demo import

Demo import: these options apply to import sample content

IMPORTANT!!!

  • Some of the images included in the demo site are for showcase only and not distributed in the package.
  • Server requirements: PHP 5.3 or greater, max_execution_time 120, memory_limit 64M, post_max_size 32M, upload_max_filesize 32M, allow_url_fopen ON.

 

import-options-theme

 

Importing Demo Content Fails. What To Do?

 

Import/Export options

Import/Export

 

theme_options_8

 

Widget Area

Login your dasboard with your username and password, in the left menu Choose Appearance ->Widgets

 

 

widget

Postype

Service post type

vc-service-style-04

 

Login your WordPress dashboard click on Service -> Add new

 

service_post

Menu post type

vc-menu-style

 

Login your WordPress dashboard click on Menu -> Add new

 

menu_post

 

menu_add_post

Membership post type

vc-membership-style

 

Login your WordPress dashboard click on Membership -> Add new

 

membership_post

 

membership_add_post

You can add as many custom fields for each membership.

Gallery post type

vc-gallery-style

 

Login your WordPress dashboard click on Gallery -> Add new

 

gallery_post gallery_add_post

Experts post type

vc-experts-style

 

Login your WordPress dashboard click on Experts -> Add new

 

experts_post experts_add_post

Element visual composer

To Use The Element visual composer Generator, Follow The Steps Below
  1. Open a page or post and go to the Visual Composer editor
  2. Click Add new element button
  3. In the popup window, select “Beau Theme” tab
  4. Select an element from list

vc_step_active vc_step1 vc_step2

 

vc_step3

You can select the elements you want to use.

Service element

This element allow you to add detail about service

Style full left

service-element-style-01

Style full right

 

service-element-style-02

 

Style center

 

service-element-style-03

 

Style icon

 

service-element-style-05

Style odds

 

vc-service-style-04

Set service

 

service-element

You can set color for element:

 

service-style

History element

This element allow you to add text and image about history

Style center

history-element-style-02

 

Style full

history-element-style-01

Style half

 

history-element-style-03

 

Set history

 

history-element

 

You can set color for element:

 

history-style

 

 

Experts element

vc-experts-style

Set experts

 

experts-element

 

You can set color for element:

 

experts-style

This element allow you to add text and image about shop

 

Style 4 images

 

gallery-element-style-01

 

Style 6 images

gallery-element-style-02

Set gallery

 

gallery-element

Product element

This element allow you to add text and image about shop

Style product have background

product-element-style-01

Style product don’t have background

product-element-style-02

 

Style product slide

product-element-style-03

Set product

product-element

You can set color for element:

product-style

Blog element

 

 

blog-element-style

Set blog

 

blog-element

 

You can set color for element:

 

blog-style

Service-page element

service-page-element-style

 

Set service-page

 

service-page-element service-style

vc-menu-style

Set menu

menu-element

Opentime element

opentime-element-style

 

Set opentime

 

opentime-element

 

You can set color for element:

 

opentime-style

Paragraph element

Style left

paragraph-element-style-02

Style center

paragraph-element-style-01

 

Style paragraph

paragraph-element-01 paragraph-element-02 paragraph-element-03

Subcribe element

subcribe-element-style

Set subcribe

 

subcribe-element

Style left

banner-element-style-01

Style right

 

banner-element-style-02

Style small left

 

banner-element-style-03

Style small right

 

banner-element-style-04

Set banner

banner-element

Language

 

Mega menu

Import data Mega Menu

+ Open file Data_megamenu.xml -> copy content.
+ Mega Menu -> Tools -> Import Theme -> Paste content -> Click import theme.

mega-menu

 

Choose main menu for Mega menu

+ Go to Admin -> Appearance -> Menus
+ On dropdown Select a menu to edit, choose menu you want to make main menu.
+ Scroll down page, on menu settings check main menu.

mega_menu_3

 

+Scroll up to top and set menu like images. Set theme of menu is: Megamenu Bleute

 

max-mega

Setup and using it follow on this link: https://www.maxmegamenu.com/documentation/

Masterslide

Setup and using it follow on this link: http://masterslider.com/doc/wp/

Once again, thank you so much for purchasing our theme. If you have any question relating to the themes on ThemeForest, please contact us, we will try our best to solve it for you..

Beautheme

Booking

Note: Please buy  plugin Bookly at here to to use booking service .

Booking

Booking-2 Booking-3

More item from Beautheme