Welcome To Umino Theme
Multipurpose Premium WordPress Theme

Introduction

Thank you for purchasing our theme. In this document, we provide all kinds of good information with all the details you need to use our theme. We hope you have fun and enjoy working with our theme. If you need more help, please feel free to open a ticket on our support center.

Before Getting Started

If you are not familiar with WordPress, please get accustomed with it before proceeding to using our theme. Here are some links that will help you to become more confident with WordPress:

Requirements & Compatibility

Requirements

To run WordPress your host just needs a couple of things:

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:

Compatibility

Our theme is compatible with these browsers:

Installation

Wordpress Core

You download and install WordPress version 4.8 or later

Theme Package

To download, you need to log into your ThemeForest account and go to your http://themeforest.net/downloads page. Locate the theme that you purchased in your Downloads list and click on the Download button

If you download All files & documentation, you will unzip it. Then, you find the installable file inside.

You can also download only the Installable Wordpress file.

WordPress Installation

Follow the steps below to install via WordPress:

  1. In your WordPress Admin Panel, go to Appearance > Themes
  2. Click on the Add New and Upload Theme buttons
  3. Click on the Choose File button and navigate to find the Umino.zip file on your computer and click on the Install Now button
  4. Wait while the theme is uploaded and installed
  5. Activate the newly installed theme
  6. Then you will get a notification about installing the required plugins. Follow the steps to install and activate the plugins
WordPress Installation
Please note that some hostings have a restriction on a size of a file that you are uploading. If you have any warning, you will contact your hosting provider. They should increase your maximum upload size.

FTP Installation

Follow the steps below to install via FTP:

  1. Log into your hosting space via an FTP software
  2. Unzip the Umino.zip file and ONLY use the extracted Umino folder
  3. Upload the extracted Umino folder into wp-content > themes folder
  4. Go to Appearance > Themes and activate Umino theme
  5. Then you will get a notification about installing the required plugins. Follow the steps to install and activate the plugins
FTP Installation

Register purchased code

After activated our theme, you must register your purchased code to install and update plugins as well as use theme features.

To get your purchase code you can go to your account dashboard / download here:

Purchased code

Then you can put in this page from red message in dashboard:

Purchased code

Or from wordpress menu, then put on text field and submit, if it return green message that is successful.

Purchased code

Required Plugins

After registered purchased code, you will get a notification about installing the required plugins. You go to Appearance > Install Plugins to install them.

Install Required Plugins
Please note that you do not purchase directly Visual Composer and Revolution Slider plugins. So you can not update them by yourself. It is also not recommended. When they have a new version, we will be careful to test and release the new theme's version.
We also notice that you should not update other plugins without updating the theme. Please see our changelog to make sure the current theme's version is compatible with the new plugin's version.
Install Required Plugins Install Required Plugins Install Required Plugins

Sample Data

Umino One-click import

We can import all content, slideshows, widgets, mega main menu settings, theme options, menu localtion by only one click.

Umino to import data

Option when import data:

Home to active: Default same as our demo site. You can choice one home page layout you like to active it as default and all theme options of it is setup too.

Reset old data: This option will reset your site as fresh data with remove all current media, posts, pages, options ... So please ensure you want to have it before confirm.

Umino to import data

Manual import

We can import content for projects, contact form,..

Login to your WordPress dashboard, navigate to Tools - Import. Click on WordPress link on the table then click Install Now button on popup window to install WordPress Importer.

Visual Composer Elements List

Click on Activate Plugin & Run Importerlink to begin

Visual Composer Elements List

Click "Browse..." button and select XML files in "sample-data/exported_files" folder. :

Click on Upload file and import button

Visual Composer Elements List

On the next interface, select existing user on dropdown, check on Download and import file attachments to download sample images.

Click on Submit button to import.

All the content blocks are for sample, after importing finished, you have to edit them. Go to Content Blocks menu to see all, click on each block to edit.

If the process Import Data fails , you can import the data again

Updating The Theme

Manual Update

Follow the steps below to manually update the theme:

  1. First, you download the new theme package from themeforest. You have to log into your themeforest account and navigate to Downloads tab. You find the Umino theme in your purchased themes list.
  2. You can delete the current theme. Don't worry about this. Your data won't be lost.
  3. You must ensure using current server PHP user/group permissions to continue upload.
  4. You upload the new theme package via Wordpress or FTP software.
