Tags

nexttop, model, artis, agency, bookmodel, Beautheme

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 nextop theme was designed with a full-featured booking model.

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
  • Nextop postype and function– 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. Theme Option

This theme provide a lot of options that you can easier to modify.
In Admin panel > Theme options  , then you will see.
I will describe these option for you as below :

2.1. General Option

This section is for basic setup. That you can set your logo, go to top button,…

 

  • Upload logoUpload mobile logoUpload fixed header logo :
    to change the main logo , logo in mobile , logo fixed menu of your website.


  • Enable smooth scroll :
    This option will make mouse scroll become smooth.


  • Show main navigation :
    This option will allow you to hide / show the main menu.


  • Choose contact form booking profile :
    You can choose your custom contact form for your detail profile page. (Click to the button Booking in detail profile page, you will jump to this contact form) .
theme-option

 

CUSTOM HEADER :

If you want to change the style of header, here is the best place to do it.

 

  • Content layout – Choose your style for your header, below is a screenshot for each style :

    Default : 

    header-default

    Center :

    header-center

    Non-slide: 

    non-slide

    Transparent : 

    header-transparent

    Full : 

    header-full

    Homeslide : 

    header-homeslide

  • And you can control header more effective with rest options.
nextop-custom-header

 

CUSTOM FOOTER:

If you want to change the style of footer, here is the best place to do it.

 

  • Content layout- Choose your style for your footer, below is a screenshot for each style :

    Default:

     

    nextop-footer-default

    Transparent : 

    nextop-footer-transparent

    Footer-full : 

    nextop-footer-full

  • You can custom your footer text, color and background color by the rest options.
nextop-customfooter

 

2.3. Main menu setting

 

  • As you can see here, this is place that you can control typo of your menu (navigation).
  • We allow you to fully customize it, you can change font, size, style of menu item.

But if it’s not necessary, please don’t modify it. It may break our style, that’s what we don’t want 🙂

nextop-mainmenu

2.4. Styling option

This section allow you to change the styling. It contain 3 child sections :

  • Theme style setting : Change the body style
  • Button color : Change the button style
  • Sidebar color : Change the sidebar text style.
nextop-stylingoption

2.5. Blog option

This section have 2 child sections, option for single blog page and archive blog page.

Blog Archive Option (for archive blog page): 

  • Archive layout : To change the layout page, we provide 4 layout :1. Default  : Demo
    2. Sidebar : Demo
    3. Grid : Demo
    4. Sidebar Grid : Demo


  • Also, as you can see in screenshot, we provide a lot of option to enable/disable the page elements.
nextop-archive-option

Blog Single Option (for single blog page): 

  • This section is for single blog page.
  • You can disable the elements that you don’t want to show.
nextop-single-option

2.6. Social Setting

  •  This section allow you to put your social link to social button :
    social-link-front
  • If you leave social field to blank, social button will be disappear.
 option-social

2.7. Advance option

Allow you to turn on responsive mode.

2.8. Demo Importer

  • If you want to speed up building page. You can use this section.
  • This section will provide you a set of demos, just import the demo that you like.
  • Note : work best for fresh WordPress page.
nextop-demo-import

2.9. Import/Export

  • This section allow you to import or export the Theme option.
  • You should use this feature when you want to set option faster.

3. Page Option

Along with the Theme Option, 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,..
nextop-page-option-general

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)
nextop-page-option-general

 

Below is a list of pages templates that are included in this theme :

4.1.Template Architech

  • This template allow you to create creative page for your projects.
  • Because it will show your  projects so you may need to create your Project first (In admin > Project > Add new)

4.2. Template Archive

 

 

  • In case you want to display your archive in specific page, template archive will allow you that.
  • Please look at the video in the left, you will see 🙂

4.3. Template with sidebar

  • If you want sidebar in your web page, you can use Template choose sidebar .
  • Let’s check the tutorial video
  • Template gallery will show your gallery, so you have to create your gallery if you don’t have one (In Admin > Gallery > Add new)
  • Let’s check

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
Below are the list of post types that comes with our theme,
each post type have its own attributes and purpose.

Let’s figure out !!

5.1. Posttype Project

  • This posttype are used to save projects .
  • It can be showed as single page or element in Architech Template.
  • To create it, please see tutorial video in the right.

 

  • This posttype can be used to save your galleries.
  • It can be showed in :
    – its detail page.
    Template Gallery
    – Element in Visual Composer Builder (show single gallery , show list gallery)

5.3. Posttype Tour

  • Tour posttype will allow you to notice customer about your tours.
  • Tour post type don’t have its single page.
  • Tour post type will be used by Visual Composer Page builder (Element Show Tour and Show List tour)

5.4. Posttype Member

  • Member is a small posttype to save your team member.
  • It don’t have single page
  • Can be used in Visual Composer Builder with element “List Team Member” and “List Member”

5.5. Posttype Timeline

  • Posttype timeline is used to save your milestones , events, projects.
  • It don’t have single page
  • You can show it by Visual Composer Builder (Show Timeline)

5.6. Posttype Profile

  • This posttype is used to save the profile of artists or models .
  • To settup , please refer the video in the left

5.7. Posttype Cooperator

  • You can add your cooperator here and show it will element in VC Builder
  • It require only image cooperator , name and link to cooperator page.
postype-coop

5.8. Posttype Album

  • This posttype  is used to save albums
  • You can add multi local audio files to album

5.9. Posttype Testimonial

