Getting Started

Welcome To Heli

Hi,

It’s awesome to know that you decided to purchase HeliNo doubts, you will join our happy customers community in seconds!
Won’t make any mistake here, because our detailed documentation will guide you. Please be sure to check it out before getting started. We have outlined all kinds of necessary information and keep them easy-to-read-and-follow. Our themes are dedicated to WordPress platform, so we assume that you have already WordPress installed and ready to go.

demo

If you are unable to find your answer in this documentation, don’t hesitate to sign up & submit a support ticket to let our developer give you a hand

button

Don’t forget to provide your site’s FTP and WordPress Admin details. Our top-notch support experts are extremely enthusiastic to solve your issue as soon as possible, just give them a chance.

Enjoy your time here.

Cheers, ThemeMove.

Back To Top

Theme Requirements

To use Heli, you must be running WordPress 4.1 or higher, PHP5.4 or higher, and MySQL 5 or higher. We have tested it with Mac, Windows and Linux. Below is a list of items you should ensure your host can comply with.

  • 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 for FTP and Database.
Hosting is more secure when PHP applications, like WordPress, are running using your account’s username instead of the server’s default shared username (www or www-data). The most common way for hosting companies to do this is using PHP. Just ask your potential host if they run PHP or something similar.

Recommended PHP Configuration Limits

Many issues that you may run into such as: white screen, demo content fails when importing, empty page content and other similar issues are all related to low PHP configuration limits. The solution is to increase the PHP limits. You can do this on your own, or contact your web host and ask them to increase those limits to a minimum as follows:
  • Max_execution_time 180
  • Memory_limit 128M
  • Post_max_size 32M
  • Upload_max_filesize 32M

Back To Top

WordPress Knowledge Base

To install Heli – your powerful multipurpose WordPress theme, you must have a working version of WordPress already installed. If you need help installing WordPress, follow the instructions in WordPress Codex. Below are all the useful links for WordPress information:

Back To Top

What’s included

When you purchase Heli from ThemeForest, you need to download the Heli files from your ThemeForest account. Navigate to your downloads tab on ThemeForest and find Heli.

Heli download

(image is taken by one of our customer)

Click the download button to see the two options. The All Files and documentation contains everything, the Installed WordPress File Only is just the installed WordPress theme file.

Open your download package and you’ll see everything inside

heli

 

Back To Top

Heli’s Support System

All of ThemeMove’s item come with 6 months of included support and free lifetime updates for your Theme. Once the 6 months of included support is up, you have the opportunity to extend support coverage up to 6 or 12 months further. If you choose to not extend your support, you will still be able to submit bug reports via email or item comments and still have access to our online documentation knowledge base and video tutorials.

Envato clarifies item support here.

We have an advanced, secure ticket system to handle your requests. Support is limited to questions regarding the theme’s features or issues that are related the theme. We are not able to provide support for code customizations or third-party plugins. If you need help with anything other than minor customization of your theme, we suggest enlisting the help of a developer.

How To Start Receiving Support

Step 1Click Here To Create An Account, you will need your accession which can only be received after buying the theme from Themeforest.net.

Step 2 – Once you are signed up, you need to sign into our support center with your new account.

Step 3 – Follow these steps before you submit a support ticket.

Step 4 – To create a new ticket, hit New.

See how to take your purchase code:

Hit Download Tab then choose License Certificate & Purchase Code.

Heli download

 

Back To Top

Before Submit Your Ticket

Update: See this video to know how to troubleshoot WordPress in 60 seconds.

You should follow the steps below before submitting a new support ticket to help speed along your request. This is for your benefit and will help make the entire process more efficient. It’s very important.

Please Check The Following Before You Create A Ticket

  • Make sure you are running the latest version of Heli and the latest version of WordPress.
  • Always check the Important Update Information first – at the bottom, you’ll find out the change log section.
  • Check our Documentation for the answer to your question.
  • Disable any additional 3rd party plugins you may be using to see if it fixes the issue.
  • If you cannot find the answer to your question, fill out this form and our support team will help.

Back To Top

Installation

Theme Installation

After purchasing Heli, please download the package from ThemeForest. All you need to do is moving your mouse over your login name at the right top corner – after you log in ThemeForest, and then click Download. Here you will find all the items that you have purchased and click the Download > All files & documentation button next to Heli and save package on your computer.

Heli download

