© Arrowhitech JSC 2016.

Overview

ArrowHiTech Jsc Is one of the Vietnamese leading IT outsourcing companies which puts high-quality services and customer’s satisfaction our top priorities. Since our establishment in 2007, we have increasingly widened our skills and our HR so as to meet all the demands of the customer all over the world with our dedicated services focusing on Web design & development, Extension/ Theme building, Mobile applications/ Games development and Internet marketing.

Version: 1.0
Author: ArrowHiTech.
Designed by: ArrowHiTech


Install WordPress

If you haven't had a working version of WordPress, you need to install it first in order to install Efarm theme. You can find many instructions to install WordPress in WordPress Codex or the Instructional Video created by Woo Themes. Below are some helpful links for you about WordPress information.



1. Install Theme

1.1 Installation

- Requirements for Theme

You can click here to find out more about requirements of WordPress.

Below are three requirements for working version of WordPress, PHP, and MySQL.

You also need to make sure that your host can comply with follow requirements.

  1. Your web host has the minimum requirements to run WordPress.
  2. Your host is running the latest version of WordPress.
  3. You can download the latest release of WordPress from official WordPress website.
  4. Always create secure passwords for FTP and Database.

- Recommended PHP Configuration Limits

Low PHP configuration limits can cause many issues. When related issues occur, you need to increase your PHP limits to a minimum as follows:



1.2 Theme Installation

- Install new theme manually via FTP Client

In order to add a new theme to your WordPress installation, please follow these basic steps:

  1. Download the zip package of the theme in ThemeForest
  2. Unzip the theme zip package which you can find inside Theme files folder.
  3. Connect to your FTP server and navigate to the WordPress installation folder.
  4. Go to wp-content/themes/ and upload the theme folder.
  5. Open WordPress admin panel (navigate through the web browser to the folder where you have installed the WordPress e.g www.your_domain.com/wp-admin/) and go Appearance > Themes on admin sidebar. Activate the theme.

    theme-install

- Install Theme via WordPress Admin Panel
  1. Open WordPress admin panel (e.g www.your_domain.com/wp-admin/) and go Appearance > Themes on admin sidebar and click "Add New" button.


  2. After that, click Upload Theme link, upload zip package of the theme which you can find inside Theme files folder and click Install Now to install the theme.


  3. You can click Activate link or go to Appearance > Themes on admin sidebar to activate theme.

Once the theme is installed, you need to install Required Plugins to get full working features.



1.3 Plugins Installation

In order to use the theme, you should install and activate all required plugins such as ArrowPress Core, Redux Framework. All other plugins which recommended, it ups to you whether to use it or not. For example, if you don't want to use Shop features, you can deactivate and delete all WooCommerce plugins.

- First method

Install plugins via installing plugins message.

After installing and activating the theme you will see the message about installing required plugins at the top of the page.

You should click Begin installing plugins link or go to Appearance > Install Plugins in order to install needed plugins for Efarm theme.

You will be redirected to Install Required Plugins page, here you will find all of the theme required plugins. In order to install these plugins, you just need to check all of them and select install then click apply. It will need to take a while to install plugins successfully.


When the installation process is done, you can click Return to Required Plugins Installer and select active then check all plugins to active these plugins.

- Second method

Install plugins via WordPress Admin Panel.

Besides, you can install some plugins which available in wordpress.org by navigating Plugins > Add New in admin sidebar. You should enter plugin name to search plugin and click "Install Now" to install the plugin you want. After that, click "Active" button to start using that plugin.

- Third method

Install plugins manually (Via FTP)

If you want to manually install plugins, you can follow some basic steps below.

  1. Download your WordPress Plugin to your desktop and extract plugin folder if it is a zip archive.
  2. With your FTP program, upload the Plugin folder to the wp-content/plugins folder in your WordPress directory online.
  3. Go to Appearance > Plugins and find the newly uploaded Plugin in the list.
  4. Click Activate to activate it.

After finishing plugin install, you need to configure the plugins.



1.4 Plugin Configuration

Some plugins will need to config setting to use.

Note: The license of some premium plugins such as WPBakery Page Builder, Ultimate Addon can't active in each site. You can update the latest version of it via our theme. Because we bought these plugins with the extended version. Please see Update section.

WPBakery Page Builder for WordPress 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. Moreover, now you can choose either work on a backend or move your page building process to frontend and instantly see changes you make.

You can see here for more details.

- After installing the WPBakery Page Builder, please go to WPBakery Page Builder > Role Manager. In the post types field, you should select Custom and check all post type as the screenshot below.


- Google Map

For google map shortcode work effectively, you should go to Ultimate > Google Maps and input Google Map API key.


Note: If you want to add google fonts or icons to use in some Ultimate Addon shortcodes, you can follow some steps below to do it.

- Google Fonts

If you want to use different google font in some Ultimate Addon shortcodes, you can go to Ultimate > Google Fonts. Click to Just a click button

- After that, you can select the font you want and click "Add to Collection" button

- Icon Manager

In order to add new icons to Ultmate Icon Manager, you can follow some steps below.

  1. Download efarm icon font zip file

    Download pe icon stroke7 icon zip file

  2. Go to Ultimate > Icon Manager

  3. Click Upload New Icons

  4. Select font icon zip file you downloaded in step 1 and click Insert Fonts Zip File

- Please see detail guide of Ultimate author. Icon Manager Guide


