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

1. Install WordPress


If you haven't had a working version of WordPress, you need to install it first in order to install Modus 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.

2. Install Theme

2.1 Requirements


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

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

  • WordPress 4.0 or higher.
  • PHP 5.5 or higher.
  • MySQL 5 or higher.

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:

  • max_execution_time 180
  • memory_limit 128M
  • post_max_size 32M
  • upload_max_filesize 32M

2.2 Installation

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

    Go to wp-content/themes/ and upload the theme folder.

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

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


3. Plugins Installation

3.1 Install plugins


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.

3.1.1 - 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 Modus 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 tCryptcioe 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.

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

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


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

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


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

When you want to create a form having the same style like our demo site, you should change the contact form's content in Contact > Form. After changing form's content, you can change the text and field into your desired ones.

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

After that, you need to set up Mail tab. Please see this guide for more details. 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

  1. Go to Appearance > Customize
  2. Then go to WooCommerce > Product Images
  3. There are many options for you:
    • Resizing Single Product Image in Main image width field
    • Resizing Product Thumbnail Image in Thumbnail width field

      - You can set the height of the images in Thumbnail Cropping

      • 1:1: If you select 1:1, your images will be cropped into 360px width and 360px Height (assuming you have set the image width 360px in Thumbnail Width field.
      • Custom: In Custom you can select the aspect ratio of the image. Here is some of the popular aspect ratio (1:1, 5:4, 4:3, 3:2, 16:9 and 3:1).
      • Uncropped: Height of the image will be untouched. Images will display using the aspect ratio in which they were uploaded.

    Having made changes with product's image, click on Publish



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


- Enable register in My Account page

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

You also need to setup proper page with right action, go to Woocommerce


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 1 of 2 options



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.

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


4.1 - First Method: One click import

  1. Go to Appearance > Import Demo Content
  2. Import Base Content

    Note:This will takes about 15 minutes

  3. After successfully importing Base Content, you can go to Appearance > Import demo content and import Home Demos you want

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


4.2 - 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. Go to Appearance > Import demo data and choose XML file placed in import/content.xml

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

  4. Click Import button.

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

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

4.3 - 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: Navigate to All-in-One WP Migration > Import on admin sidebar.

- Step 4: Click Import From > File button, select the demo file downloaded in step 2. After that, you should wait for few minutes and click Continue.

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

4.4 - 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: Navigate to Tools > Widget Importer & Exporter and click Select a file button.

    - Step 3: Select widget file in import/widget.wie folder and click "Open".

    - Step 4: Click Import Widgets.

  • 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 tCryptcioen to the import page. This is where you upload the XML file which will be found in import/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: 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 import/slider/ folder. After that, you should select "Import Slider" button.


    - Step 3: 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 Modus theme, you can navigate to Theme Options > Import/Export to import Modus Options.

    - Step 1: Navigate to Modus 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.


Then, remember to save permalink, go to Settings > Permalinks, select Post name

And define which page is displayed as homepage

5. Build Your Site


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

5.1 General WordPress Settings

- WordPress Configuration

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

  • You can change Site Title in Settings > General in admin sidebar.


  • In Settings > Reading page, you can set the number of posts to show in blog pages and select page for Front Page and Posts Page .


  • Discussion settings in Settings > Discussion provide a lot of options for you to explore such as "Default article settings", "Other comment settings".


  • In Settings > Permalinks, you can select "Post name" option.


5.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. If you want to add mega menu for a specific menu, do as description below

    Click on down arrow of the menu and check Mega menu, select Display Content of panel columns options, feel free if you wish to resize mega menu width at Default options

    If you want to select a new options for this, go to Mega menu [Arrow theme] > Add new

    Select your desired design, then Update

    Or you wonder where you can edit the menu inside this mega menu: Go to Mega menu [Arrow theme]

    List of mega menu will show up, select the one to edit

5.3 Header Setup

Go to Modus > Header in order to access header setup page.

General, Modus supports 3 types of header, you can see demo in the pictures below.


To find out more about these options, you can go to Theme Options > Header.


5.4 Footer Setup

Go to Modus > Footer in order to access footer setup page.

General, Modus supports 3 types of footer, you can see demo in the pictures below.


To find out more about these options, you can go to Theme Options > Footer.


5.5 How to

5.5.1 - Create Blog Posts

Modus support several post formats such as: Video, blockquote, link, audio, project.

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.

- Project format: If you choose Project format, you will see Image Project box display in the right of page. Image in project 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.


5.5.2 - Create a page

You can use WPBakery Page Builder to add shortcode into page content. For detail option of each Modus 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.


5.5.3 - Change footer content

Go to Appeareance > Widget, you can find footer sidebar's information. Each footer has about 5 parts, you can click on each part to change.


5.5.4 Client

- Creating / Editing Client

Step 1 - Navigate to Client in your WordPress admin sidebar.

Step 2 - Click on the Add New option to make a new client. Enter client name in title field.


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

Step 4 - Once you are finished, click Publish or Update to save the client.



5.5.5 Testimonials

- Creating / Editing Testimonials

Step 1 - Navigate to Testimonials in your WordPress admin sidebar.

Step 2 - Click on the Add New option to make a new testimonials. Enter testimonials name in title field.

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

Step 4 - Enter value for business.

Step 5 - Once you are finished, click Publish or Update to save the testimonials.



5.5.6 Team

- Creating / Editing Team

Step 1 - Navigate to Team in your WordPress admin sidebar.

Step 2 - Click on the Add New option to make a new Team. Enter Team name in title field.

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

Step 4 - Enter value position and social for Team.

Step 5 - Once you are finished, click Publish or Update to save the Team.



5.5.7 Portfolio

- Creating / Editing Portfolio

Step 1 - Navigate to Team in your WordPress admin sidebar.

Step 2 - Click on the Add New option to make a new portfolio. Enter portfolio name in title field.

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

Step 5 - Once you are finished, click Publish or Update to save the portfolio.



5.5.8 Our Services

- Creating / Editing Our Services

Step 1 - Navigate to Team in your WordPress admin sidebar.

Step 2 - Click on the Add New option to make a new Our Services. Enter Our Services name in title field.

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

Step 5 - Once you are finished, click Publish or Update to save the Our Services.


6. Theme Options

Modus 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 Modus Options panel.

- There are 2 ways to access theme options.

1) Click Modus links in the top of page.