In the package, you can find things like documentation, licensezipped file with theme files and folder with theme files. Please unpack the whole package after downloading it from ThemeForest.

 

Install Theme via WordPress


Step 1 – Navigate to Appearance > Themes

theme

 

Step 2 – Click Add New, then click Upload Theme >> Choose File

add-new

upload-theme

choose-file

 

Step 3 – Navigate the .zip file on your computer and click “Install Now”

tmheli

install now

 

Step 4 – Activate the newly installed theme by going to Appearance > Themes and clicking the Activate button.

activate 2

IMPORTANT! After theme installation, at the top, you have a box with information about required and optional plugins. To install them and activate, please navigate to Appearance > Install Plugins section. You can discover plugin installation here.

 

Back To Top

Plugin Installation

After installing and activating Heli, you will see the message “This theme requires the following plugins” at the top of the page. You should click Begin installing plugins link.

required plugin

 

You will be redirected to Install Required Plugins page, here you will find all of the theme required & recommended plugins. To install them, just check all of them (or all of required plugins and some recommended plugins you like) and from the drop down select Install, then hit Apply. Once installed, do the same to activate them.

install

 

Required plugins

  • Essential Grid – All-purpose Grid Building Solutions that allows you to display various content formats in a highly customizable grid.
  • Projects by WooThemes – portfolio showcase management system.
  • Slider Revolution – Responsive WordPress Slider Plugin that displays your content the beautiful way. Whether it’s a Slider, Carousel, Hero Scene or even a whole Front Page, the visual, drag & drop editor will let you tell your own stories in no time.
  • ThemeMove Core – Core functions for Heli – as other ThemeMove’s Themes.
  • Visual Composer – Drag and drop page builder for WordPress. Take full control over your WordPress site, build any layout you can imagine – no programming knowledge required.

Recommended plugins

  • Contact Form 7 – Just another contact form plugin. Simple but flexible.
  • Loco Translate – provides in-browser editing of PO files used for localizing WordPress plugins and themes.
  • Mailchimp For WordPress – Add more subscribers to your MailChimp lists.
  • Testimonials by WooTheme –  A clean and easy-to-use testimonials management system for WordPress.
  • Woo Commerce – a favorite eCommerce solution that gives you complete control to sell anything.

Back To Top

Plugin Configuration

Essential Grid 

essential

Essential Grid is an all-purpose grid building solution for WordPress that allows you to display various content formats in a highly customizable grid. Possible applications range from portfolios, blogs, galleries, WooCommerce shops, price tables, services, product sliders, testimonials and anything else you can imagine.

 

 

 

Projects by WooThemes

projects (1) copy“Projects” by WooThemes is a clean and easy-to-use portfolio showcase management system for WordPress. Load in your recent projects, and display them on a specified page using template system, or via a shortcode, widget or template tag.

 

Revolution Slider

slider

Slider Revolution is an innovative, responsive WordPress Slider Plugin that displays your content in a beautiful way. Whether it’s a Slider, Carousel, Hero Scene or even a whole Front Page, the visual, drag & drop editor will let you tell your own stories easily.

 

Visual Composer

VC

Visual Composer for WordPress is drag and drop front-end and back-end page builder plugin that will save you tons of time working on the site content. You will be able to take full control over your WordPress site, build any layout you can imagine – no programming knowledge required. Moreover, now you can choose either work on a backend or move your page building process to frontend and instantly see changes you make.

After installing the Visual Composer please go to Visual Composer >> Role Manager and make sure to check the following check boxes under Post Types: page, tm_mega_menu. After making the changes please click Save Changes button.

Contact Form 7

contact7

Contact Form 7 can manage multiple contact forms, plus you can customize the form and the mail contents flexibly with simple markup. The form supports Ajax-powered submitting, CAPTCHA, Akismet spam filtering and so on.

Loco Translate

loco

The Loco Translate plugin provides in-browser editing of PO files used for localizing WordPress plugins and themes.

Mailchimp For WordPress

mailchimpMailChimp for WordPress helps you add more subscribers to your MailChimp lists using various methods. You can create good looking opt-in forms or integrate with any other form on your site, like your comment, contact or checkout form.

Testimonials by WooTheme

TidyRepoBanner

A clean and easy-to-use testimonials management system for WordPress. Load in what your customers are saying about your business, and display the testimonials via a shortcode, widget or template tag on your website.

 

Woo Commerce

woocommerce