Navigate to Settings > Instagram Settings to access "Instagram Settings" page. You need to enter Access token and User ID of your instagram account in order to get images. Remeber to click Save Changes to save information.

You can find user ID in this link

You can get access token via this website

Navigate to Settings > ArrowPress Latest Tweets to access "Twitter API Authentication Settings" page. You need to enter Consumer Key, Consumer Secret, Access token and Access Secret and twitter username in order to get posts from your twitter account.

In order to get Twitter Access keys, you need to create Twitter Application:

  1. Go to https://dev.twitter.com/apps/new and log in, if necessary.

  2. Supply the necessary required fields, accept the Terms Of Service, and solve the CAPTCHA. Submit the form by clicking the Create your Twitter Application.

  3. Go to the API Keys tab and copy the consumer key (API key) and consumer secret from the screen into our application.


Go to MailChimp for WP > MailChimp to access general setting page of MailChimp. You should connect to your MailChimp account by entering API Key.


After that, navigate to MailChimp for WP > Forms and create a form with the content in this link MailChimp Form content

If a MailChimp form is already existed, you can do nothing or change the form content and click Save changes to display the form in the front end.

For detail instruction, please click MailChimp for WP.


Go to Contact > Form and create the form you want or edit existing form.

When you want to add a form which displays the same as in our demo site, you should change the content of the contact form in Contact > Form so the form can have a similar style. After changing form content, you can adjust the text or the field to what you want.

You will find form content we used in our demo site in this link. Each form can have different style based in the content in the contact form. If you imported demo content successfully, you can skip this step.

After that, you need to set up Mail tab. Please see this guide for more detail. Mail setting

WooCommerce is the most popular WordPress eCommerce plugin. Packed full of features, perfectly integrated into your self-hosted WordPress website.

You can see here for more details and woocommerce documentation.

- Change Image Sizes

You can change the product image sizes in Woocommerce > Settings > Products > Display > Product Images on admin sidebar.



After changing the image sizes, you should regenerate all the thumbnails using Regenerate Thumbnails plugins.

Please go Tools > Regen.Thumbnails and click Regenerate All Thumbnails.


- Enable register in My Account page

Navigate to Woocommerce > Settings > Accounts, check the box Enable registration on the "My Account" page


Regenerate Thumbnails allows you to regenerate the thumbnails for your image attachments. This is very handy if you've changed any of your thumbnail dimensions (via Settings -> Media) after previously uploading images or have changed to a theme with different featured post image dimensions.

You can either regenerate the thumbnails for all image uploads, individual image uploads, or specific multiple image uploads.

You can see here for more details.

Please go Tools > Regen.Thumbnails and click Regenerate All Thumbnails.


Please read Plugin author guide here. Uni CPO plugin page

Once Required Plugins are configured, you may be interested in installing sample content as our demo sites. In the next section, we will guide you about demo installation.



1.5 Demo Installation

Note: For successfully demo importing, you should make sure to set up Php configuration limit and max_execution_time as theme requirement before importing demo. Please read Install Theme > Installation for all requirements.

Make sure to install and activate all required plugins in Appearance > Install Plugins before installing demos especially ArrowPress Importer plugin

- First Method: One click import

You will be able to import several demos separately. In order to import demo content, please see steps to import demos below


  1. Step 1: Check the box Dummy Content (Required) and click "Import Content" button. It will take a while so please be patient.

  2. Step 2: After step 1 finish successfully, you can select demo you want and click "Import Content"

Note: If this method doesn't work with your server, you can try import all demos by the second method.


- Second Method: One click demo import plugin

Install demo with One click demo import plugin.

  1. Install and activate One Click Demo Import plugin.

  2. Download import file in this link. Extract it.

  3. Go to Appearance > Import demo data and choose XML file placed in theme_import/theme/content.xml

  4. In Widget import section, you should select import file for widget in theme_import/theme/widget_data.json

  5. Click Import button.

  6. After successfully finish above process, you should go to Setting > General and select homepage. Go to Appearance > Menu and assign menu to menu location such as Primary Menu. If you don't know how to set menu, please see Build your site > Menu setup.

  7. Import Slider Revolution

    Remember to install and active Slider Revolution plugin.

    - Step 1: Navigate to Slider Revolution in admin sidebar and click Import Slider button.

    - Step 2: Click Choose File and select slider import file which placed in theme_import/theme/slider/ folder. After that, you should select "Import Slider" button.


    - Step 3: After process of importing slider finish successfully, you will be redirect to Slider Revolution page.

- Third Method (All-in-One WP Migration)

Install demo via All-in-One WP Migration plugins.

Remember that your site database will reset entirely after using this method.

Please follow steps listed below to import demo.

- Step 1: Install and activate All-in-One WP Migration plugin to use this method.

- Step 2: Download Demo backup file.

- Step 3: Upload backup file to wp-content/ai1wm-backups folder.

- Step 4: Navigate to All-in-One WP Migration > Backups on admin sidebar

.

- Step 5: Click Restore button and wait for few seconds. You will see success message after click continue.

- Step 6: Login to the site with the account: Username: admin, Password: admin After login with this account, you can change username and password back to your credentials.

- Fourth Method (WordPress importer)

Import demo data manually.

