Tags
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 BNB theme was designed with a full-feature.

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.

1. Install

1.1. Install Theme

To install this theme you must have a working version of WordPress already installed. For information in regard to installing the WordPress platform, please see the WordPress Codex – http://codex.wordpress.org/Installing_WordPress When you are ready to install a theme, you must first upload the theme files and then activate the theme itself. The theme files can be uploaded in two ways:

  1. FTP Upload: Using your FTP program, upload the non-zipped theme folder into the /wp-content/themes/folder on your server
  2. WordPress Upload: Navigate to Appearance > Add New Themes > Upload. Go to browse, and select the zipped theme folder. Hit “Install Now” and the theme will be uploaded and installed.

Once the theme is uploaded, you need to activate it. Go to Appearance > Themes and activate your chosen theme.

1.2. Install Required Plugins

This theme comes bundled with some plugins. They are :

  • Contact Form 7 – Used for contact form and newsletter signup
  • Revolution Slider– Create beautiful and creative slider
  • Bnb– Core of theme –  it contains the functionality and posttypes of this theme
  • WPBakery Visual Composer – Page builder – This plugin will allow you to build your page easily.
  • Woocommerce – Best WordPress Plugin for Ecommerce.

Please remember that all of plugins above is include with our theme. So you not need to purchase any more.

When you active this theme, you can download these plugins in the notice about requirement plugins in the top page.

next-plg-install

1.3. Setting up sample content (optional)

To help customers building pages faster, we also provide our sample data, which is included with theme package. (please note that this is work best at fresh WordPress installation ).
We provided a function that allow you to one click import demo, please go to this section to read about that.

2. Customizer (Theme option)

 

  • The Customizer is a framework for live-previewing any change to WordPress.
  • Our theme are totally compatible with it. You can see this option in : Appearance > Customizer > There are a lot of option to choose

2.1. General

There aro  two part in this option: logo option and setting

In logo option : user can upload main logo, sticky logo and footer logo.

click seclet file –> choose image –> click Save & Publish

By steps, uploading  logo is finished. You can see below picture.

In setting :

  • Enable smooth scroll : This option will make mouse scroll become smooth.
  • Enable go top : This option allows you back the top pages. When you turn off Enable go top, this button will disappear on footer.
  • Enable responsive : Theme is displayed on all screen sizes.

 

Change Header option :

Turn on Enable header fixed

Then,  in Header styles : click dropbox –> choose option 0 to option 3 –> click Save & Publish –> observe changes on  header (font of menu, color)

You can see below picture:

Change Footer option:

In Footer styles : click dropbox –> choose option 0 to option 3 –> click Save & Pubish –> observe changes on footer.

You can see here :

 

 

 

 

 

 

2.3. Styling

It shows the list of style for button. User can change color of button.

Click Styling –>  choose Button –> choose color –> click Save & Publish.

 

2.4. Social

Social link :

Click social link –> put your social link in these sections : (type url)

Social option :

  • Enable facebook share icon: allow share something on facebook
  • Enable twitter share icon: allow  share something on twitter.
  • Enable google plus  share icon: allow  share something via google plus.
  • Enable printerrest share icon: allow  share something on printterst.
  • Enable linked in share icon: allow  share links.

 

2.5. Blogs

There are 2 parts : Blog archive and Blog detail

In Blog archive :

Turn on Enable page title and Enable page description

Then , click dropbox –> choose Template full width or Template container –> click Save & Publish.

In Blog detail :

There are options for detail blog page : detail layout, title layout…

At each option : click dropbox –> choose option user want –> click Save & Publish.

To back default setting : click Reset button.

2.6. Shops

There are 2 parts : Shop archive and Shop detail

In Shop archive :

At Shop layout : Click dropbox –> choose option –> click Save & Publish.

In Shop detail :

Check if Enable share icon and Enable review turn on or turn off.

To back default setting : click Reset button.

2.7. Site identify

At Site icon : Click select image –> click image from media library or upload files

–> Select (If image size is too large, you must crop image) –> click Save & Publish.

You can see below picture :

2.8. Header and Background image

a. Header  image 

Click Header image –> click Add new image –> choose file from library or upload file –> Click Select and Crop (image size is large) –> click Save & Publish

b. Background image

Similarly,

  • at Background image : click Select image –> choose file from library or upload file –> Click Choose image –> click Save & Publish
  • at Preset : click dropbox –> choose setting for background image.