An amazing eCommerce plugin that allows you to sell anything, beautifully. Built to integrate seamlessly with WordPress, WooCommerce is the world’s favorite eCommerce solution that gives both store owners and developers complete control.

 

 

 

Back To Top

Demo Installation

One Click Demo Installation

For your convenience, we have included an awesome feature:  One Click Demo Installation. If you are using this option, you don’t need to use .xml files.

All you need to do is going to Dashboard >> TM Heli Import section, hit Install and click on Ok.

one click

ok

 

Have a cup of coffee. The process is within minutes.

one click 2

 

When it’s done, you just have to click OK. That’s fun!

ok2

Choose the homepage you love

Go to Setting >> Reading  >> Front page and choose the page you like to be your front page then hit Save changes.

home

 

 

Back To Top

Common Issues & Questions

1. When I Activate The Plugins The Site Crashes

This is not a theme issue but a server configuration issue. If this ever happens it is most likely due to low PHP configurations on your server and it can be easily remedied by upping the values. Check out our Requirements For Heli post.

2. How Do I Update The Premium Sliders

All plugin updates, including the premium slider plugins (revolution slider, layer slider) are included with the new theme version. Since you purchased a theme that includes a license for these plugins, we have to issue plugin updates when we issue theme updates. The only way to update the plugins without getting a theme update is to purchase the slider plugins individually.

3. I Think The Problem Is From Your Theme

Let’s find out where the issue comes from with these easy steps:

  • Activate a new theme. If issue’s gone, it’s theme issue. Otherwise, come to the next step.
  • Deactivate all plugins. If issue’s gone, it’s plugin issue. You can inspect element to find out which plugin has problem. Otherwise, come to the next step.
  • Update WordPress with the latest version.
  • Contact to your host provider if all above steps can’t find the reason.

See this 60-second video for the detail.

Back To Top

Update

Before Updating

Some important notices before updating:

We recommend you have a current backup of your site including wp-content folder, wp-config.php file and .htaccess file and a copy of  WordPress database. If you don’t know how to take action, you can use several plugins such as UpDraft Plus and WordPress Backup Buddy. Moreover, you should backup ThemeMove’s theme options in Dashboard >> Appearance >> Customize.

cus

 

This is the customizer’s screen

cus 2

Notice:

  • You should completely remove all previous Heli folder.
  • You shouldn’t rename Heli theme folder.
  • You should reset browser cache, server cache, and plugin cache.
  • You should update required and recommended plugins.

Back To Top

Update Theme

Firstly, you need to download the new theme package from your Themeforest account. Once you have the new theme package, you can choose to upload the theme via WordPress or via FTP. Please see the information below for how to download new files, and install it via WP or via FTP.

Download new theme files from ThemeForest

Step 1 – Log into your ThemeForest account and navigate to your downloads tab. Find the “Heli” theme purchase.

Step 2 – Click the Download button next to it and choose to download the Installable WordPress file only which is just the WordPress file, or choose the All files & documentation which is the entire package that contains everything.

Heli download

Step 3 – Then you need to decide if you want to install the update via FTP, WordPress or using Envato Toolkit. Directions for all methods are below:

1. Update your theme via FTP


 

Step 1 – Extract Heli theme on your local hard drive.

extract here

Step 2 – Connect to your FTP

 

Step 3 – Upload the extracted theme to: wp-content/themes/ And just replace existing files and folders.update

Step 4 – Lastly, update the included plugins. You will see a notification message letting you know the plugins have a new version and need to be updated. You should update the plugins. You can see Update Plugin for more details.

 

2. Update your theme via WordPress


 

Step 1 – You need to deactivate the current Heli theme in Appearance >> Themes section by simply activating a different theme.

Heli

 

Once you activate a different theme, you can delete the Heli.

ac2

ac3

 

Step 2 – Retrieve the tm_heli file from your new Themeforest download. If you downloaded the Heli package from Themeforest, then you need to unzip the archive file you received, the tm_Heli.zip will be inside of it.

extract here

 

Step 3 – Then simply upload the tm-molly file in the Appearance >> Themes section. Click on the Add New >> Upload Theme tab at the top and choose to upload the zip file.  Then choose to activate it. See more here.

3. Using Envato Toolkit


Step 1 – You need to generate an API key to link your WordPress site to your ThemeForest account. Login to ThemeForest, go to your dashboard and click on “Settings.” The API Keys screen allows you to generate a free API key.

 