Note: Please remember to install all needed plugins before import demo data. If you have not install plugins, please see Plugins Installation to finish that step.

  • Import widget

    - Step 1: Install and activate Widget Data - Setting Import/Export Plugin

    - Step 2: Download import file in this link. Extract it.

    - Step 3: Navigate to Tools > Widget Settings Import and click Select a file button.

    - Step 4: Select widget file in theme_import/theme/widget_data.json folder and click "Open".

    - Step 5: Click Show Widget Settings.

    - Step 6: Click Select All Active Widgets.

    - Step 7: Click Import Widget Settings.

  • Import Data

    - Step 1: Navigate Tools > Import and click on WordPress link. This will bring up a popup box that allows you to install the plugin directly from your website.


    - Step 2: After clicking Install Now button, you should activate plugin by clicking Activate Plugin & Run Importer.


    - Step 3: After that, you will be taken to the import page. This is where you upload the XML file which will be found in theme_import/theme/content.xml to import data.


    - Step 4: You will then be given the option to assign imported authors to exist authors on your website or create a new account for each author’s posts. Also, there is an option for you to download attachments. If you select this, WordPress will attempt to import all of the images that are attached to the posts and pages you are importing.


  • Import Slider Revolution

    Remember to install and active Slider Revolution plugin.

    - Step 1: Download import files and extract it. Import data files

    - Step 2: Navigate to Slider Revolution in admin sidebar and click Import Slider button.

    - Step 3: Click Choose File and select slider import file which placed in theme_import/theme/slider/ folder. After that, you should select "Import Slider" button.


    - Step 4: After the process of importing slider finish successfully, you will be redirected to Slider Revolution page.

    You can see Slider Revolution Documentation for detail guide.


  • Import Theme Options

    Note: This will overwrite all existing option values, please proceed with caution!

    After extract zip package of Efarm theme, you can navigate to Theme Options > Import/Export to import Efarm Options.

    - Step 1: Navigate to Efarm Options in admin sidebar and click Import/Export button.

    - Step 2: Click Import from File and input path of import file in Import folder. Note: There are 4 import files for each demo. Make sure to use right file before importing. After that, you should select "Import" button.


2. Build Your Site

Note: Please read carefully Theme Installation / Plugin Configuration before performing these follow configurations.

2.1 General WordPress Settings

- WordPress Configuration

First step to build your site is to set your site name, site link and set up homepage.

2.2 Setup menu

- Create New Menu

Detail steps:

  1. Navigate to Appearance > Menus in admin sidebar then click Create a new menu link. Give your new menu a name and click "Create Menu" button.

  2. Add menu item to your new menu by checking the box before item name and click "Add to Menu".

  3. Add menu icon or tip label if you want. For menu icon, you can find a lot of icons in some following link. Font Awesome Icons, Linearicons , Pe stroke icon7. After finding the icon you want, copy icon class to Icon Class field.

  4. If you want to use mega menu, you should check the box Mega Menu to enable mega menu. Select number of column in mega menu

  5. Drag menu item you want into the mega menu

  6. In order to add shortcode to menu such as Product list. You should click "Save Menu" to save menu and see the option for adding menu block. You should follow the step below to add it.

    • First, you should add a static block content. Go to Static Block > Add New

    • Adding block title. Make sure the name of block is not the same with other posts, pages or any other content.

    • Adding content. You can use WPBakery Page Builder to add shortcode. Make sure to turn on WPBakery Page Builder for static block content. If you don't know how to enable WPBakery Page Builder for block, please see Plugin Configuration > WPBakery Page Builder

    • Click Publish button
    • Add static block name to Block Name field.

  7. Assign menu to "Primary Menu" location.


2.3 Header Setup

  1. Logo Image

    Go to Theme Options > General > Logo, Favicon, Js Custom and upload your desired logo image.

    If the logo in header don't change or you can't find logo option in Theme Options > General > Logo, Favicon, Js Custom, you should go to Theme Options > Header > Select header type you use and upload your desired logo image.

  2. Menu setup

    If you haven't setup your menu, you should see Build your site > Setup Menu for detail guide.

  3. Search, Mini cart, Account menu

    You can see options for it in Theme Options > Header > select header type you use.

    - Hide/display search, mini cart and account menu.

    - Change icon. You can find a lot of icon classes in some following websites. Font Awesome Icons, Linearicons , Pe stroke icon7.

    - Choose header search style and search type.

  4. Header Side Information

    - You can change the content in Theme Options > Header > Side Header Information.

    - For social link, you can change the link in Theme Options > Header



2.3 How to

- Create Blog Posts

Efarm support several post formats such as: Video, blockquote, link, audio, gallery.

Step 1 – Navigate to Posts in your WordPress admin sidebar.

Step 2 – Click on the Add New option to make a new post. 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 4 – Add Tags from the right side. Type the name of the tag in the field, separate multiple tags with commas.

Step 5 – Click the first Featured Image Box, select an image and click the Set Featured Image button.

Step 6 - Add content for "Short description" and select single blog layouts in Blog Options. The "Short description" content will display as the summary in blog list.

Step 7 - Select Post Format and enter suitable content for post format in Post Format box.


- Video and audio format: you will need to enter embed link of youtube, vimeo or soundcloud or paste the iFrame embed from either Youtube or Vimeo into the Video Embed Code field in Video & Audio Embed Code.

- Gallery format: If you choose Gallery format, you will see Image Gallery box display in the right of page. Image in gallery will be shown as slider.