You can see here :

To delete background image, click Remove.

2.9. Menu

Click Menu, there will have options that user can change

Menu location : click dropbox –> choose option ( All page, All pages flat…)

–> click Save & Publish.

All page : click Add items to add page (Post , Gallery…)

Besides, user can add new menu by clicking Add a menu.

 

2.10 . Widgets

User  can change  sidebar  or footer:

At sidebar : to add widget by clicking add a widget –> choose widget –> click Save & Publish.

3.Page Option

Along with the Customizer, this theme provides another kind of option called Page Option.

  • When render the page, Page option will be prioritized over Theme option . 
  • You can use page option in Edit page.
    Please check the image in the right
  • With page option, you can change font type, header, footer style, logo,..

4. Page Template

  • Page Template is the useful feature that bring to you the ability to set up the specific pages easier (Just choose the template then save).
  • To understand Page Template, you can refer this article.
  • To use Page Template, in edit page, you will see the Template option in the right column (like this image)

5. Custom Posttypes

Custom posttype is the kind of post that serve for some specific business.
Create a custom posttype is similar to post .
Below I will show you how to create a custom posttype :

  1. In left column in admin panel

  2. Click Add New in post type name

  3. Set data for post type and then Save
posttype-createAdd new doc itemƯe

In our theme, we already created 7 types of post type that will be used when you build your pages.
They are :

  1. Personal : Allow you to set up your team member
  2. Gallery : Allow you to control your images
  3. Testimonial : Manage your testimonial, quotes.
  4. Service : Manage your service
  5. Portfolio : Manage your portfolio

 

6. Visual Composer Elements

Visual Composer is one of the most popular page builder plugin for wordpress.
With composer, you can build your page easier.
Our theme are fully compatible with this plugin, and we bring to your a tons of new elements.
Let’s me show you :

6.1. Empty Space

  • This element allow you to insert an empty space to your site.
  • Visual Composer already have this element.
    But we bring you a enhanced version of it, you can now make responsive for it with several options to manage it height in various screen size.
  • Please check the image in right

6.2. Booking popup

Setting up How does it it look ?
 

6.2. Instagram list image

This shortcode allow you to update your instagram images.

 

 

Setting up How does it it look ?
 

6.3. List FAQs

We also create FAQ element in case you need 😉

 

 

Setting up How does it it look ?
 

6.4. Cover image

You want to use header cover ?
Then go with it.

Setting up How does it it look ?
 

6.5. Text Description

This element allow you to create a description text with several styles to choose.

Setting up How does it it look ?
 

6.6. Icon text

not like Text description, this element allow you  to show your custom text, with icon added.
We also bring you a library of beautiful icons.

 

Setting up How does it it look ?
 

 

6.7. Text list

not like Text description, this element allow you  to show your custom text, with list added.

Setting up How does it it look ?
  

6.8. Text info

 

Setting up How does it it look ?
  
Opt 1

Opt 2 :

Opt 3:

OPt 4:

Opt 5:

Opt 6:

Opt7 :

Opt 8:

6.9. Testimonial

 

How does it it look ?
 This element will take your published Testimonial and show up.

Check the image to see how it look 😉

6.10. Blog

This element will show your posts as our styles 😉

Setting up How does it it look ?
 

6.11. Banner

Sometime you will need to use banner to style your site. We already provided some banner here :

 

 

Setting up How does it it look ?
 

6.12. Personal

You can use this element to show out your team.
This element will take data from posttype Personal, so you have to create first (admin panel > personal > add new)

 

Setting up How does it it look ?
 

6.13. Why Choose Us

Setting up How does it it look ?
 

6.14. Social

Setting up How does it it look ?
  

6.15. Service

Setting up How does it it look ?
  

6.16. Twitter

This element will allow you to update your tweets, but you have to set your Twitter API first .

Setting up How does it it look ?
      

Time to use gallery, did you create your own gallery ( admin panel > gallery > add new) ?
If not, you may need to create a new one before using this element.

Setting up How does it it look ?
 

6.18. Product

Product is post type come with WooCommerce plugin.
If you are managing e-commerce shop, you may need to use this element.

 

Setting up How does it it look ?
 

6.19. Pricing Table

 

Setting up How does it it look ?
 
Opt 1 Opt 2
 

6.20. Pricing table Raw