Step 2 Download Envato ToolKit, install and activate this plugin. A new menu item, “Envato Toolkit”, will appear in the admin sidebar.

2

 

Click on the sidebar link and enter your marketplace username and secret API key. Click “Save Settings.” All of your theme purchases will now appear on this page after it refreshes.

3

 

Step 3 – The plugin will now alert you to theme updates – so long as you check the toolkit settings regularly. Click on “install automatically” beside each of your themes to automatically update them. The toolkit settings page also allows you to install themes that you haven’t already uploaded to your site, delete ones you don’t use and view version details. You can also set up theme backups.

4

Important! Always Use a Child Theme

Updating your themes shouldn’t affect any customization to your website as long as you’re using a child theme.

Back To Top

General Update Notices

1. It Is Always Recommended To Backup Your Current Setup

It’s always a good idea to make sure that you have a current backup of your website, including your wp-content folder, your wp-config.php file, and your .htaccess file in your WordPress installation folder, and a copy of your WordPress database. You can use these to revert back to your original site if something unforeseen happens during the update process. If you are not familiar with how to do this yourself, there are several plugins available that completely automate that process for you, such as: UpDraft Plus and WordPress Backup Buddy.

If you are using the Revolution Slider and have added custom css, please make a backup of the styles because those will be removed when you update.

2. Do Not Keep Older Copies of The Theme In WP Theme Folder

You should completely remove all previous Heli theme folders before adding the new updated theme folder, or you could end up with WP path issues, etc.

3. Do Not Rename The Theme Folder

If you rename your theme folder when you update, then the path is no longer valid. WordPress stores menus and widget settings and some other settings by folder path. You need to rename your theme folder back to what it was before, and your settings, menus, widgets will be restored. Make a copy of your current theme folder before you upload the new theme.

4. Reset Browser Cache, Server Cache And Plugin Cache

It is always recommended to reset your browser, plugin, and server cache when you update. Visual issues may happen and more often than not, its caused by caches, and they need to be emptied. Each browser allows you to remove cookies, history and other data. If your theme or ThemeMove Core version is not updated after uploading the new files, it is due to a server-side caching system. Some hosting providers have server-side cache systems installed to optimize the speed of content delivery, please clear any server-side cache or ask your host to do it. This is also true for google pagespeed setups or cloudflare setups.

5. Update Child Theme

If you have copied template files from parent theme to child theme. Please make sure to revert to parent theme first to confirm if the issue exists there too. If it doesn’t, please update the templates copied to child theme with the parent theme.

6. Required & Recommended Plugins Must Be Updated

When you update the theme, you will see a notification message in your admin telling you the required and recommended plugins need to be updated. Follow the onscreen prompts to install the plugin updates. We have listed some required plugins and they have to be installed and activated for theme features to work. Make sure you are always using the most recent version of these plugins. You will be prompted to install it upon installing or updating your theme. If you dismiss the prompt or do not see it, then you can go to Appearance > Install Plugins page and install the plugin that way. Every time you update the theme, the plugin also needs updated.

Back To Top

How to import new elements without reinstalling everything

Step 1: Update new version of Heli on your current site. Attention: Just update theme as instructed, don’t do the One-click Data Import again as you will lose all your current establishment.

Step 2: Set up the new Heli on a new site (maybe in local) then do the One-click Data Import to import all essential elements.

Step 3: Copy what you want from the site you’ve just made in step 2 to your current site.

Back To Top

Build Your Site

WordPress Configuration

readYou can adjust WordPress settings as follows:

Step 1 – You can set Site Title, Tagline in Settings >> General.

Step 2 – You can set Blog pages show at most and Front Page displays  in Settings >> Reading.

 

Step 3 – You can set Discussion settings in Settings >> Discussion.

 

Step 4 – You can change Image sizes in Settings >> Media.

We used the following sizes on our demo sites:
Thumbnail size: 150 x 150
Medium size: 300 x 300
Large size: 1024 x 1024

 

Step 5 – You should ensure that a non-default permalink setting is selected, e.g. Day and name in Settings >> Permalinks.

 

Back To Top

Heli Theme Options

Heli comes with advanced settings panel that is loaded with options.

We have the options organized into logical tabbed sections, and each option has a description of what it will do on the front end. Because of the sizable amount of options Heli provides, we cannot go over them in full detail here in our documentation. We encourage you to please take some time and navigate through each tab to see what we offer.