- Blockquote format: If you choose Blockquote format, you will need enter quote and quote author

- Link format: For Link format, you will need enter title and link

Step 8 – Select options in Layout Options box.

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


- Create Gallery


Step 1 - Navigate to Gallery in your WordPress admin sidebar. Click Add New to make a new post.

Step 2 - Enter title.

Step 3 - Insert your post content in the editing field.

Step 4 - Add Categories from the right side. To assign it to the post, check the box next to the category name.

Step 5 - Add Featured Image. In order to add featured image for your post, click the first Featured Image Box, select an image and click the Set Featured Image button.

You should use big size image (min width and height is 1230px) for featured image so it can crop image size and work perfectly with each gallery layout.

Step 6 - Adding gallery image.

Step 7 - Select options in Layout Options box.

ss Step 8 - Once you are finished, click Publish or Update in the right side to save the post.


- Create a static block content

In order to add or edit static block content, you can follow these basic steps below.

Step 1 - Navigate to Static Block in your WordPress admin sidebar. Click Add new if you want to create new, otherwise, click Static Block and select post if you want to edit.

Step 2 - Enter title

Step 3 - Enter content. You can use WPBakery Page Builder to add shortcode to content.

Make sure to enable WPBakery Page Builder for static block in WPBakery Page Builder > Role Manager > check the box "block". Please see Plugin Configuration > WPBakery Page Builder.

Step 4 - Once you are finished, click Publish or Update in the right side to save changes.


- Create a page

You can use WPBakery Page Builder to add shortcode into page content. For detail option of each Efarm shortcode, please see Shortcode section.

  1. Step 1 - Navigate to Pages in your WordPress admin sidebar. Click Add new if you want to create new, otherwise, click All Pages and select post if you want to edit.

  2. Step 2 - Enter page title

  3. Step 3 - Enter content. You can use WPBakery Page Builder to add shortcode to content. Make sure to enable WPBakery Page Builder for page. Please see Plugin Configuration > WPBakery Page Builder for more detail.

  4. Step 5 Select options in Layout Options.

    Note: Header and Footer selection in Layout Options will have higher priority than General Theme Options.

  5. Step 5 - Once you are finished, click Publish or Update in the right side to save changes.


- Create Recipe

Step 1 - Navigate to Recipe in your WordPress admin sidebar. Click Add New to make a new post.

Step 2 - Enter title and post content.

Step 3 - Add directions for your recipe in Direction box. You can add image, title and description for each step.

Step 4 - Enter description, ingredient and other needed information in Recipe Options box. The description will display in some shortcode content.

Step 5 - Add Categories from the right side. To assign it to the post, check the box next to the category name.

Step 6 - Add Featured Image. In order to add featured image for your post, click the first Featured Image Box, select an image and click the Set Featured Image button.

You should use big size image for featured image so it can crop image size and work perfectly with each recipe layout.

Step 7 - Select options in Layout Options box.

Step 8 - Once you are finished, click Publish or Update in the right side to save the post.


- Set Up Coming Soon Page

  1. Navigate to Theme Options > Coming Soon and change the title, content and select the options to what you want.

  2. Go to Pages > Add New

  3. Add page title and select page template: Coming Soon.

  4. Click Publish.

  5. Go to Settings > Reading and set coming soon page is the homepage.

- Create Page with fixed header

  1. Create or edit a page in Pages. Go to Pages > Add new to create new page.

  2. Scroll down until you see Skin Options box.

  3. Check the box Header fixed.

  4. Click Publish or Update.

- Change footer content

You can change almost content in footer in Theme Options > Footer > select footer you use and Appearance > Widget. Go to Appeareance > Widget, you can find footer sidebar for each footer. Below will be detail guide for each footer type.

  1. Footer 1:

    - :

    1. Go to Theme Options > Footer > select Footer 1

    2. Scroll down > upload other logo image.

    3. Click Save changes.

    If after that, you see the footer logo don't change or you want to change logo for only a page, you can edit page > scroll down and change logo in Skin Optionsbox

    1. After importing demo content, you should connect MailChimp to your MailChimp account in MailChimp For WP > MailChimp. If you are already done this, you can skip this step.

    2. Create or edit MailChimp Form. Please see Plugin Configuration > MailChimp For WP for more detail. For example, you want to change the text"join our newsletter", you can edit MailChimp Form in MailChimp for WP > Form.

    3. Go to Appearance > Widget and add MailChimp widget to Footer Newsletter sidebar

    4. Click Save


  2. Footer 2:

    - Changing footer desc.

    1. Go to Theme Options > footer > select footer you use.

    2. Change footer description

    3. Click Save Changes

    - Changing footer content in footer sidebar.

    1. Go to Appearance > Widget.

    2. Change the content of Footer widget 1,2,3,4 sidebar. You can add other widget to footer sidebar or edit existing widget in sidebar.

    - Changing Newsletter contentss

    1. Go to Appearance > Widget.

    2. Change the widget in Footer Newsletter sidebar.

    3. Go to MailChimp For WP > Form and change the form content. s


  3. Footer 3:

    - Changing footer desc.

    1. Go to Theme Options > footer > select footer you use.

    2. Change footer description

    3. Click Save Changes

    - Changing footer menu.

    1. Go to Appearance > Widget.

    2. Change the content of Footer 2 Menu sidebar. You can call other menu by Custom Menu widget or edit Menu Footer 2 in Appearance > Menu.

    - Changing footer content in footer sidebar.

    1. Go to Appearance > Widget.

    2. Change the content of Footer 3 widget 1,2,3,4 sidebar. You can add other widget to footer sidebar or edit existing widget in sidebar.

    - Changing social link.

    1. Go to Theme Options > Footer > select footer you use.

    2. Change social link you want. If you don't want to display some social link icon, you should delete the link to hide it in frontend.