Please ensure that you only upload the installable wordpress file. If not, you may get an error message: The package could not be installed. The theme is missing the style.css stylesheet.

Theme Options

After activating our theme, you can go to Theme Options to configure the theme. Below will explain what you can do with Theme Options.

  • General: In General tab, we can upload favicon icon use an image in .ICO file format, the image size is 16x16 pixels. Bottom tabs to visible on mobile view, page layout Full or in container (Full as default to customize container in Elementor), Home page container width.
  • Page title: Setting for header of all pages as static pages, shop, category, taxonomy ... it includes title, title html tag, banner, text mode ...
  • Typography & Color: manage your site colors, font for menu, general text, heading
  • Newsletter & coupon popup: You can set the newsletter block in here. Also if you enable coupon code suggestion you can set some coupon blocks to display in each X seconds
  • Header:In this tab, Logo is set in here, we can select header layouts, there are 4 layouts of header. We can also change the sticky menu options, top bar block, badge icons, advance search, popular products in advance search...
  • Footer: we can select footer layouts but In this theme have only layouts footer, enter copyright information, payment icons, newsletter and select menus for footer...
  • Social icon: Some social icons with direct link to show on footer element.
  • Products: This tab is setting for shop (category) pages. In here, you can setup sidebar, products column for desktop, tablet, mobile view. The product box and information inside you can setup in here too.
  • Products Label: Some simple label as sale, new is set in here.
  • Fake Order: This tab to setup fake order complete display random after X time.
  • Shop title: This tab to enable/disable display shop or category title.
  • Product detail page: This tab to setup product detail page layout. many options in here as Sidebar, Gallery layout, thumbnails mode, thumbnail size, color & size swatches, some static block as shipping, payment methods support, tab layout & custom new tabs ...
  • Blog: we can setup blog or category title on/off, sidebar, posts column,...
  • Blog Archive: we can setup blog or category page layout as excerpt length, readmore button, pagination mode ...
  • Blog Single: This tab to config post detail layout...
  • Custom code: This tab to enter custom js or css custom code to head of website example gooogle analytics, custom css ...
  • Error 404 Page: Error 404 background: We can edit background color and background images show in this page.
  • Import / Export: port and Export your Redux Framework settings from file, text or URL..
  • Theme Information: We can see mini demo themes in this tab.
  • Import / Export: port and Export your Redux Framework settings from file, text or URL..
  • Demo importer:The place of One-Click import all dummy data

Widgets & Sidebars

To manage widgets, you go to Appearance > Widgets. Just drag and drop widgets over to the sidebar.

Umino comes with many custom widgets and 5 sidebars. You can also easily add a new sidebar.

To create widgets for this theme quickly, we use a tool to import all widgets from exported files in sample-data/exported_files folder.

Login to your WordPress dashboard, navigate to Tools - Widget Importer & Exporter

Widget Area

Click on "Browse..." or Choose File button then select Umino-widgets.wie, click on Import Widgets to finish.

Widget Area

Setting Up Header

To set up your header, you go to Appearance > Theme Options > Header tab. In there, you can choose the Header layouts, configure your breadcrumb and other options.

Header layouts

Umino comes with 3 different header layouts. Just choose one of our header layouts for your site.

We can edit text "Welcome Umino Store!" type text box "welcome message" in this tab.

We can sellect Topmenu show like demo

Header layouts

Header Customization

If you want to customize the theme, you should create the child theme before making any changes. Please note that you have to install the required plugins before activating the child theme. Otherwise, you will get an error if you install the plugins in Appearance > Install Plugins page.

You can find the sample child theme package (Umino-child.zip file) in your downloaded file (you have to download All files & documentation).

Follow the steps below to override header template:

  1. Copy the template file from the parent theme folder to the child theme folder
  2. ../wp-content/themes/orfarm/template-parts/header/header-*.php to ../wp-content/themes/orfarm-child/template-parts/header/header-*.php
  3. Edit the template file in the child theme folder

Pages

Umino comes with Elementor plugin and powerful. The following sections will explain how to create a new page and make it look like our demo. If you use our One Click Import Demo functionality, you can ignore this.