Go to Appearance >> Customize on admin sidebar to access the setting options. See below for screenshots of our Customize panel.

 

cus4

 

Back To Top

Page

Note With Visual Composer

Heli uses the most powerful’s page builder to help users create sites with ease.

When adding new page, you can choose the Page Layout: Full width, Content-Sidebar or Sidebar-Content.

page layout

 

Add content using Visual Composer. Choose Backend or FrontEnd editor.

back front

Click for more details about this plugin.

Back To Top

Create A New Page

Step 1 – Navigate to Pages in your admin sidebar and click Add New option.

 

Step 2 – Input a new name for your page, then find the Page Attributes box on right side.

Step 3 – Set your Parent page. It’s usually set to No Parent.

Step 4 – Scroll down to Page Settings to make the page you want.

 

 

Back To Top

Setting Up Home Page

Setting up your home page is the same as setting up any other regular pages, except that you need to specify in the settings which page will be your Main Home Page. ThemeMove’s items include several pre-designed homes. However, you are not stuck with our pre-designed layouts, you can build any type of home page you desire using our shortcode elements. You can mix and match them anyway you like.


 

How To Set Up Your Home Page

Step 1 – Navigate to Settings >> Reading tab.

Step 2 – Select A Static Page option.

Step 3 – Choose the page you want as your home page from the Front Page drop-down list.

Step 4 – This is also the same spot you select the blog page as the Posts page.

 

Back To Top

Blog

Creating Blog Posts

No matter which method you using to display your blog posts, the first thing you need to do is create the blog posts. We offer several blog post types, image, image slideshows, video and more on the way. Each blog post you make can be displayed using any of the 3 methods described above. And with the ability to assign custom categories to each post, you can easily display a set of posts based on category. See below for information on how to create blog posts.


 

How To Create A Blog Post
Step 1 – Navigate to Posts >> Add New in your WordPress admin sidebar.

new post

 

Step 2 – Create a title, and insert your post content in the editing field.

Step 3 – Add Categories from the right side. To assign it to the post, check the box next to the Category name.

Step 5 – Add Tags from the right side. Type the name of the tag in the field, separate multiple tags with commas.

Step 6 – For a single image, click the first Featured Image Box, select an image and click the Set Featured Image button.

Step 7 – You can also choose slide template with Revolution Slider.

Step 8 – Once you are finished, click Publish to save the post.


 

Here is the screenshot that shows the various areas of the blog post page.

post

 

Back To Top

Single Post Setting

Every blog post you create gets a single post page. The single post page displays all the content of the post (the image, text, descriptions, etc). There are various setting for the single post page, please see below for information on each section.


 

1. Featured Images
Each post you create allows you to upload a featured image. ThemeMove’s theme offers featured image boxes in the post editing page, this is where you upload your featured image. Each image you upload goes into a new box.

featured-image

2. Post Meta Information

There is various post meta information that you can add to each post you create. This includes tags, categories and post formats. Post format icons will display only when using the large or medium alternate layouts.

Categories – This is meta information you create for the post. In the right hand sidebar of the post editing page is a Categories box that allows you to add a unique category to the post. For example, WordPress, or Photoshop. Each category is a meta link that your viewer can click to view similar type of posts. You can also access and edit Categories from the Post sidebar item in your WordPress admin sidebar.

cate

Tags – This is meta information you create for the post. In the right hand sidebar of the post editing page is a Tags box that allows you to add tags to the post. For example, Photography, or Design. Each tag is a link that your viewer can click to view similar type of posts. You can also access and edit Tags from the Post sidebar item in your WordPress admin sidebar.

tags

3. Use Visual Composer

To use this powerful builder, you should enable it for your post: Go to Dashboard > Visual Composer > General Settings then hit Save changes.

And choose Post at content types.

If you have skipped the tutorial of  Visual Composer and want to see it again, you can hit Reset to bring it back.

 

Back To Top

Assigned Blog Page

You love to show blogs on the different page and you want to create your own page that Heli hasn’t provided yet? No problem, you can feel free to create your page and assign a post page.

Just setting up an assigned blog or post page. It’s so simple, you just need to create a page and then let WordPress know that this page is considered as the post page

How To Assign A Post Page

Step 1 – Navigate to Pages and click Add New

Step 2 – Input your page’s name, then find the Page Attributes box on right side

Step 3 – Select the Default Page template from the drop-down list