3. Theme Options

Efarm provides many options for you to customize your page effectively. These options are organized into logical tabbed sections which will be very easy for you to navigate. Because of the sizable amount of options, 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. See below for screenshots and short descriptions of Efarm Options panel.

- There are 2 ways to access theme options.

1) Click Apr Options link at the top of the page.

2) Click Apr Options in admin sidebar.


- After that, you will see a logical tabbed section including a lot of tabs for you to discover. Below sections will go through each tab in detail for you.

3.1 General

- In this tab, you will see 4 sub-tab options including options for layout, sidebar, logo icon, favicon and custom JS code.

  1. _ Layout

    Efarm enables 3 possible positions for sidebar like Left Sidebar, Right Sidebar, Left and Right Sidebar or no sidebar if you do not select any sidebar regions for Left Sidebar and Right Sidebar options.

    - If you have select sidebar in Left Sidebar or right sidebar and don't see it display, please make sure to add widget to that sidebar. (Navigate to Appearance > Widget to check it.

  2. _ Logo, Favicon, Js Custom

    You will be able to upload your desired logo image, favicon in this tab. You can freely to upload your desired logo image, however, we suggest you to use same size image as our demo site. It will help you to avoid some unwanted problem of header display.

    Note: If the logo in header don't change or you can't find logo option in Theme Options > General > Logo, Favicon, Js Custom, you should go to Theme Options > Header > Select header type you use and upload your desired logo image.

  3. _ View, Language Switcher

    You can select hide or display language switcher to the header. This option will only work for WPML plugin. ss

  4. _ PreLoader

    You can enable/disable and change preloader style for your website. We provide 9 types of preloader sample for you to select. Also, you can change color and background color of preloader. The same as header and footer, we enable you to select different preloader for each page. You can edit Page > scroll down and select Preloader style in Layout Options box.

That is all main information about the General tab. Let move on to the Skin tab option.


3.2 Skin

There are 4 sub-tabs:

  1. _ General

    After navigating to this sub-tab, you will see some options for you to set the background color or background image. Furthermore, general font for your website is customizable with several google font family available as well as font weight, font style, font size and line height. Also, you can change main color and highlight color in this tab.

    Let take a look at the screenshot below. You will see default selections we use for Efarm theme.


  2. _ Breadcrumbs

    The useful options for changing breadcrumb background is placed here. By default, breadcrumb background will be an image background. You can change background image to whatever image you want. Furthermore, you can use and change the background color for breadcrumb part.

    Breadcrumb type 1:

    Breadcrumb type 2:

    Breadcrumb type 3:


  3. _ Typography

    Efarm provides several choices to modify color as well as font family and font size of h1, h2, h3, h4, h5 and h6 font.


  4. _ Custom

    this tab allows you to enter your custom css code.



3.3 Header

This tab will provide options for you to select General Header type for your site and change some color or background color for header.

Efarm provides a lot of options for you to select in this tab. Besides some same options to decide whether or not to enable sticky menu, each header will have different options such as display mini cart, search form or upload different header logo. Please see guide about setup header in Build your site > Header Setup

_ Header Styling

Remember that, each header type will have different options for color and background. Also, you will be able to set width for logo image and set padding for menu item.

3.4 Footer

List of options available:

  1. Select footer type from some pre-made footers.

  2. Enable/disable footer fixed.

  3. Set footer background, title color, text color.

  4. Change footer logo.

  5. Change footer description, address, contact info.

  6. Change social link which displays in footer.

  7. Change footer copyright text.


3.5 404 page

  1. Change background image.

  2. Enter 404 title and content.

  3. Adjust text color.

  4. Select header and footer for 404 page.



3.6 Blog & Single Post Options

- Efarm gives you multiple selections for blog page.

For blog layout default, You can change sidebar positions (Left, right, Left and right or no sidebar) with wide or fullwidth layout. Also, There are 4 layouts (Masonry, grid, list and packery) for your blog page. Furthermore, changing column numbers for each layout is also available for your selection.


  1. Page Title: Change the page title which display in breadcrumb part.

  2. Layout: Select layout Fullwidth, wide or boxed.

  3. Select Left Sidebar: If you want to display sidebar in the left side of the blog page.

  4. Select Right Sidebar: If you want to display sidebar in the right side.

  5. Blog Layout: Change blog layout (Grid, List, Masonry and Packery).

  6. Blog Columns: Change number of columns for grid, masonry and packery layout

  7. Pagination type: There are 3 types for you to choose.

  8. Post Meta: Select multiple post metas you want to display in blog list.

- Single Post Options

  1. Single Post Layout: Selectss the post detail layouts from 4 pre-made layouts

  2. Post share links: Hide or display multiple social links.


3.7 Portfolio

These options not only let you select layout and sidebar position but also allow you to choose portfolio layout and load more button style. Also, you can change the number of portfolio show per page and portfolio column in this tab. Furthermore, you can change portfolio slug and portfolio category slug.

