© Arrowhitech JSC 2016.

Overview

Solaz Documentation v1.0

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


Install WordPress

If you haven't have a working version of WordPress, you need to install it first in order to install Solaz 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. We recommend using WP Engine or Blue Host for all your hosting needs.

  1. Your web host has the minimum requirements to run WordPress.
  2. Your host are 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 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, pleae follow these basic steps:

  1. Download the zip package of Solaz theme in ThemeForest
  2. Unzip Solaz.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 Solaz folder.
  5. Open WordPress admin panel (navigate through 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 Solaz 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 and upload zip package of Solaz theme.


  3. Once uploading theme is finished, it will install theme automatically.

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

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



1.3 Plugins Installation

- 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 Click here to install plugins all together. link in order to install needed plugins for Solaz 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 installation process is done, you can click Return to Required Plugins Installer and select active then check all plugins to active these plugin.

- 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

Note: The licence of some preminum plugin such as WPBakery Page Builder, Ultimate Addon can't active in each site. You can update latest version of it via our theme. Because we bought these plugins with extended version.

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 Mapsand input Google Map API key.


- Google Fonts

If you want to use different google font in some Ultimate Addon shortcodes such as Heading (which is used for heading in Solaz), 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 font 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.


Also, in order to make MailChimp Form work effectively, you should navigate to MailChimp for WP > Forms in admin sidebar and click Save Changes.

For detail instruction, please click MailChimp for WP.


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


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.


- Change Room gallery image sizes

You can change image sizes in WP hotel booking > Setting > Room on admin sidebar. After that, if the image size don't change, you should install, activate Regenerate Thumbnail plugin and regenerate the image size


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



1.5 Demo Installation

Note: 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 before installing demos especially ArrowPress Importer plugin

- First Method

Install demos via Solaz option.

With Solaz theme, you will be able to import several demos seperately. Solaz contains 4 awesome demos for you to choose. Let select which one you like and click install to start import process. Below will be the steps to import demos.


  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 don't work with your server, you can try import all demos by second method.


- Second Method

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

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

Please follow steps lised 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 account: Username: admin, Password: admin. After login with this account, you can change username and password back to your credentials.

- Third Method

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.

2. Build Your Site

2.1 Build Your Site

Please read carefully Theme Installation / Plugin Configuration before perform these follow configurations.

2.2 WP Configuration

- WordPress Configuration

You can adjust WordPress settings as follows:

2.3 Theme Options

As you can see in the screenshot below, Solaz provides several usefull options for you to explore. You can find all options after clicking Solaz link (gear icon ) in the top page or in the admin sidebar.


You can see Theme Options for more details.

2.4 Menu Setup

- Create New Menu

In order to create new menu, you can 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.

You can add new menu item by dragging item you prefer from the column on the left or check the box before item name and click "Add to Menu".


If you want to enable mega menu for your menu item, you should check "Mega Menu" box and choose number of columns to display.

After that, remember to assign theme location for your new menu. Solaz provides only one Menu location which is Primary Menu.


2.5 Header Setup

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

General, Solaz supports 8 types of header with general options like enable header sticky and header sticky in mobile. Beside some same options, each header will have their diferent options.


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



3. Theme Options

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

- There are 2 ways to access theme options.

1) Click Solaz links in the top of page.

2) Click Solaz 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.

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: Solaz enable 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: Header type 2, 3,4 will have their own logo options in Header tab. Let find out more about it in Theme Options > Header section.

  3. PreLoader: It allow you to turn on or off the preloader.

  4. View, Language Switcher: It will work with WPML plugin.

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 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 on the screenshot below. You will see default selections we use for Solaz theme.


  2. Breadcrumbs: The useful options for changing breadcrumb background is placed here.

    It will help you to change background image of this part in the pages.


  3. Typography: Solaz 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.

Solaz provides 4 types of header for you to select. Besides some same options to decide whether or not to enable sticky menu, each header will have different options such as display minicart, search form or upload different header logo.

- For header type 1, you can change logo in General > Logo, Favicon, Js Custom tab. With header type 2, 3 and 4, you can upload different logo when changing header type.


- Header Styling

Remeber that, each header type will have different options for color and background.

3.4 Footer

- Solaz supports 3 footer types for you to select. In addition, Solaz allows you to customize copyright text, show/hide social icon and upload new logo image.


- Footer Styling

3.5 404 page

This tab let you to change background image of 404 page.