Step 4 – Click Publish to save the page

Step 5  – To assign this post page, navigate to Setting >> Reading  and select your blog page name for the Post Page. Doing this will automatically pull your blog posts and place them on the page.

post page blog

Back To Top

Blog Post Format

You can choose different types of post to make your blog be more interesting. To enable the Post Format to choose one from 5 types of blog post (Aside, Video, Image, Quote, Link) when editing a blog post, you should click on Screen Options in the top right corner to enable the Format box.

 

Once checked, you will see the Format box on the right side that allows you to choose the specific format for your blog.

post format

 

Back To Top

Slider

Create Your First Slider

Step 1 – Hit Revolution Slider > New Slider

 

Step 2  – Go to Slider Title & ShortCode, write the title of sliders, alias and then it will automatically create the shortcode for you

Feel free to copy and paste it to where you want to show the slider

 

Step 3 – Choose the Slider Type, Slide Layout 

– Standard Slider: the slider with the transition.

– Hero Scene: the slider without transition.

– Carousel Slider: something special you want to move back & forward in the transition.

And you’ll get some presets of slider type below each choice.

slide step 3

 

Step 4 – Give some special settings at Customize, Build & Implement and then hit Save Settings.

Then, you can create each slide in your slider by hitting Add Slide and editing it as you want 

slider inside

 

If you want to use one of Heli’s slider, you can hit Add from Template 

add

 

You can choose Local Slides to take one slider from Heli

local

 

Is it so easy, huh?

You can see more tutorial from Slider Revolution’s documentation

Back To Top

Edit Your Slider

Step 1 – Go to Revolution Slider and click on your slider.

es

 

Step 2 – Choose Main/Background Image if you want to add some, then hit Change Image.

es2

 

Choose the image from Media Library or select image to upload if you haven’t gotten your image yet.

Then hit Insert.

 

Step 3 – Add more layers.

layer

You can keep exploring Revolution Slider here.

Back To Top

Menu

Fly-out Menu

To give your customers more details or just want to create a creative menu on right side, you can use Heli’s fly-out menu

How does it look? 

Fly-out menu is located on the top right corner

side panel

When you clicking on it, this menu/information will appear

sidepanel 2

 

How to work with it?

You can change the information of this area by navigating to Dashboard >> Appearance >> Widgets and you’ll see the Side Panel Widgets Area

side panel

 

Click on Text to change the content. Remember to hit Save

about

Moreover, you can add Menu  by dragging ThemeMove Menu on the left side to Side Panel  and then, select the Menu you like.

menu

 

Here is the result

result

 

Back To Top

Create a New Menu

Step 1 – Let’s go to Appearance > Menus on admin sidebar, click Create a new menu or select a menu to edit.

 

Step 2 – Give your menu a name, then hit Create Menu.

create

 

Step 3 – Choose menu items you want to add from the left and hit Add to Menu.m

 

Step 4 – Rename or re-arrange menu items as you wish.

 

Step 5 – Hit Save Menu and see the result.

Back To Top

Header

Header Setup

You can configure header options in  Customize in Appearance.

cus

 

Heli has several header types. You can select one of them by going to Header >> General >> Header Type.

header

h

h2

 

Back To Top

Widget

Adding Widgets To Widget Sections

Heli includes a range of widgets, you can find them all in Appearance >> Widgets on your Dashboard

widget

 

You can see the widget screen as below:

widget all

 

The left-hand side shows all the widgets you can use

available widget

 

You can simply drag and drop the widget you’d like to add into your chosen widget section on the right side

sidebar

 

You can also rearrange widgets on a widget section, just drag & drop into the order you’d like.

Back To Top

Fly-out Menu

To give your customers more details or just want to create a creative menu on right side, you can use Heli’s fly-out menu

How does it look? 

Fly-out menu is located on the top right corner

side panel

When you clicking on it, this menu/information will appear

sidepanel 2

 

How to work with it?

You can change the information of this area by navigating to Dashboard >> Appearance >> Widgets and you’ll see the Side Panel Widgets Area

side panel

 

Click on Text to change the content. Remember to hit Save

about

Moreover, you can add Menu  by dragging ThemeMove Menu on the left side to Side Panel  and then, select the Menu you like.

menu

 

Here is the result

result

 

Back To Top

Footer Widget

Do you want to change the information at footer section?

footer2

 

No problem, you can change it at Appearance >> Widgets 

footer

 