2) Click Modus in admin sidebar.


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


6.1 General

- In this tab, you will see options for layout and logo icon. Specifically, there are 2 possible sidebar position for you to select either left or right or event you can choose to hide your sidebar. For logo customization, you can freely to upload your desired logo image. Below will be a screenshot about these options.


6.2 404

- In this tab, you will see options change background, title, content, textbutton for page 404.


6.3 Skin

  1. You will see some options for you to set main color, primary color and highlight color for hover and active links. 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.

  2. Custom: this tab allows you to enter your custom css code.



6.4 Header

These options enable you to change header appearance with 7 types of header. Besides, there are existing selection for you to decide whether or not to display account links, search form in header.


6.5 Footer

- Modus supports hiden or show footer top and bottom.

- Modus supports 1 option for you to modify footer's display including changing copyright text.


6.6 Page

- In this tab, you will see options for page with sidebar, select sidebar, show or hiden banner with background banner image or color.


6.7 Blog & Single Post

Modus gives you multiple selections for blog and single post.

  • For blog layout default, You can change sidebar positions (Left, right) as same as option in "Page" tab. Also, Modus allows you to choose sidebar content. Furthermore, changing page title is also enable for you. Option change background. show or hide. if show banner. you can change background image or background color.



6.8 Product

These options let you change layout for product shop and single product detail

For single product:



7. Shortcode

Remember to install and activate Modus Shortcodes plugin.

  • Please go in Appearance > Install Plugins on admin sidebar.
  • You should select and install Modus shortcodes.
  • You should activate this 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. Specifically, Modus enable user to use Utimate VC Addons with several effective shortcodes.

- Screenshot of all elements in Modus