You can put all your feedbacks from your customers in here.
It will be used by Visual Composer.

6. Visual Composer Elements (Part 1)

Our theme are fully integrated with Visual Composer page builder.
We also provide you a bunch of  our creative elements, let’s figure it out :

6.1. About Text

How’s it look like Setting up
abouttext  

6.2. Show Slide album

How’s it look like Setting up
 

 

6.3. Banner with image

How’s it look like Setting up
 

 

6.4. Become model

How’s it look like Setting up
  • Title element : 
    — Looking for creative model —
  • Description element : 

    Lorem ipsum…

  • Text submit button :
    Give me a change
  • Link submit button :
    http://nextop.com/signup

 

 

Setting up How’s it look like
  • This shortcode will show all gallery images (Gallery posttype)
  • Just need to choose your gallery .

6.6. Show hight fashion

How’s it look like Setting up
 

6.7. List cooporator

How’s it look like Setting up
How’s it look like Setting up

6.9. List Member

How’s it look like Setting up

6.10. Show List Product by category

How’s it look like Setting up

6.11. Show List Tour

Setting up How’s it look like
This shortcode will show all your tours (Admin panel > Tours) , just need to set few things :

  • Title list tours  :
    SALE OFF 80% — DEAN’S TOUR
  • Description list tours :
    Best artist ever …
  • Link list tours to click :
 

fireshot-capture-11-test-page-test-next-top_-http___localhost_wp-test-nexttop_test-page_

6.12. Map Nexttop

Setting up How’s it look like
This shortcode will show google map, can be used in About page, Contact page,..

  • Icon map :
    Choose the icon for map.
  • Latitude of map 
  • Longitude of map

For lat and long, you can go to this page to get : http://www.latlong.net/

6.13. Show News (Posts)

How’s it look like Setting up

6.14. Show list product today

Setting up How’s it look like
This shortcode will show all your products
Option :

  • Title element :
    Today’s product
  • Select category (to filter by category)
  • Select product (to filter by products)
  • Number product show (to limit products show)
today-product

6.15. Profile Persional Page

How’s it look like Setting up

6.16. Profile tab category

How’s it look like Setting up

6.17. Profile

How’s it look like Setting up

 

7. Visual Composer Elements (Part 2)

7.1. Service Grid

How’s it look like Setting up
 

7.2. Short Paragraph

Setting up How’s it look like
  • This Element will show small text like the right picture.
  • There are only 3 option :
     – title
    –  content left

    – content right
 

7.3. Show Single Product

Setting up How’s it look like
  • This Element is similar to element Profile , but for Product.
  • Options :
    1. Select product show
    2. Image product left : Main image
    3. Show icon hot
    4. Content : Enter content for section
    5. Text button : enter text for button (Buy Now for example)
    6. Link view all : Enter link + text to view all.

7.4. Single Testimonial

Setting up How’s it look like
  • This Element is use to add a testimonial.
  • Options :
    1. Author
    2.Content
    3. Color (For testimonial)
    5. Text button : enter text for button (Buy Now for example)
    6. Link view all : Enter link + text to view all.

7.5. Show Slide images

Setting up How’s it look like
  • This Element will show a swiper slider.
  • All you need is choose images to show.

7.6. Static list image

Setting up How’s it look like
  • This Element will show list images.
  • All you need is choose images to show.

7.7. Show Testimonial

Setting up How’s it look like
  • This Element will show all testimonials from your site (Admin> Testimonial).

7.8. Text with social

Setting up How’s it look like
  • Options :
    1. Title.
    2. Description.
    3. Social Link

7.9. Show Time line

Setting up How’s it look like
  • This element will display your timeline.
  • Options :
    1. Title section timeline.
    2. Choose timeline (that available in Admin panel > Timeline).

7.10. Show title and description

Setting up How’s it look like
  • We mostly use this element to show header of sections .
  • Options :
    1. Title
    2. Description
    3. Enable bottom dot
    4. Enable bottom line

7.11. Show tours

Setting up How’s it look like
  • You can use this element to announce your tours, we do that too 😉
  • Options :
    1. Title tours
    2. Select tours
    3. Select featured tour

7.12. Show video

Setting up How’s it look like
  • This element will show youtube video or vimeo video with holder image.
  • Element Options :
    1. Option (set size of element )
    2. Image video (holder image)
    3. Url video ( choose embed link )

7.13. Contact Form

How’s it look like Setting up

7.14. Service about

Setting up How’s it look like
  • This element will show about text with left title and right content.
  • Options :
    1. Title left :
    2. Description left
    3. Title right
    4. Content

7.15. Single Item Service

Setting up How’s it look like
  • This element can be used to show  your services, each element will show 1 service, you can see picture in the right I added 8 service elements.
  • Options :
    1. Option style  (big or small ?)
    2. Title service
    3. Icon (image from your site)
    4. Short description
    5. No border (if you don’t want to show border here, then check it)

7.16. List Team member

Setting up How’s it look like
  • This element can be used to show your team (Member posttype , Admin panel  > Member)
  • Options :
    1. Title team
    2. Short description
    3. Select member show
    4. Number member show (limit the member)

7.17. Beau Instagram Show

Setting up How’s it look like
  • This element can be used to show pictures from instagram user.
  • Options :
    1. Title instagram
    2. Description instagram
    3. Instagram user (put your username here , for example beaucreative )
    4. Number image show

8. How tos/Guides

8.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 .

8.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.

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