There are 3 areas to change corresponding to 3 columns at the footer. Write the content inside each widget just by opening it and typing

info

 

Back To Top

Configuration Your Website

Set up an Online Store

In this section, you’ll learn to set up an online store with WooCommerce Plugin.

 

Step 1 –  Be sure that you’ve installed WooCommerce. Check the plugin section.

cp

If you haven’t installed or activated WooCommerce, get back to Plugin Installation Section.

 

Step 2 – Configure general settings for your WooCommerce store such as currency, product image sizes, shipping, etc. by navigating to WooCommerce >> Settings.

 

Step 3 –  To create new order: Hit Orders >> Add Orderorder

 

Step 4 –  To create new Coupon: Hit Coupons >> Add Coupon.

coupon

 

You can choose type of discount:

  • Cart % Discount
  • Product Discount
  • Product % Discount

Set usage restriction with the amount spending, individual user

Set usage limit

coupon data

 

For more information about WooCommerce, click here.

 

Back To Top

Create a Form

 

You can easily create a contact form by using Contact Form 7.

Click Contact >> Add NewContact Form

Then, create your contact form in your style & language.

Form Tab


Form Tab

You can customize form content by using HTML and form-tags. Line breaks and blank lines in this field are automatically formatted with <br /> and <p> HTML tags.

By using the tag generators inside the red box above, you can generate form-tags without knowledge of them.

For more about form-tags, see How Tags Work.

Mail Tab


mail tab

You can edit a mail template for mail that is to be sent as a result of a form submission. You can use mail-tags in these fields.

Mail template, which is an additional mail template that can have different contents from the primary Mail template, is also available.

Message Tab


message

You can edit messages that are used for various situations, including “Validation errors occurred,” “Please fill in the required field,” etc.

Note that only plain text is available here. HTML tags and entities are not allowed to use in the message fields.

Additional Settings 


add

You can include additional settings to each contact form by adding code snippets in the specific format into the Additional Settings field in the contact form’s edit screen.

By default, Contact Form 7 supports the following types of settings.

Demo Mode

demo_mode: on

If you set demo_mode: on in the Additional Settings field, the contact form will be in the demo mode. In this mode, the contact form will skip the process of sending mail and just display “completed successfully” as a response message.

Acceptance as Validation

acceptance_as_validation: on

By default, an acceptance checkbox behaves differently from other types of fields; it does not display a validation error message even when the box is not checked. If you set acceptance_as_validation: on in the Additional Settings field, acceptance checkboxes in the contact form behave in the same way as other form fields.

JavaScript Code

on_sent_ok: "alert('sent ok');"
on_submit: "alert('submit');"

If you set on_sent_ok: followed by a one-line JavaScript code, you can tell the contact form the code that should be performed when the mail is sent successfully. Likewise, with on_submit:, you can tell the code that should be performed when the form submitted regardless of the outcome.

 

After you create a form successfully, a shortcode will be generated, let’s copy this code and paste it into your page, post or widget content. Both HTML and Visual View are fine.

For more details, click here.

Back To Top

Customize Heli Theme

Go to Appearance >> Customize, there you have many things to customize such as Site, Header, Navigation, Footer, …

cus5

Keep exploring it and if you need any help, don’t forget to ask our experienced developers, they are willing to assist you to solve all the issues.

  • Site
    • Preset
    • General
    • Content
    • Heading
    • Breadcrumb
    • Social Networks
  • Header
    • General
    • Logo
    • Mini cart
  • Navigation
    • General
    • Mobile menu
      • Color
      • Background
    • Desktop menu
      • Level 1
      • Level 2
  • Footer
    • General
    • Content
      • Content typography
      • Text color
      • Link color
    • Copyright
      • General
      • Style
    • Widget title
      • Text color
      • Padding
  • Page
    • General
      • Page layout
      • Archive layout
      • Search layout
    • Title
    • 404 page
  • Post
    • General
    • Title
  • Portfolio
    • Page title
    • Single title
  • Custom
    • Custom CSS
    • Custom JS
  • Site Identify
    • Site title
    • Site icon
  • Menus
    • Menu location
    • Company
    • Elements 1
    • Elements 2
    • Elements 3
    • Elements 4
    • Features
    • Home 01
    • Home 02
    • Home 03
    • Home 04
    • Landing page
    • Left menu
    • One page
    • Portfolio 1
    • Portfolio 2
    • Portfolio 3
    • Primary Menu
    • Primary Menu 2
    • Primary Menu 3
  • Widgets
    • Footer 1 widget area
    • Footer 2 widget area
    • Footer 3 widget area
    • Side Panel Widget area
  • Static Front page