Create A New Page

Follow the steps below to create a new page:

  1. In admin panel, go to Pages and click on the Add New button
  2. Input the page title and page content
  3. On the Page Attributes section, choose the page template from dropdown list

Home Pages

Setting up a home page

  1. In admin panel, you go to Settings > Reading.
  2. You choose the A static page(select below) option.
  3. Select a page from dropdown list of the Front page option.
Reading Settings
Below is our demo home pages. To build a home page look like our demo, you copy the page content into the Text editor and make some configuration.

Newsletter MailChimp)

Use this plugin to make the newsletter sign up form on footer. Navigate to MailChimp. Click on Thanks! Now take me to MailPoet. to start using this plugin. Click on Settings link

Step 1: Choose menu follow:

mailchimp

Step 2:

mailchimp

Step 3:

mailchimp

Step 4:

mailchimp

Step 5:

mailchimp

Step 6, the last:

mailchimp

Elementor

Elementor will help you manage your content at the WordPress sites and build any layouts you can imagine in few minutes without coding. You can read Elementor Documentation to get more details.

Revolution Slider

Umino includes the popular Revolution Slider Created By ThemePunch. This slider is 100% responsive and has many amazing options. In the following sections, you will know how to add a new slider and how to show it in frontend. This is its own documentation. You can read to get more information.

Please note that you do not purchase directly Revolution Slider plugin. So you can not update it by yourself. It is also not recommended. When it has a new version, we will be careful to test and release the new theme's version. If you see the notification below, you can dismiss it.

Revolution Slider Notification

Create A New Revolution Slider

Follow the steps below to create a new Revolution Slider:

  1. You go to Revolution Slider page
  2. Click on the New Slider box
  3. Input the slider title and alias
  4. Make some configurations
Create A New Revolution Slider

 

Follow the steps below to add a new slide to your sliders:

  1. Click on the pen icon to edit your slider as the screenshot
  2. In Slider Editor, hover your mouse over the Add Slide box and choose one of the options listed below
    • Add Blank Slide: create a new slide with default settings
    • Add Bulk Slides: create multiple slides at once, based on a selection of media gallery images of your choice
    • Add From Template: add the plugin's default templates or your templates

 

Add Slides To Revolution Slider

Using Revolution Slider

There are three ways to use Revolution Slider

Assign a slider from the Page Options section

  1. Create or edit a page
  2. Find the Page Options section below
  3. Set the Page Slider option to Revolution Slider
  4. Finally, you choose a slider from the Select Revolution Slider option

 

Add slider from Elementor content element list

  1. In the elementor page editor, you will see Slider revolution
  2. Drag and drop it in section that you want
Add A Revolution Slider From Elementor

WooCommerce

Umino theme is fully compatible with the latest version of WooCommerce plugin. We customized and added many features, shortcodes and widgets for this plugin. In the following sections, you will know how to install and set up WooCommerce plugin. You can also refer WooCommerce Documentation to get more information.

Install WooCommerce

There are 2 ways to install WooCommerce plugin

  1. After activating our theme, you go to Appearance > Install Plugins. You install WooCommerce plugin from the required plugins list.
  2. Install WooCommerce plugin from the Plugins page
Install WooCommerce
Install WooCommerce
You should install WooCommerce from the required plugins list. Because we tested that version and it is compatible with the current theme's version. To make sure our theme is compatible with the new version of WooCommerce, you should see our changelog or contact us

Adding WooCommerce Pages

There are 2 ways to add WooCommerce pages

  1. After activating WooCommerce plugin, you will get a notification as the screenshot below. Simply click the Install WooCommerce Pages button to create all WooCommerce pages
  2. Use the WooCommerce shortcodes. You can get them here
Adding WooCommerce Pages

Setting Up WooCommerce

To set up WooCommerce, you go to WooCommerce > Settings in admin panel.

Currency Options

  1. In WooCommerce Settings page, you select the General tab
  2. You find Currency Options section and configure your currency

List of currencies that you can choose

Currency Options
You can also add a custom currency symbol. Please refer this document

Product Image Sizes

  1. In WooCommerce Settings page, you select the Products tab. Then you select the Display sub tab
  2. You find Product Images section and configure your product image size
  3. Our demo is configured as the screenshot
