Tags

admin / charts / dashboard / photoshop psd / template / web design / website app / disconnect / earth / empty / no network / plane / satellite / space / wifi

4.4.2

Visual Composer 4.9.x, Bootstrap 3.x

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. Besides, It also have more pages (shop, landing, event) and layouts (hiphop, DJ)

To update version 2.0, please use the newest WooComerce version, WordPress version, server configuration (upload maxfile size from 60MB)

Before updating the new version, please backup data, the cerrent theme version you are using (hugo 1.0.2), and all plugins you are using (beautheme-hugo (Hugo postype and function) version 1.0.2)

After uninstall these plugins, please go to theme folder and delete the theme. After that, you install the new version 2.0

After setup theme and required plugins, please follow this direction to setup thumb image for products and website

Media configuration in Setting -> Media

setting-media Woocommerce settingwoocommer

Theme Installation

Manual Installation

Unzip the file hugo_install.zip Unzip from Themeforest pagkage download and copy the folder you has been unzip upload to /wp-content/themes/

Install require plugins

Hugo 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

 

Automatic installation

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

chose-themes

After themes choose add new and then Upload theme

chose-new-theme

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

active-new-theme

After install success click Active

 

Importing Sample Content

If you want quick setup for your website, you can import our xml data sample that included in theme package that locate in sample data folder, here the step how to import sample data :

  1. Login to WP-admin.
  2. Go to Tools => Import menu and choose WordPress.
  3. In upload field choose the xml sample data and upload it.
  4. Now you need to configure Appearance > Themes option. theme options.

Import content style you want to demo.

Import simple setting with Json file, you can copy our json text and then paste it in the page option import.

We have 5 demo setting for 5 style in 5 folders:

  1. Light – default style
  2. Dark – dark style
  3. Formal – formal style
  4. Classic – classic style
  5. Pastel – pastel style
  6. Dj – DJ style
  7. Hiphop – Hiphop style
  8. Landing – Landing style

In each style folder we has files for setting, simple data and slider

  1. data_demo.xml – Data demo
  2. page_options.jon – Simple page option
  3. slider.json – Demo slider

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.

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.

theme-menu

Build a simple page

  1. Login your WordPress dashboard click on page->add new
  2. Using visual composer for build page
  3. Choose your footer style (in this theme we have 2 type of footer view on sidebar & footer)
  4. Choose your template for this page (We have 4 template for build site view it on template type )
  5. Choose your section for build the page (about visual composer view it on visual composer

Visual Composer

This provide for you some element for build your custom page.
Our provide element:

 

Title section

This element allow you to create a simple title section with simple description

title-section

footer-widget

Footer with widgets (4 columns)

Footer one column

Footer one column

Single feature album

This element allow you to create a short description with single feature album.

single-feature-album

Show twitter message

This element allow you show the last twitter messages.

twitter-message

Show a detail album

This element allow you to create a section show a single album with list media.

 

detail-album

Play a video with popup

This element allow you to create a section show a single popup with your title message and a simple content.
You can s eparation title by characters $.

 

play-video-with-popup

This element allow you to show post under image format or video in slider, we have two option for this gallery square type or rectangle type

 

Gallery square

Gallery square

Gallery rectance

Gallery rectance

Members

This element allow you to show your members under the slider

 

members

Next tours & tickets

This element allow you to show products in list with button buy ticket or sold out.

next-tours-ticket

 

This element allow you to create an navigation everywhere you want to show.

 

Navigation

Form contact

This element allow you to create an navigation everywhere you want to show.

 

form-contact

Slider & playlist

This element allow you to show a slider with master slider and show a album playlist.

 

slider-playlist

Coming soon

This element allow you to show a section with countdown full view.

comming-soon

List post

Allow you to show post under two format list or default view.

 

default-post

Default post

News list

News list

Album list

This element allow you to show list album under grid and show a part of a page or not.

 

album-list

Row

This element allow you to create a section with container or not, with background parallax or not. You can setup it in the Design tab

With other element please read this document on this link Read document Visual Composer:http://vc.wpbakery.com/

 

Post & postype

Post

With this post we have 3 formats for it

format

With standard format you only choose it on feature news
With image format we have more option.

 

image-format

Choose your image upload from media or upload new file
Choose show on gallery this post will show on gallery section and not show in news page.

With video format we have same option but have filed embed format.

 

video-format

Embed allow you to embed video link and support at http://codex.wordpress.org/Embed
Chose show on gallery if you want it only show on gallery and not show on news page.

With audio format you can upload file mp3, oga, ogg file or type your url in filed Upload file. This format allow you to embed soundcloud too, you just copy soundcloud link and paste it in soundcloud embed.

 

 

audio-format

 

Album post type

This post type allow you to create a album for a post create it follow:
Login your WordPress dashboard click on Album -> Add new

 

create-album

Fill your album name, description, feature image, add more information. After add information you can add mp3 file for this album by click on Add row (you can choose multiple file and fill more information for it)

 

Member post type

This post type allow you create info of your member. Create new member:
In your wordpress dashboard click on Member -> Add new Fill your member name and some information in here, choose feature image (it will become avatar and show on your page) Album -> Add new

 

Product post type

Option one only show widget default follow our designed
Option two show custom widgets, for turn on custom widget you must chose Enable custom sidebar on theme option.

add-product

Sidebar we have two option
Option one only show widget default follow our designed
Option two show custom widgets, for turn on custom widget you must chose Enable custom sidebar on theme option.

enable-custom-sidebar

 

chose-default-footer

Or you can choose your footer when you create your page we have new option footer type for this page.

 

 

Theme option

Theme option allow you option your social link, custom show social icon on the page, choose your default footer, default sidebar and more and more option for your page, your website.

 

 

General option

theme-option-1

theme-option-2

theme-option-3

 

Social option

social-option

social-option-2

Import and export setting

import-export-setting

Other plugins

Masterslider

We are using masterslider for create slider, You can import our simple data for it or create new follow this document: http://masterslider.com/doc/wp/

 

Woocomerce

Hugo theme using woocomerce for show tickets and next tours for buy ticket we using woocomerce.
Setup and using it follow video on this link: https://www.youtube.com/watch?v=GzQrmke26cs
But with Hugo theme we fixed to show the ticket as our designed, for build this page only using visualcomposer for build it.
Setup Add to cart behaviour in Woocomerce -> Setting -> Add to cart behaviour check in checkbox named Redirect to the cart page after successful addition, and please uncheck checkbox named Enable AJAX add to cart buttons on archives.

 

cart-page

Don’t forget setup your cat page in Woocomerce -> Setting -> Check out and chose your cart page, check out page.

check-redirect

 

Mail chimp for Wordpress

Hugo theme using mailchimp for user subscribing in coming soon page if you want to show your coming soon page.
For using this plugin you mus have an account on mailchimp and get mailchimp api for setup ithttps://admin.mailchimp.com/account/api Setup it:
In your WordPress dashboard Click Mail chimp for WP and create new API, copy and pase Your API in Mailchimp Api key filed

More information for this plugin: https://wordpress.org/plugins/mailchimp-for-wp/

 

You can find repeat template in folder repeat-template

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

 

 

More item from Beautheme