Remember to refresh your permalinks after changing the slug of portfolio. You can do it by going to Settings > Permalinks and click Save Changes

-Please see below screenshot for better understanding.

Single Portfolio

3.8 Shop

- General

There are available options for you to hide product label, product price and add to cart button.

There are two sub-tabs containing useful settings for Product listing and single product page. Let take a look at these options.

_ Product listing

Beside some options for layout, sidebar as other pages, Efarm allows you to change number of products to display per page and select number of column (1,2,3,4,5). You can also change the layout either List or Grid for your shop page.

- If you want to hide Wishlist, you can hide it easily for shop listing page with the Show Wishlist option in here. What about the wishlist button in single product page? Don't worry! You can hide it by going to YITH Plugins > Wishlist and uncheck the box "Enable YITH Wishlist". There will be a different way for it too, you can deactivate YITH Woocommerce Wishlist plugin in Plugins > Installed Plugins

- It is interesting that changing layout, columns and product per page is possible for each product category. You can do it by following some simple steps below.

IMPORTANT NOTE – Product Category Options will override the general options set in Efarm Theme Options.

  1. Go to Products > Categories, select category you want to change and click Edit button
  2. Select different List mode, the number of columns and number of products display per page.

_ Single product

For single product page, you also can customize page layout as well as sidebar position. Furthermore, you can hide related products block and share links. Especially, you can hide and rename product tabs easily such as description tab, review tab with Efarm Single Product Options.

Please look at the screenshot below to see clearly about these available options.


3.9 Recipe

- Recipe Archive Page

  1. Change recipe and recipe category slug

  2. Select layouts and select sidebar for recipe archive page and recipe category page.

  3. Hide/Show search bar in recipe archive page.

  4. Choose recipe layouts either list or grid.

  5. Adjust number of recipes to show per page.

  6. Select pagination type and post meta to display

- Recipe Detail Page

  1. Select tab content you want to display in Recipe Single.

  2. Select social share links to show.

  3. Add print shortcode. By default, [print_button] will be added to display default print button in Efarm. However, if you want to use other print shortcode from other print plugins, you can change it here.

  4. Hide or show print button for recipe directions.

3.10 Knowledge

- Knowledge Archive Page

  1. Change knowledge and knowledge category slug.

  2. Select layouts and select sidebar for knowledgebase archive page and category page.

  3. Choose knowledge layouts either list or grid.

  4. Adjust number of knowledge to show per page.

  5. Change number of grid columns.

  6. Select pagination type and post meta to display

- Knowledge Detail Page

Select social share links to show.

3.11 Coming soon

This tab provides options for your coming soon page when your site in maintenance mode.

Look at the screenshot below, you can see that there are several useful options such as content customization, display countdown timer, and subscribe form.

You can also change the text which displays under countdown number.

For subscribing form, please install and activate Mailchimp for WP plugins



4. Shortcode

Remember to install and activate ArrowPress Core plugin.

In order to add shortcodes using visual composer, you should enable visual composer editor and select the element you want to add. If you click the following button, will be show the popup.



There are several content elements for you to choose. Please take some time and feel free to explore all shortcode available. Specifically, Efarm enable user to use Utimate VC Addons with several effective shortcodes. You can take a look in Utimate Addons elements

- Screenshot of all elements in Efarm


- Screenshot of available shortcodes in Utimate VC addons


- ArrowPress shortcodes

4.1 ArrowPress Static Block

This shortcode will generate all post of "static block" content type for you to select. Specifically, it provides a dropdown containing name of all published static blocks for you to select.


4.2 ArrowPress Container

This shortcode helps you to wrap all the content inside into a container class. After add this shortcode to your content, you can add another shortcode placed inside Efarm Container by click "plus" button.

Also, you can choose container type:

- Default container: It uses bootstrap container.

- Container Fluid: a full width container, spanning the entire width of your viewport.

Furthermore, you can adjust max width of the container.


4.3 ArrowPress Instagram Feed

This shortcode lets you to display images from Instagram account.

Note: You need to set Access token and user Id before use this shortcode. Please see Plugin Configuration > Instagram to see how to config Instagram.

Options are available:

- Enter number of images to display.

- Select layouts: Instagram slider and multiple instagram packery layouts.

- Adjust number of columns in desktop, tablet and mobile. This option is only available for slider layout.

- Add extra class


4.4 ArrowPress Heading

This shortcode includes several heading styles and several useful options for you to adjust the heading.

General Tab

- Select style of heading.

- Enter heading title.

- Enter summary.

- Select heading tag

- Select heading alignment.

- Upload image to display above heading title.

- Choose separator. You can enable line or icons separator for you heading.

- Add extra class name

Icon Tab: You can select icon type (Image icon or font icon) and icon from several font icon family and enter icon font size. This tab is only enable when you select icon separator.

Typography Tab: This tab allows you to customize big title, small title.

  1. Big title settings:

    - Adjust font size for device responsive.

    - Change font family using google fonts.

    - Change letter spacing.

    - Adjust line height for desktop, tablet, tablet portrait, mobile landscape and mobile.

  2. Small title settings:

    - Enter font size.

    - Change font family using google fonts.

    - Select text transform.

    - Change letter spacing.

  3. Description settings:

    - Enter font size.

    - Change line height.