Product Image Sizes

Page Settings

After you create WooCommerce pages. You will go to the Settings page to assign them.

  • To assign the Shop page, you select the Products tab and then select the Display sub tab
  • To assign the My Account page, you select the Accounts tab
  • To assign the Cart and Checkout pages, you select the Checkout tab
Setting Pages
Please note that: if you install WooCommerce pages by clicking on the WooCommerce notification, WooCommerce will automatically assign for you

Registration Options

You also make sure that you allow your customers to register on your site. You select the Accounts tab and find the Registration Options section as the screenshot.

Registration Options

Adding Product

Follow the steps below to add a new product

  1. In admin panel, you go to Products and click the Add Product button
  2. Input the product title and product content
  3. Select Product Category, Product Tag
  4. Add Featured Image and Product Gallery
  5. In the Product Options section, you can override some options in Theme Options
  6. Next is the Product Data section. This is where the majority of the product data is input

Product Options

This section allows you to override some options in Theme Options. You can set layouts for individual products. You can also override custom tab content

Product Options

Product Data

You should also read WooCommerce Documentation to get more details. We only have some notes that we think you need to know.

Product Data Product Data - Shipping Tab
  1. Adding a product on sale and a deal:
    • With the Simple Product, you select General tab. You add a Sale Price and click the Schedule button to set up date.
    • With the Variable Product, after setting up Product Attributes in the Attributes tab, you can go to the Variations tab and add New Variation. With each Variation Product, you also click the Schedule button next to the Sale Price field. Please note that product only displays the time of first Variation Product.
  2. Adding Additional Information: You go to the Shipping tab. You set value of Weight and Dimensions options. You can change the unit by going to WooCommerce > Settings > Products tab
  3. Enable/Disable Product Review: You go to the Advanced tab. You will see Enable reviews option. Just check/uncheck it.

Theme custom elements

Umino comes with several elements which can be used to display your content. To use our elements, you go to page editor and change to Elementor canvas. Click on the Add Element button to open Elementor elements list and change to Umino theme elements tab.

Elementor Elements List

Child Theme

Use Child Themes to Modify Theme

A child theme is a theme that inherits the functionality and styling of another theme, called the parent theme. Child themes are the recommended way of modifying an existing theme.

Why use a Child Theme?

There are a few reasons why you would want to use a child theme:

How to use a Child Theme?

In this theme, we offer you a sample Child Theme (Umino-child.zip). You install it like normal theme.

Elementor Elements List

Extras

Come together with The WooW, these plugin are recommended to install and active for flexible use.Below are the source for documentation and support of each plugin.

Slider Revolution

The WooW is completely compatible with Slider Revolution. Its intuitive interface with diversified options and effects will be good choice for you slider. If you plan to use Slider Revolution Plugin for you site, check out these source:

Slider Revolution Wordpress Plugin Documentation for user guide to use the plugin.

Slider Revolution Form Support  for support upon issues of the plugin.

Slider Revolution FAQs for questions about the plugin.

Woo Commerce

The WooW works compatibly with Woo Commerce, allows you to create your online shop. If you plan to use Woo Commerce Plugin for your site, check out the source:

Woo Commerce Plugin Documentaion for user guide to use the plugin.

Woo Commerce Plugin Community Forum for support upon issues of the plugin.

Woo Commerce Knowleadge Base for question about the plugin

Elementor

The WooW  works well with Elementor, the popular drag and drop page builder plugin with intuitive interface to build your content at ease. If you plan to use Elementor Plugin for your site, check out these source.

Elementor WordPress Plugin Documentation for user guide to use the plugin

Elementor WordPress Plugin Support System for support upon issues of the plugin

Contac Form 7

The WooW is fully compatible with Contact Form 7, the free form plugin recommeneded to create a nice form for your site. If you plan to use Contact Form Plugin for your site, check out these source.

Contact Form 7 Plugin Page for basic information about the plugin.

Contact Form 7 Plugin Documentation for user guide to use the plugin.

Contact Form 7 Plugin Support Forum for support upon issues of the plugin.

MailChimp for WordPress

MailChimp for WordPress Plugin Support for support upon issues of the plugin.