3.6 Blog & Single Post

- Solaz 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 3 layouts (Masonry, grid and list) for your blog page. Furthermore, changing column numbers for each layout is also available for your selection.



3.7 Gallery

These options not only let you select layout and sidebar position but also allow you to choose gallery styles and loadmore button style. Also, you can change number of gallery show per page and gallery collumn in this tab. Furthermore, you can change gallery slug and gallery category slug.

Remeber to refresh your permalinks after changing the slug of gallery. You can do it by go to Settings > Permalinks and click Save Changes

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, Solaz allows you to change number of products to display per page and select number of column (1,2,3,4). You can also change the layout either List or Grid for your shop page. Pagination type also is enable for you to choose.

- 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 go 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 and columns is possible for each product category. You can do it by following some simple steps below.

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

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

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


3.9 Hotel Booking

This tab provides options for you to change layout for room list page, single room page and change pagination type.


3.10 Coming soon

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

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

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



4. Content Types

To use some Solaz content type, please ensure that Solaz Shortcodes plugin, which allows you to create some custom post types, is already installed. If not, you can install this by following some steps below.

4.1 Post

- Creating / Editing Posts

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 - Select Post Format and enter suitalbe content for post format in Post Format box.


For example, Video and audio format, you will need to enter embed link of youtube, vimeo or soundcloud in Video & Audio Embed Code.

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.

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

For Link format, you will need enter title and link

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 - Add Featured Image for your post. 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.

Step 6 - Add content for "Short description" in Blog Options. This content will be display as summary in blog list.

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


4.2 Gallery

Note that Gallery post type don't have detail page. It only has archive and category list page.

- Creating / Editing 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.

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


4.3 Static Block

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 using WPBakery Page Builder to add shortcode to content.

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


4.3 Page

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

Remember to install and activate Solaz Shortcodes 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, Solaz 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 Solaz


- Screenshot of available shortcodes in Utimate VC addons


- ArrowPress shortcodes

In total, Solaz provides 5 effective shortcodes for you. Besides some general settings for extra class, each shortcodes will contain their own options. Below will list detaily all available choices of each shortcodes.

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


5.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 Solaz Container by click "plus" button.


5.3 ArrowPress Banner

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

List of options available in General tab:

- Set small and big title.

- Select banner layout

- Upload banner image

- Set text align

- Add button link

- Add extra class name

List of options in Icon tab:

- Select Icon type : Image icon or Font icon.

- Upload image if you select image icon type.

- Select font icon if you choose Icon Library type.

- Change icon font size.


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

5.4 ArrowPress Testimonial

Below will list all available options in this shortcode.

- Enter name and description.

- Enter additional information.

- Upload images.

- Add extra class.

Skin tab:

- Change title color

- Select color for additional information.

- Change description color.


5.5 ArrowPress Product

This shortcode allows you to display product into different layout.

Below will be list of available options .

- Select number of product to show

- Add block title

- Select number of product columns ( 4 columns is default number)

- Select order way

- Add extra class for custom style


5.6 ArrowPress Gallery

List of available options:

- Select layout. There are 2 types of layout available.

- Change number of columns

- Change number of gallery to show

- Show/hide view all 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 broswer link. You will find the ID of category. It is the number after tag_ID

- Enable/disable item delay.

- Add extra class.

- Changing order way.




5.6 ArrowPress Widget

It allows you to call a widget content to page content with default options of widget.

List of available options:

- Select widget.

- Enter title

- Add extra class.




6. 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. Solaz provides 5 sidebars for footer (3 sidebar for footer type 2 and 2 sidebar for footer type 3)

- Footer type 2

- Footer type 3

- In order to change social link in Footer type 3, you can edit Text widget in Footer3 widget 2 sidebar and change the link "#" to your desired link.

- For icon, you can find many icon class in Awesome Icons Website. For example, in order to change Facebook icon (fa fa-facebook) to youtube icon, you can go to Awesome Icons Website and search "youtube". After that, you can replace fa fa-facebook to fa fa-youtube.

- If you want to add more link such as youtube link to footer, you can add new line before text

.


7. Update

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

Backup Theme Files

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

Backup Theme Options

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

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

    solaz-doc

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

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


7.2 Update Plugins

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

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




9. Site Speed Up

We recommend some following plugins:

- W3 Total Cache plugins to cache the site.

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

- EWWW Image Optimizer plugins to reduce image sizes.


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.