Styles Tab: This tab contains options for color customizing and space adjusting.

  1. Color settings: allows you to change color for title, separator and description.

  2. Space settings: set top and bottom space for each element in heading.


4.5 ArrowPress Member

List of options available:

- Set layouts.

- Upload member image.

- Enter name, job.

- Add social links.

- Add extra class name

Skin tab includes options for choosing color and background color for member info.


4.6 ArrowPress Banner

Each banner layout will have some different options, please feel free to explore it.

List of options available in General tab:

- Set title.

- Select banner layout

- Upload banner image

- Set text align

- Add button link

- Add extra class name

For Skin tab, you will see options for changing color of title and small title color.

4.7 ArrowPress Testimonial

Below will list all available options in this shortcode.

- Enter name, job and description.

- Select layouts.

- Select alignment.

- Upload image.

- Add extra class.

Skin tab:

- Change title color

- Select color for additional information.

- Change description color.


4.8 ArrowPress Blog

- Select blog layout.

- Change number of items to display.

- Change number of columns display on desktop large, desktop, tablets and mobile.

- Choose filter alignment.

- Enable/disable space between blog item.

- Show/hide view more button.

- Add extra class.


Data Tab: It allows you to change order way, select blog category by either slug or Ids to display posts.

For getting blog category ID and slug, you can see simple guide below.

Get Blog category ID
  1. Go to Posts > Categories

  2. Click Edit to edit category you want.

  3. Lool at broswer link. You will find the ID of category. It is the number after tag_ID

Get blog category slug.
  1. Go to Posts > Categories

  2. In here, you can see the slug of the category you want.


4.9 ArrowPress Portfolio

List of available options:

- Select layout.

- Change number of columns

- Change number of items to show

- Show/hide load more button

- Enter category ID. If you don't know how to get gallery category. Please see following guide.

  1. Go to Gallery> Gallery Categories

  2. Click Edit to edit category you want.

  3. Lool at browser link. You will find the ID of category. It is the number after tag_ID

- Show/hide filter.

- Enable/disable space between items.

- Enable/disable item delay.

- Add extra class.

- Changing order way.

Skin Tab: You can change filter text color.


4.10 ArrowPress Recipe

Make sure to add recipe post in Recipe > Add New before using this shortcode.

List of available options:

- Select layout.

- Enter number of recipe to show.

- Enter category ID. If you don't know how to get recipe category. Please see following guide.

  1. Go to Recipe> Recipe Category

  2. Click Edit to edit recipe you want.

  3. Lool at browser link. You will find the ID of category. It is the number after tag_ID

- Change order way.

- Add extra class.



4.11 ArrowPress Slider Wrap

Options available:

- Select layout.

- Enable or disable autoplay mode.

- Show or hide dots and navigation arrow.

- Add multiple thumbnail images. Make sure the thumbnail images fit the number of slides you want to add.

- Show or hide slide number.

- Add extra class name.

After adding this shortcode, you can click to plus button to add slider elements.



4.12 ArrowPress Icon Box

General tab:

Below will be list of available options in this shortcode.

- Select block layout.

- Enter title and description.

- Select text align.

- Add extra class for custom style

Typography tab:

- Enter title font size.

- Enter title font weight.

- Change font family.

Icon tab:

- Select icon type either Image icon or Font icon library.

- Upload image icon if you choose image icon.

- Select icon style.

- Select Icon from 7 font icon family available.

- Set icon font size.

Skin tab:

- Choose title and description color.

- Adjust icon color.

- Change icon background and border color.

4.13 ArrowPress Services

General tab:

Below will be list of available options in this shortcode.

- Select block layout.

- Enter title and description.

- Upload image.

- Select text align.

- Add extra class for custom style

Color tab: You can change color for title, description and background.

4.14 ArrowPress Product

This shortcode allows you to display product into different layout.

Below will be list of available options .

- Select layouts.

- Select number of product to show

- Select product type (Recent, sale, featured products)

- Choose product category to display. (Enter product category slug)

- Select order way.

- Show/hide view more button.

- Add extra class for custom style


4.15 ArrowPress Product Categories

If you want to display product categories in nice format, you should use this shortcode.

Below will be list of available options in this shortcode.

- Change number of categories you want to show.

- Select number of columns.

- Select order by and order way.

- Show/Hide button.

- Choose to display or hide empty categories.

- Display number of products in each categories.

- Choose to display product category image or not.

- Enter parent category slug name to retrieve direct-child terms of. If you want to display child categories in a category, you should enter parent category in this field. You can find category slug name in Products > Categories

You can enter 0 in this field to retrieve only top-level terms. s

- Enter category IDs which you don't want to show. If you want to exclude some categories, you can enter IDs of those categories in this field. You can find IDs in Products > Categories > edit the category you want to hide. After that, you can see the IDs after tag_ID in browser link.

You can see Find product category ID instruction


4.16 ArrowPress Product Filter

Below will be list of available options in this shortcode.

- Change number of categories you want to show.

- Select order by and order way.

- Show/Hide view more button.

- Show/Hide filter.

- Display number of products in each categories.

- Choose to display product category image or not.

- Enter parent category id to retrieve direct-child terms of. If you want to display child categories in a category, you should enter parent category in this field. You can find category slug name in Products > Categories

You can enter 0 in this field to retrieve only top-level terms.

- Enter parent category slug name to get all direct-child categories. If you don't want to use IDs, you can enter slug name to filter products.