Setting up How does it it look ?
 

6.21. Count To

 

Setting up How does it it look ?
 

6.22. Video Embed

Setting up How does it it look ?
 

6.23. Sponsor

This section will allow you to show your sponsors , partner,..

Setting up How does it it look ?
 

6.24. Google Map custom

As you may concern that visual composer already have a map element.
Our google map element is the same but with more options.
Let’s try this, you will be fall in love.

It allow you to control your map style, size, customer ability.

7. How tos/Guides

7.1. How to use subscribe form

  • Subscribe form in footer is integrated with MailChimp
    So you have to create a Mail Chimp account first.
  • And then go to Appearance > Theme option > Social Setting > MailChimp API > Set your Mailchimp API + Group ID.
  • From now on, your subscribers will be added in your MailChimp account .

7.2. How to build page with Visual Composer

  • Visual Composer is one of top WordPress Page Builder Plugin.
  • If you are not familiar with Visual Composer, please watch the tutorial below :
  • Or you can go to the official website of this plugin here :

    Visual Composer Navigation Interface

8.3. Translate this theme

Using PoEdit

The translation file default.pot you can find in Translation Files folder in theme package. Edit the .po file using POEdit, use the translation field to make replacements. Read here how to do it right.

From the file menu, save file with your language name e.g de_DE.po. It will generate both a .po and .mo files for your translation. Place these files into languages folder /wp-content/themes/bebostore/languages.

Using Loco Translate (free)

This free plugin are very good. You can refer instruction in here : https://localise.biz/wordpress/plugin/beginners

Translation with WPML

Bebostore is WPML compatible theme that means you may translate template to the language you need. To start you need to purchase a recent version of WPML, including the String Translation and Translation Management modules.

Follow Getting Started Guide after core WPML plugins installation.

To begin translation go to WPML > Theme and Plugin Localization. Click on Scan the theme for strings and you will see theme strings and which ones are translated or not. Then select WPML > String translation and a list of the strings in the theme will be available. Choose the string you need to translate and press translation link to add translations to languages.

9. Update theme

Nothing stands still, the updates for WP and plugins are constantly released and they are included in our template.

We supplement our theme with new features and fix all the issues. Because of this our team regularly updates theme.

We recommend you always to use the last theme version to avoid the issues with incorrect template functioning.

While the theme update the theme files will be rewritten and if you made any changes directly in them, these changes will be lost.

So, if you are planning to customize your template, we insistently advise you to use Child Theme or Custom CSS area in Theme Options in case your changes affect only CSS styles.

The theme update affects only the theme files and does not influence the database. But, to avoid any difficulties, please, do the backup of theme files and database before any update.

Follow the steps below to update theme through FTP:
  1. Download the zipped package from ThemeForest and extract to your desktop.
  2. In the extracted package you will find archive bebostore.x.x.zip, which is the WordPress theme.
  3. Extract zip file and upload only extracted bebostore folder to /wp-content/themes/ folder on your server with overwriting.
  4. Check if you use the latest version of Bebo posttype and function plugin. Update, also, this plugin if your version is not up to date.
Update using Envato Market (Automatic Updates)

Envato Market is a plugin for automatic WordPress theme updates that provides fast, efficient updates to keep your theme bug free and compatible with the latest version of WordPress. Visit the Envato Market Github page to download the plugin zip file.

  1. Before you install the plugin, you should request your Envato API token.
  2. Install and activate it like any other plugin. A new menu item, “Envato Market,” will appear in the admin sidebar.
    Click on the sidebar link and enter your marketplace username and secret Envato API Personal Token.
    Click “Save Settings.” All of your theme purchases will now appear on this page after it refreshes.
  3. The plugin will now alert you to theme updates – so long as you check the toolkit settings regularly. Click on “install automatically” beside of your theme to automatically update them.
Update using Easy Theme Update plugin

You may also use Easy Theme Update plugin to backup your theme and upload the new version.

Please, re-save your Bebostore options after upgrading the theme. Navigate to admin panel > Theme Options and hit Save changes.

10. Getting support

Dear customers!
We strongly recommend to read this documentation attentively to save your time during further setting up of our theme.
In case you need support from us.
Please go to our support site and create ticket about your problem.
We will response within 24 hours (except holidays).
Thank you very much for purchasing and using our theme!
Have a nice day !

More item from Beautheme