HELLO ! FIRST OF ALL WE WOULD LIKE TO THANK YOU SO MUCH FOR CHOOSING OUR THEME!
Here are some basics on installing, configuring and customizing the Engo Theme.
If you have any questions that are beyond the scope of this help file, please feel free to contact us via email : firstname.lastname@example.org
Firstly, we would like to thank you for purchasing our WordPress theme and chosen it for your website. We outline all kinds of good information, and provide you with all the details you need to use the WordPress theme.
If you are unable to find your answer here in our documentation, feel free to ask for help from our support team, all you have to do is submitting a ticket via our Support Ticket system or email us: email@example.com.
If you like this theme, Please support us by rating us 5 stars (How to rate?)
Dowload & Installation
The instruction is to help you with installation of the theme.
Purchase theme template from ThemeForest then you can download our template package on there.
Extract package that include all files and folders of theme. When done, you should see [ sample ]_theme.zip (zip file name can be changed from version to version).
Once the download is complete, unzip the file and you would see the following packages:
Guides - our detail documentation for the theme
Theme folder - for manual installation
Samples - the sample data of the demos, you can import it
Licensing - the theme license
When selecting a hosting service, you should check to see that these server requirements are provided and installed on their web servers:
PHP version 5.6 or greater
MySQL version 5.6 or greater
There are 2 ways to install a WordPress theme.
Installing Theme From the WordPress Dashboard
Installing a WordPress theme is super easy, you’ll see our video guide:
- Step 1: Navigate to Appearance → Themes in your WordPress admin dashboard.
- Step 2: Click the Add New button at the top of the page and go for the Upload option.
- Step 3: Choose [sample]_theme.zip then click Install
- Step 4: Wait while the theme is uploaded and installed then activate the theme.
Install theme via FTP
Many users are on shared hosting with low upload limits, and in such situations the Nemi theme is often too large to install through WordPress. We suggest you should upload it via FTP.
If you don't know how to use FTP visit this link for information: http://codex.WordPress.org/FTP_Clients . You will need to first uncompress the PACKAGE-theme.zip file you have found in the master zip downloaded from Themeforest. This zip uncompresses into a normal folder. This unzipped folder is all you need to transfer via ftp and if you open it, you will see all sorts of folders and css and php files which together contain all the theme coding.
Using the FTP program transfer this folder which contains the above files to the WordPress installation theme root directory: /wp-content/themes.
Do not upload any of the other files or folders such as licensing or resource or documentation. Uploading any of the other folders may cause problems resulting in the theme not working properly. Learn from WordPress Official Documentation about installing theme with FTP client or with cPanel: http://codex.WordPress.org/Using_Themes
Activate theme purchased as default theme
After completing the upload, activate the theme as per activating any other theme.
Goto your Dashboard>> Appearance >> Themes >> Activate Theme template
Follow the instruction from the image below:
Known problems when installing the theme
a. The “Broken theme and/or stylesheets missing” error is most common when you install or activate a new theme.
If you get an error saying that the stylesheet is missing, then you have uploaded the wrong folder. Please check that you are uploading the nemi_theme.zip within the Theme Files folder. You have to unzip the package file that you download from Themeforest to find this.
b. Problems with uploading via WP admin panel due Upload limit.
You may check your file upload limit on Your Media Uploader page in WordPress. Depending upon the web hosting company and the conditions of the service they provide it may vary. The most common is about 8 MB which is more or less enough. But uploading some media files like audio and video may become a problem with for example 2 MB upload limit.
We decided to share some tips about how to extend your maximum file upload size in WordPress:
1. Through functions.php file:
You may add the below mentioned code in the functions.php file of your theme
WooCommerce: The Shop engine for your WordPress site.
Pbrthemer for themes: Implement rick functions for themes base on wpo framework and load widgets for theme used.
Metabox : Create custom meta boxes and custom fields for any post type in WordPress.
Step 3: After Installing all Plugins, select Activate then click Apply to active all plugins.
Follow our video guide to know more :
Install Data Demo
Step 1 :Install Data Demo
Engotheme Team very happy to provide for customer a new function to import data more quickly. It is "One click import"
With "One click import", customer do not import step by step data as import usual. It import all data like : Content, Widget, Revolution slider, Menu, Customize...
One click import data
Before installing data demo, you need setting up image sizes.
How to set up image size for WooCommerce
These settings affect the actual dimensions of your product images in the shop pages. You can skip this step in case you’re starting a new website and your WordPress installation is fresh, but if you’re switching from another theme and you already have products in your store, you need to make sure the WooCommerce image sizes are the correct ones for your newly installed theme.
a. Navigate to WooCommerce → Settings → Products and find the “Product Image Sizes ” section at the bottom of the page.
Update those values with the following this image for theme.
b. If your site has image with another size. To see the changes after you update the image sizes, you need to re-generate the images by using Regen.Thumbnails Plugin
- Go to Plugins Tab then search and install Regen.Thumbnails plugin
- Navigating to Tools → Regen.Thumbnails then re-generate your images
To use it make sure file of your theme have to "import" folder in "inc" folder like this:
Go to Dashboard -> Appearance -> WpOpal Import . You can see " Get demo from live server", please click in "theme sample" :
1. Demo Soure : Choose name of demo to import .
2.Import Type : Choose name of type to import ( choose All or chose one of types to import)
File to import all data is : content.xml
All - suggested option: the option will import all demo content (products, menus, theme options, ect) to replicate Nemi demo on your server without any other step.
Content - import site content: posts, products.
Widgets - import widgets used in Nemi demo site.
Theme + Page options - import theme and page settings.
Menu - import all menus.
Revolutions Slider - import sliders built with with revolutions slider plugin.
VC Template - import pages built with king composer plugin.
Specially, You can go to Wpopal Import to import config of menu, widget, page and theme options.
Click "Import" and popup is displayed, click "OK" to continue import data
When import has been imported it will display popup : "Import is successful"
After import Dummy Data you need to set default Home page for your site, from your WordPress dashboard, navigate to Settings → Reading.
Select “A static page” and choose “Dummy Homepage” as the Front Page.
Save change then Homepage data sample will be set.
Step 5 - Done! But you still need to set the Menu, Widget, Slider. Follow more on bellow
Follow our video guide to know more :
2. Import Revolution Slider
1.If you choose import data by tool of WordPress
From the WordPress admin area go to Revolution Slider >> Import Slider and select Slider file on our package.
2.If you choose import data by one click import
From the WordPress admin area go to Revolution Slider . Revolution slider will be displayed after import data by "One click import".
you can see all slider displayed in here and you can
+ Embed slider.
1.If you choose import data by tool of WordPress
a. Install widget
Go to Admin Panel -> Appearance -> Widgets.
You can see all our widgets, easy to configure by drag and drop Widgets to sidebar.
Then you can use sidebars to position you want. Even you can use sidebar for MegaMenu.
Morever you can search and add more plugins for your purpose by searching on the internet.
Follow our video guide to know more :
b. Install widget by plugin import widget
Go to Admin Panel -> Plugins -> Add new.
You can see broad add new plugin, please fill in " import widget" to search plugin.
and go to Tool -> widget importer & exporter then you choose widget to import in your site.
When import finish you can see widget :
2.If you choose import data by one click import
Go to Admin Panel -> Appearance -> Widgets.
You can see all our widgets has been displayed in sidebar.
Set Up Logo
You can upload your logo image in the Customize. If the logo is not uploaded, then your site name will be used.
Please, follow the steps below to upload your logo:
Step 1 - Login to your WordPress Dashboard.
Step 2 - Go to Appearance > Customize > Site Identity Tab
Step 3 - Upload your logo by clicking on Select Image ( our current Nemi logo is 150px x 50px ).
Step 4- Upload your favicon - should be a 32px x 32px Png/Gif image.
Set Up Menu
1. Creating your menu
Step 1- Login to the WordPress Dashboard.
Step 2- From the 'Appearance' menu on the left-hand side of the Dashboard, select the 'Menus' option to bring up the Menu Editor.
Step 3 - Select Create a new menu at the top of the page.
Step 4 - Enter a name for your new menu in the Menu Name box.
Step 5 - Click the Create Menu button. Your menu is now defined, and you can now add pages to it (steps below).
2. Adding pages to your menu
Step 1 - Locate the pane entitled Pages.
Step 2 - Within this pane, select the View All link to bring up a list of all the currently published Pages on your site.
Step 3 - Select the Pages that you want to add by clicking the check box next to each Page's title.
Step 4 - Click the Add to Menu button located at the bottom of this pane to add your selection(s) to the menu that you created in the previous step.
Step 5 - Click the Save Menu button once you've added all the menu items you want. Your custom menu has now been saved.
The Screen Options allow you to choose which items you can use to add to a menu. Certain items, like Posts or Products are hidden by default. The Screen Options are located in the top right corner of your WordPress Dashboard.
3. Assigning a Menu to a Location
Once you've created a menu and filled it with items, it's time to assign it to one of the theme pre-defined locations.
- Go to Appearance > Menus and click Manage Locations.
Menu is assigned after import data by "One click import".
The following steps will guide you in defining your menus using the WordPress menu editor and Opal Megamenu. Opal MegaMenu is a user-friendly, highly customizable responsive Mega Menu WordPress plugin to creat Menu. In each menu, you can add as many items you need: links, pages, posts, custom links, shop categories, direct links to products, internal or external link even sidebars .
Menu Home will be displayed.
Set Up Home Page
You can quickly build a home page using Visual Composer for WordPress that is drag and drop frontend and backend 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
From your Dashboard admin Navigate to Pages.
- Select All Pages to see all page then click edit one page you want .
- Select Add New to create new page .
One page always include a lot of parts like Header , Main Page, Widget Sidebar and Footer. In that section we guide you create Main page by using King Composer.
You can insert code on table then Home page will be created automatically.
2. Backend Editor Mode
Drag and drop elements you need to build your page layout.
How to use Back End Mode
a. Add and modify Row Layout
Step 1 - Go to your page / post, first activate the backend editor and click Add Element
Step 2- Select the Elements you want to use.
Step 3 - Click on the Edit This Row (pencil icon) to Edit the Row element ( in our example we use row with 3 columns filled with text block )
Step 4 - To change the Row layout ( number of columns ) you only select a layout or custom to make your own
b. Edit Element
Pencil Icon - To Edit Row, Column or Element you need to click the Pencil icon.
c. Duplicate Element
Pages Icon - To Duplicate Row or Element you need to click the Pages icon.
d. Remove Element
Trash Box Icon - To Remove Row, Column or Element you need to click the Trash Box icon.
e. About Row / Column / Custom heading / Text Block Design options
Design Options - When you edit row / column / custom heading / text block Element, you can edit the design options
Row / Custom Heading / Text Block element have a default Bottom Margin of 30 pixel, you may want to set it to 0 if you don't want to have bottom space
It is Good to add bottom Padding to your Column, so they will looks good on mobile
Left and Right Margin should NEVER be modified, please left blank
For Row Element the Left and Right Padding should also NEVER be modified, please left blank
3. Page Options
a. Page Attributes
You can select page attributes on right sidebar of page admin layout. Each Page templates have each styles
b. Page configure default template
For each page you can change the page layout style, header skin, footer skin and much more! Check the screenshot and read the documentation to see how it works
Enable Fullwidth Layout - Select if you want the page to have a Fullwidth layout.
Header Layout - Select skin specific for Header on page or use Global
Footer Layout - Select skin specific for Footer on page or use Globalsidebar.
Disable Breadcrumbs - Select if you want to disable the subtitle and breadcrumbs.
Breadcrumbs Text Color - Select color for text of breadcrumbs.
Breadcrumbs Background Color - Select color background for breadcrumbs.
Breadcrumbs Background - Select image to set background.
Layout Style - Select style for page to have a Auto, Left-Main Sidebar or Main-Right Sidebar or Left-Main-Right Sidebar.
B. Theme Home Page Layout
Theme has 3 headers for theme
Theme come with more than 3 home page layouts. Please check out landing page to know more and build your home page you need.
1. Home default
2. Home 2
3. Home 3
4. Home 4
5. Home 5
6. Home 6
used image background to use it , go to edit page and choose addition class: Home background
C. Set a page as Home Page
Step 1 - Go to Settings > Reading in your WordPress Dashboard panel.
Step 2 - Set "Front page displays" to a "Static Page".
Step 3 - In the drop down menu for "Front Page" choose a page which will be your home page.
Step 4 - Leave the drop down menu for "Posts page" empty, as this is not used by the theme.
Step 5 - Save changes.
Set Up Blog Page
1. Create the blog post
Step 1 - Log in to your WordPress Administration Panel (Dashboard) .
Step 2 - Click the 'Posts' tab.
Step 3 - Click the 'Add New' sub-tab.
Step 4 - Start filling in the blanks: enter your post title in the upper field, and enter your post body content in the main post editing box below it.
Step 5 - As needed, select a category, add tags, post format, fill in the meta setings below the editor.
Step 6 - Upload a featured image for your Post.
Step 7 - Select Post Format. You can create blog post with a lot of Formats like link, gallery, image ..... Select format on Format box from in right sidebar
Step 8 - Scroll down until you see the Post Configuration box, there you will be able to customize the post.
Step 9 - When your post is ready, click Publish.
2. Manager current all blogs
Navigate to Posts → All Posts
You can see all informations of you blog post, add new, edit or delete them.
3. Blog Global Configure
Step 1 - From your admin Dashboard navigate to : Apperance > Customize > Blog .
Step 2 - Set up Archive & Category Setting.
You can set Global (default) layout for archive blog page and category blog post then select content sidebar to display .
Step 3 - Set up Single Post Setting
Show share post : enable or disable share post function
Show related post : enable or disable related post
Number of post to show : select number of related post to show
Single blog layout : Select layout for single blog.
Set Up Footer
Set Up Opal Footer
After create your footer profile. Navigate to : Apperance > Customize > Theme And Layout Setting.
Choose your footer for page.
*********** If you want specific Footer for one of your pages. Please go to your page configuration. Select Footer version you want to display only on that page.
Create Contact Page
Create Contact Form.
Make sure you install and active Contact Form 7 plugin to continue reading.
Step 1 - Log in to your WordPress Dashboard, go to Contact > Add New
Step 2 - Give a Name to your form and change Mail Info
Step 3 - Edit the Form field to change the Form Layout.
Theme use Customizer provides an ultra effective and intuitive way to customize theme layout & setting with real-time preview. Bring all of settings to customizer, you do not need to using another theme option anymore
To access Customizer go to your admin Dashboard Navigate to Appearance >> Customize .
1. Fonts Customizer : Add and use google web fonts to any themes.
2. General Setting : Manage general setting like your Site title,breadcrumb background, copyright, ....
3. Theme And Layout Setting: select your header style, footer style for global.
4. Site indentity : Set up logo and favicon.
5. Color : Set up color for site.
6. Social Sharing Setting: select social channel apperance to sharing.
7. Header image : create customize image for breadcrumb and title section.
8. WooCommerce : manage setting of WooCommerce function.
9. Blog & post : manage global setting for Blog.
10. Menu:manage setting of Menu
The easiest way to translate theme to the language of your choice is to use "WPML" plugin.
- To begin, be sure you have the WPML Plugin installed and activated, along with the WPML String Translation plugin.
- To set up WPML the first time, follow their Getting Started Guide.To begin translating, select WPML (in the Dashboard menu) -> String Translation. You should see a list of the strings in the theme (there should be only four), with blue translation links to the right. Click these links to reveal the list of languages you use on your blog and the associated translations.
- How to set and translate main features of the theme
Using translation management http://wpml.org/documentation/translating-your-contents/using-the-translation-editor/
Translation Management & Features – http://wpml.org/documentation/translating-your-contents/using-the-translation-editor/translation-management-features/
- If you need more help with WPML plugin. Please go WPML Forum
1. How to update Theme
a. Update Theme via WordPress
Updating the theme via WordPress is very similar to the install process via WordPress. Make sure you had backup all of your customization in our theme.
Follow the steps below to update your theme via WordPress:
Step 4 - Deactivate the Theme by simply activating a different theme. Once you activate a different theme, you can delete the theme.
Step 5 - Delete the Theme. Do not worry, your content will not be lost!
Step 6 - Then simply upload the newest “[sample]_theme.zip” file in the Appearance > Themes section. Click on the Install Themes tab at the top and choose to upload the zip file. You have this step explained in section: Theme Installation via WordPress.
b. Update theme via FTP
Updating the theme via FTP is very similar to the install process via FTP.
Follow the steps below to update your theme via FTP:
Step 1 - Go to .../wp-content > themes location on your server using a FTP client and backup your "Nemi" theme folder by saving it to your computer, or you can choose to simply delete it. Your content will not be lost.
Step 2 - Download the new version of Nemi theme from your Themeforest and retrieve Nemi folder by unpacking the zip that you download from Themeforest and [sample]_theme.zip.
Step 3 - Then simply drag and drop the new "[theme-sample]" theme folder into .../wp-content > themes location. Choose to “Replace” the current one if you did not delete it.
Step 4 - Log into your WordPress Dashboard, go to Appearance > Themes and activate the new Theme.
2. How to create Child Theme
What is a Child Theme?
A child theme is a theme that inherits the functionality of another theme, called the parent theme. Child themes allow you to modify, or add to the functionality of that parent theme. A child theme is the best, safest, and easiest way to modify an existing theme, whether you want to make a few tiny changes or extensive changes. Instead of modifying the theme files directly, you can create a child theme and override within.
Why use a Child Theme?
if you modify an existing theme and it is updated, your changes will be lost. With a child theme, you can update the parent theme (which might be important for security or functionality) and still keep your changes. It’s a great way to get started if you are just learning WordPress theme development.
If you are unable to find your answer here in our documentation, please take a photo screenshot with description detail about your problem or idea. Send all to email : firstname.lastname@example.org . Our technical team will check and try their best to help.
Our support scope
Our support covers configuration, building site as demo, trouble using any features, and bug fixes. We don't provide support for customizations or 3rd party extension.
Our support time
We try our best to monitor the email around the clock, however, this is not always possible due to different time zones. We will try to reply you as fast as we can.
Our working time is 8.00 AM - 5.30 PM, Monday to Friday (GMT+7). So if ask for help in the weekend, you may have to wait a little bit for support and please be patient.