- Enter category IDs which you don't want to show. If you want to exclude some categories, you can enter IDs of those categories in this field. You can find IDs in Products > Categories > edit the category you want to hide. After that, you can see the IDs after tag_ID in browser link.

You can see Find product category ID instruction



5. Widgets

In order to add Widget to sidebar, you should click to the widget which you want to add and select sidebar.

- To change content in Footer, you can navigate Appearance > Widgets and edit existing widgets or add new widget to footer sidebar.

- For example, with Footer type 1, you can see detail sidebar in footer type 1 in picture below. See Build your site > Change footer content for more detail instruction.



6. Update

6.1 Update Theme

Before updating the theme, we want you to know that updating the theme don't affect to your site data. All of your content and theme settings are preserved.

To avoid the unwanted problem, you should backup the theme files or even theme options you select in Efarm Options. Normally, the theme options you select in Efarm Option won't change after updating the theme

Backup Theme Files

- Backup of the theme folder (efarm) which located in wp-content/themes/

Backup Theme Options

  1. Go to Efarm Options > Import/Export

  2. Click Copy Data in Export section. You should paste it to a new file to save it.

Update using FTP

  1. Go to http://themeforest.net/downloads and find Efarm theme.

  2. Click the Download button next to Efarm theme and choose to download the "Installable WordPress File only" which is just the WordPress file, or choose the "All Files and documentation" which is the entire package that contains everything.

    efarm-doc

    If you download "All Files and documentation", you should extract it and you will find theme folder named efarm.zip which is located inside "Theme files" folder. Unzip the theme zip file(efarm.zip) to get the "efarm" theme folder. .

  3. Replace the old theme folder in wp-content/themes/ with new theme folder you extracted in previous step.
  4. If you made changes anything in the theme files in wp-content/themes/efarm, you will need to update the changes again to the new theme files.

  5. If the options you select in Efarm Options is lost, you should go to Efarm Options > Import/Export > Import from File > Paste the content you save in Backup Theme Options steps. Click Import to import theme options.


6.2 Update Plugins

For some plugins like WPBakery Page Builder, Ultimate Addons, ArrowPress Shortcodes, ArrowPress Importer, ArrowPress Social, you should update manually these plugins.

  1. Please go Plugins.

  2. Select and deactivate these plugins.

  3. Select and delete these plugins.

  4. Please go Appearance > Install Plugins.

  5. Select and install these plugins.

  6. Select and activate these plugins.

7. Uni CPO

Uni CPO - WooCommerce Product Options

Please read Uni CPO - WooCommerce Product Options and Price Calculation Formulas WP Plugin Documentation

The plugin provides an opportunity to add custom options for products with the possibility to calculate product price based on the chosen options and using custom maths formula!

Uni CPO – WooCommerce Options and Price Calculation Formulas is a fully featured plugin that creates an opportunity to add custom options to your WooCommerce products as well as enables custom price calculation based on any maths formula. This version of the plugin includes these types of options: text input, text area, radio inputs and dropdown (select).

This is the documentation for Uni CPO 4. The plugin has two versions: Free (plugin's page on wordpress.org) and Pro (builderius.io/cpo).


8. Translation

Use Loco Translate

Please read Loco translate installation

Translate theme

  1. Install and activate the plugin Loco Translate

  2. Go to Loco Translate > Theme. Select Efarm theme.

  3. Click the “+ New language” button.

  4. Select The language you want the texts to be translated and continue.

  5. On next screen all the “English text strings” that are inside the theme will be listed. Select text string from the “Source Text” list and then Add your translated text in the textarea below.

  6. Click the Save button.

Translate plugins

  1. Install and activate the plugin Loco Translate

  2. Go to Loco Translate > Plugins. Select plugin you want to translate such as ArrowPress Shortcodes.

  3. Click the “+ New language” button.

  4. Select The language you want the texts to be translated and continue.

  5. On next screen all the “English text strings” that are inside the theme will be listed. Select text string from the “Source Text” list and then Add your translated text in the textarea below.

  6. Click the Save button.

NOTE: You need to set your language in Settings > General to display translated text in frontpage


Use WPML

WPML is the most popular plugin for multi language support. Below you will find documentation their team created for using WPML plugin. If you've purchased WPML and have any questions or issues, please check the links below.


  • WPML Plugin - The highly recommended plugin to manage multi-lingual sites
  • WPML Forum Support - If you bought WPML then you get free support from their amazing team
  • Translating Widgets - Tutorial recommended by wpml team for translating widgets

Use Polylang

Please check the linnks below for detail instruction.

  • How to install and set up multilingual site.
  • By default, after adding multiple language to the site and enable language switcher in Apr Options > General > Show Language Switcher, the language switcher will display to the header.

    efarm-doc

    To display language switcher in the menu, you can read this guide.


9. Site Speed Up

We recommend some following plugins:

- W3 Total Cache plugin to cache the site.

efarm-doc

- Better WP Minify plugin to minify css and js file.

- EWWW Image Optimizer plugin to reduce image sizes.

For Ultimate Addons plugin, you should enable minify CSS and JS in Ultimate > Scripts and styles

efarm-doc

10. Support

If you don't find the answer for your issues in this document and you want to contact us for support, please contact us by creating new topic in our website ArrowPress Support Site or send an email to our email arrowpress@arrowhitech.com

Thank you all for using our theme.