- Screenshot of available shortcodes in Utimate VC addons


  • Modus shortcodes

    In total, Modus provides 3 effective shortcodes for you, namely Modus blog, Modus Container and Modus Our Team. Besides some general settings for extra class, each shortcodes will contain their own options. Below will list detaily all available choices of each shortcodes.

    7.1 Modus Blog

    This shortcodes will help you to display item(s) post type Post.

    - Enter title shortcode.

    - Select layout slide or list items.

    - Select category post. Default show all.

    - Number show on shortcode....

    Demo layout 1:

    Demo layout 2:

    Demo layout 3:

    Demo layout 4:

    Demo layout 5:

    Demo layout 6:

    Demo layout 7:

    Demo layout 8:

    Demo layout 9:


    7.2 Modus Our Team

    List item in postype Team with 3 layout option.

    Demo layout 1:

    Demo layout 2:

    Demo layout 3:

    7.3 Modus Clients

    List of options available in Modus client shortcode type slider.

    - Enter number of posts to display.

    - Select column number to show.

    - Select row number to show.

    Demo shortcode Client slider:


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

    7.5 Modus Icon

    - This shortcode will help you to display box icon with option for type icon, text, subtext, description, select icon, size icon, align and add link for icon

    - These are 2 option show icon. type list icon and type list icon with background color.

    Demo:

    + Icon type icon shortcode:

    7.6 Modus Advanced Box

    - This shortcode will help you to display box with image and text. These 3 option for shortcode.

    Demo Box with banner with type 3:

    Demo Box with banner with type 2:

    7.7 Modus Contact info

    This shortcode will show info contact on page with info address, phone adn email.

    Image with text top:

    7.8 Modus Testimonials

    This shortcode will help you show item(s) in postype "Testimonial". There are 9 option.

    Demo layout 1:

    Demo layout 2:

    Demo layout 3:

    Demo layout 4:

    Demo layout 5:

    Demo layout 6:

    Demo layout 7:

    Demo layout 8:

    Demo layout 9:

    7.9 Modus Heading Title

    This shortcodes will help you to display heading style.

    - Select layout shortcode.

    - Enter title, description.

    - Select headding align (center, left, right).

    Demo layout defautl:

    Demo layout 1:

    Demo layout 2:

    Demo layout 3:

    Demo layout 4:

    7.10 Modus Product

    This shortcodes will help you to display product with option.

    - Type show product: new product, featured product....

    - Type list or grid.

    - Select group category.

    - Number item show.

    - Layout column.

    Demo Type Grid with 7 option:

    Type 1:

    Type 2:

    Type 3:

    Type 4:

    Type 5:

    Type 6:

    Type 7:

    Demo Type List with 2 option:

    Type 1:

    Type 2:

    7.11 Modus Product Tabs

    This shortcodes will help you to display product with tab. These 2 option shortcode: layout loadmore and slider.

    Demo layout loadmore:

    Demo layout slider:

    7.12 Modus Countdown

    This shortcodes will help you to display count down timer.

    Demo:

    7.13 Modus Counter

    This shortcodes will help you to display counter number with type list and one value counter.

    Demo layout

    7.14 Modus List Category

    This shortcodes will help you to list cateogry type tab vertical.

    Demo layout:

    7.15 Modus Single Image Product

    This shortcodes will help you to show image type banner and have link to other.

    Demo layout:

    7.16 Modus Service

    This shortcodes will help you to display item post type Service.

    Demo layout 1:

    Demo layout 2:

    Demo layout 3:

    7.17 Modus Time Line

    This shortcodes will help you to display timeline with index time line, name, image, description and link.

    Demo layout:

    7.18 Modus Social

    This shortcodes will help you to display link social on theme option.

    Demo:

    7.19 Modus Single Product

    This shortcodes will help you to select only 1 product to show.

    Demo layout:

    7.20 Modus Portfolio Tab

    This shortcodes will help you to display item post type portfolio about taxonomy. there are option number item show and layout column.

    Demo portfolio:

    7.21 Modus Menu Item(s)

    This shortcodes will help you to display item on header. layout mega menu.

    Demo:

    7.22 Modus Map

    This shortcodes will help you to display map with 2 option iframe and loccation map by lat - lng.

    Option with enter iframe map.

    Option with lat and lng.

    Demo gallery tab vertical slider:

8. Widgets

8.1 Modus Contact widget

This widget option show info address, email, phone number and fax. The information config on theme option.

Demo layout:


8.2 Modus Recent Post

This widget show items blog.

Demo layout:


8.3 Modus Social

This widget show items social in theme option.

Demo layout:


8.4 Modus Product TopSeller

This widget list product top seller with type slider.

Demo layout:


9. Update

9.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 Modus Options. Normally, the theme options you select in Modus Option won't change after updating the theme

Backup Theme Files

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

Backup Theme Options

  1. Go to Modus 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 Modus theme.

  2. Click the Download button next to Modus 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.

    Modus-doc

    If you download "All Files and documentation", you should extract it and you will find theme folder named Modus.zip which is located inside "Theme files" folder. Unzip the theme zip file(Modus.zip) to get the "Modus" 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/Modus, you will need to update the changes again to the new theme files.

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


9.2 Update Plugins

For some plugins like WPBakery Page Builder, Ultimate Addons, ArrowPress Core, 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.

10. Translation

If you want to use only want language in the site, you can use Loco Translate plugin, otherwise, you can use WPML or Polylang plugin for multilingual website.

10.1 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 Modus 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


10.2 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

10.3 Use Polylang

Please check the links below for detail instruction.


11. Configure Home Instagram

  1. Login with Instagram
  2. Upload your product's images in your site
  3. Sign in Getsnapppt with your Instagram
    getstart signin
  4. Select the product's name and Edit product link
    edit
  5. Enter image's link, hold & drag number to locate product in image, click Save to finish.
    enterlink

12. Site Speed Up

We recommend some following plugins:

- W3 Total Cache plugin to cache the site.

Modus-doc

- EWWW Image Optimizer plugin to reduce image sizes.

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

Modus-doc

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