Documentation-CryptoCIO Multipurpose WordPress Theme

## 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 CryptoCIO 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.

- WordPress Codex - This link provides overall information about WordPress and WordPress installation guide.
- Instructional Video - Guide to install WordPress video created by Woo Themes.
- First Steps With WordPress - Multiple useful topics about WordPress.
- FAQ New To WordPress - Common questions about WordPress.

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

#### 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 CryptoCIO 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 tCryptoCIOe 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 Visual Composer, 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.

#### 3.2.1 - Visual Composer

You can see here for more details.

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

#### 3.2.2 - Ultimate Addon

##### * 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 CryptoCIO 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

#### 3.2.3 - ArrowPress Instagram Feed

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

#### 3.2.4 - ArrowPress Latest Tweets

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.

#### 3.2.5 - MailChimp for WP

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.

#### 3.2.6 - Contact Form

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

#### 3.2.7 - Woocommerce

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

#### 3.2.8 - Regenerate Thumbnails

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.

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.

MCryptoCIOe 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

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

### 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. Download import file in this link. Extract it.

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

4. In Widget import section, you should select import file for widget in theme_import/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/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: 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/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 tCryptoCIOen to the import page. This is where you upload the XML file which will be found in theme_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: 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/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 CryptoCIO theme, you can navigate to Theme Options > Import/Export to import CryptoCIO Options.

  - Step 1: Navigate to CryptoCIO 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. MCryptoCIOe sure to use right file before importing. After that, you should select "Import" button.

## 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". Also, you should choose max 3 levels deep for nested comment display effectively.

- 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. 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. MCryptoCIOe sure the name of block is not the same with other posts, pages or any other content.

   - Adding content. You can use Visual Composer to add shortcode. MCryptoCIOe sure to turn on Visual Composer for static block content. If you don't know how to enable Visual Composer for block, please see Plugin Configuration > Visual Composer

   - Click Publish button

   - Add static block name to Block Name field.

7. Assign menu to "Primary Menu" location.

### 5.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 Contact Information

   - You can change the content in Theme Options > Header > Header contact info.

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

### 5.4 How to

#### 5.4.1 - Create Blog Posts

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

#### 5.4.2 - 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.

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

#### 5.4.3 - 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 Visual Composer to add shortcode to content.

MCryptoCIOe sure to enable Visual Composer for static block in Visual Composer > Role Manager > check the box "block". Please see Plugin Configuration > Visual Composer.

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

#### 5.4.4 - Create a page

You can use Visual Composer to add shortcode into page content. For detail option of each CryptoCIO 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 Visual Composer to add shortcode to content. MCryptoCIOe sure to enable Visual Composer for page. Please see Plugin Configuration > Visual Composer 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.4.5 - 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.

#### 5.4.6 - 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.

#### 5.4.7 - 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:

   To change the content, you should go to Appearance > Widget and edit widgets in footer sidebar.

2. Footer 2:

   - Changing footer info.

   1. Go to Theme Options > footer

   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 2 widget 1,2,3. You can add other widget to footer sidebar or edit existing widget in sidebar.

3. Footer 3:

   - Changing footer info.

   1. Go to Theme Options > footer

   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 3 widget 1,2,3,4. You can add other widget to footer sidebar or edit existing widget in sidebar.

4. Footer 4:

## 6. Theme Options

CryptoCIO 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 tCryptoCIOe some time and navigate through each tab to see what we offer. See below for screenshots and short descriptions of CryptoCIO 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

### 6.1 General

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

1. #### Layout

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

   - If you select bottom content, sit will be display in all pages.

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

### 6.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 tCryptoCIOe a look at the screenshot below. You will see default selections we use for CryptoCIO 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.

   List of options for you to customize:

   - Change breadcrumb layout.

   - Change background either background color or background image.

   - Select background overlay color. Select transparent to disable background overlay.

   - Set alignment.

   - Adjust breadcrumb spacing for desktop

   - Change page title font: font family, font size, font weight and style and text color.

   - Add an icon before the home text in breadcrumb link

   - Customize font setting for breadcrumb link.

3. #### Typography

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

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

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

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

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

### 6.6 Blog & Single Post Options

- CryptoCIO 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: Selects the post detail layouts from 2 pre-made layouts

2. Post metas: Hide or display post metas.

### 6.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, CryptoCIO allows you to change number of products to display per page and select number of columns (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 CryptoCIO 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 CryptoCIO Single Product Options.

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

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

### 6.10 Service

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

-Please see below screenshot for better understanding.

## 7. Shortcode

Remember to install and activate ArrowPress Core plugin.

- Please go in Appearance > Install Plugins on admin sidebar.
- You should select and install the plugin.
- You should activate 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 tCryptoCIOe some time and feel free to explore all shortcode available. Specifically, CryptoCIO enable user to use Utimate VC Addons with several effective shortcodes. You can tCryptoCIOe a look in Utimate Addons elements

- Screenshot of all elements in CryptoCIO

- Screenshot of available shortcodes in Utimate VC addons

- ArrowPress shortcodes

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

### 7.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 CryptoCIO 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.

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

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

Note: For vertical heading, in some cases, you should wrap vertical heading in Vertical Heading Container layout of ArrowPress Container.

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

### 7.5 ArrowPress Member

List of options available:

- Set layouts.

- Upload member image.

- Enter name, job.

- Add social links for some layouts.

- Add extra class name

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

### 7.6 ArrowPress Banner

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

List of options available in General tab:

- Enter title and description

- Select banner layout

- Upload banner image

- Set text align

- Add button link

- Add button text

- Select button style

- Add extra class name

For Skin tab, you will see options for changing title, background color and title font size.

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

Typography tab:

- Change description font size.

- Change description line height.

- Select font family.

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

### 7.9 ArrowPress Slider Wrap

Options available:

- Select layout.

- Enable or disable autoplay mode.

- Show or hide dots and navigation arrow.

- Add multiple thumbnail images. MCryptoCIOe 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.

### 7.10 ArrowPress Blog Category

This shortcode help you to display all blog categories in nice format. It allows you to limit number of categories to display and adjust number of items in device responsive.

### 7.11 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.

- Change space top and bottom of title.

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.

- Change icon box width and height.

Skin tab:

- Choose title and description color.

- Adjust icon color.

- Change icon background and border color.

### 7.12 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.

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

### 7.14 ArrowPress Mining Calculator

Below will be list of available options in this shortcode.

- Select coin

- Select active coin calculator

## 8. Widgets

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

### 8.1 ArrowPress Contact Info

This widget provides options for you to enter some informations such as address, phone number, email and website link:

### 8.2 ArrowPress Instagram

MCryptoCIOe sure to set up Instagram in Settings > Instagram Settings. Please see Plugin Configuration > ArrowPress Instagram Feed

### 8.3 ArrowPress Twitter Feed

MCryptoCIOe sure to set up in Settings > ArrowPress Latest Tweets. Please see Plugin Configuration > ArrowPress Latest Tweets

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

Backup Theme Files

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

Backup Theme Options

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

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

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

5. If the options you select in CryptoCIO Options is lost, you should go to CryptoCIO 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 Visual Composer, 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 CryptoCIO 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.

- How to install and set up multilingual site.

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

## 11. Site Speed Up

We recommend some following plugins:

- W3 Total Cache plugin to cache the site.

- EWWW Image Optimizer plugin to reduce image sizes.

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

## 12. 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