Hugo Wordpress Theme Documentation

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 WooComerce

1. Theme Installation

a) 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

After themes choose add new and then Upload theme

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

After install success click Active

b) Manual Installation

Unzip the file 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

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.

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.

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)

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

We have two option for chose, you can chose it in theme option or when you create page we have option for chose your footer.
Footer with widgets you can chose 3 or 4 or more columns (max 10 columns)

Footer with widgets (4 columns)
Footer one column

Single feature album

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

Show twitter message

This element allow you show the last twitter messages.

Show a detail album

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

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

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 rectance
Gallery square


This element allow you to show your members under the slider

Next tours & tickets

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

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

Form contact

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

Slider & playlist

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

Coming soon

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

List post

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

News list
Default post

Album list

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


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:

3.Post & postype


With this post we have 3 formats for it

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

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.

Embed allow you to embed video link and support at
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.

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

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

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

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

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

Social option

Import and export setting

5.Other plugins


We are using masterslider for create slider, You can import our simple data for it or create new follow this document:


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

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

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 it 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:

Ajax loadmore

In this theme our using ajax load more for load more next tours and tickets Setup it follow step: In your Wordpress dashboard click Ajax Load More -> Setting(For style and loop template) setting follow this figure:

After setting click save setting
Repeat Template:
Click on Ajax load more - > Repeat template, copy and replace Default Template with our code

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


Copyright © 2015 Beautheme. All rights reserved.