Back To Top

Frequently Asked Questions

Heli’s License

When purchasing Heli from ThemeForest, you have two licensing options:

  • The Regular License
  • The Extended License

The billing, licensing terms and process is purely handled by Envato (the company who owns ThemeForest), and we have no control over these aspects. To learn more about what each License is for and which one to purchase, click here.

1. If I need to use Heli on a second site, do I need a second license?

Yes. One purchase of Heli allows you to use the theme on one finished site. If you need to use it on a second site, it requires you to make a second license purchase.

2. Can I use Heli on a test site, then move it to a live site when finished?

Yes, you can. You can keep the theme on a test site to build it, then move it to the live site once you’re finished.

3. Can I keep a test site and a live site with one Regular License purchase?

According to the licensing rules set by Envato, this is not allowed. If it is installed in two places permanently, then it requires two licenses.

Back To Top

How To Make Different Sidebars For Each Page

In our theme, we use only one sidebar for all pages. You can use Widget Logic plugin to choose which widget you want to show on your page.

Go to Appearance >> Widgets and see the Sidebar widget there.

For example below, the Recent Posts widget only appears on the page that has ID 69 and all child pages of this page. “is_page” is one of conditional tags, you can choose others at conditional tags.

id0

 

To search for the ID of the page, go to Dashboard >> Pages, then point at the page you want to take ID, its ID will be running at the bottom.id

 

 

Back To Top

How To Change The Logo Size

It’s very easy, you just need to go to Dashboard >> Appearance >> Customize >> Custom Code >> Custom CSS

Then, add this code to Custom Css:


.site-branding img {
 max-width: 200px! important;
 width: 200px! important;
}

Custom CSS

Back To Top

I Can’t Change The Logo

Logo on the header


 

Go to Appearance >> Customize >> Header >> Logo 

And change your logo’s image.

he

Logo on the footer


foot

 

You can go to Appearance >> Widgets >> Footer 1  then change the image link.

ur

 

Back To Top

How To Change The Social Button

If you want to change the Social Button, so your visitors can directly go to your FaceBook, Twitter, etc. you should follow the instruction below:

Hit Apperance >> Widgets

In Footer 1 Widget Area, enter the URL of each Social Network. Then hit Save.
social

 

Back To Top

General Questions

1. What’s installation common issues?

See here: Installation’s issues.

 

2. How to improve my site loading speed?

We recommend using the WP Super Cache, W3 Total Cache plugins.

Excluding pages from the cache

If using caching plugins, make sure you exclude the following pages from the cache through their respective settings panels:

  • Cart
  • My Account
  • Checkout
  • Wishlist

These pages need to stay dynamic since they display information specific to the current customer.

 

3. After activating the plugins, my site crashes

This is NOT our Theme’s issue, but a server configuration issue. If this ever happens it is most likely due to low PHP configurations on your server and it can be easily remedied by upping the values. Check out our Requirements for Heli.

 

4. How to change font?

To change the theme’s default fonts, we highly recommend using the WP Google Fonts plugin, which allows you to easily take advantage of the scores of type options provided by Google Fonts. To see all of the font options provided, check out Google’s Font Directory.

To search for and install this plugin in WordPress:

On your WP Dashboard’s left-hand menu > Plugins > Add New.
Search for the “WP Google Fonts” plugin > Install Now > Activate.font

Step by step
Step 1 – Go to Google Fonts on Dashboard. Select your font to begin, under the “Font 1” section, select your desired Google Font from the drop-down menu’s list. There are also Font 2 to 6 for you to assign to different elements.

font3

Step 2 – Choose your font styles

Step 3 – Assign your font

Choose element(s) you want to apply your chosen font.

font4

Step 4 – Assign your font with custom CSS

By using CSS code to target the specific theme fonts you’d like to change, we’re able to be much more precise and effective. Don’t know how to determine a text element’s exact CSS selector in order to target it? No worries! We’ve got you covered.

Use CSS code, enter your desired font name, in this case, Lora, as indicated below.

font5

And, as always, if you don’t see the text element you need or if you are confused, please don’t hesitate to open up a new support ticket. We’re very happy to help!

Back To Top