AWA

• latest update: 04/27/2018
• by: FoxThemes

Install Wizard

Navigate to  Appearance > Import Demo Data. Read welcome message and click “Let`s go!”:

Default Plugins. Click "Continue" to install default plugins:

Default Content. By clicking “Continue” setup wizard will import all demo data – pages, posts, portfolios and media files. Please note that import process will take time needed to download all attachments:

Theme customization. Here you can read information about widgets and child theme. Click “Continue”:

 Notice: All images in AWA theme can be used only on demo version. You will need to upload your own images for your site.

Now theme is installed and looks the same as on demo.

After installation and activation it is time to set up your website. First thing you will notice is the ‘Theme Options’. This section contains all of the custom AWA Theme options (see image bellow). The default options set in the panel are similar to those in the ThemeForest preview. 

Notice: Before leaving the ‘Theme Options’ tab make sure to click the ‘Save changes’ button at the top of the panel, otherwise your changes will be lost.

General

• Enable scroll top button - click on to add top button
• Show sidebar on pages - click on to add sidebar
• Protected title - add title for protected page 
• Enable lazy load - click on to add lazy load option on pages
• Enable Coming Soon - click on to anable coming soon 
• Enable Copyright - copyright text can be changed here
• Disable preloader - enable/disable preloader on pages
• Type of preloader - select preloader type: text with animation background or image
• Text for preloader - the preloader text (will be displayed while page is uploaded)
• Preloader size desktop - the preloader text on desctop 
• Preloader size mobile - the preloader size on mobile 
• Preloader size tablet - the preloader size on tablet 
• Background animation images for preloader - add images

Header

• Menu style - choose menu type. It can take one of the following values: classic, modern, aside
• Type of site logo - select image or text logotype
• Site logo on scroll - upload any media using the WordPress Native Uploader.
• Image logo style -  select the style for image style. It can take one of the following values: default, custom
• Site logo width -  select custom width for logo
• Site Logo height  -  select custom height for logo
• Header social links - add social links

Typography

In this section typography of menu items, heading, buttons as well as links on all pages can be changed:

   Social

• Instagram username -  add username of Instagram account
• Instagram count images -  add number of images. Minimum 21. You can see 20 photos in two rows, other photos will be replaced
• Instagram access token - add  Instagram access token credentials 

Theme Color 

• Change Colors switcher - turn on if you want to change theme colors
• Menu Font Color - select color for menu fonts 
• Menu Background Color - select menu background color
• Menu text color on scroll  - select menu text color on scroll 
• Menu Font Color For Transparent Style - select menu background color

• First Front Color - change text color banner, text color images, color buttons
• Second Front Color - change text color banner, text color images, color buttons
• Light Color - change text color banner, text color images, color buttons
• Third Front Color - change text color banner, text color images, color buttons

• First Base color - change color text all pages, color buttons
• Second Base color - change color text all pages, color buttons
• Footer Background color - change color text all pages, color buttons

Blog

• Blog style - select the type for blog: modern, grid with image background, grid with letter background
• Blog title - select the title of blog 
• Show posts from not all categories?- click on to enable this option
• Show posts from categories - select categories from the list
• Transparent header for single post - click on to enable the option

• Social sharing in post - add social sharing options in posts
• Tags in posts -  add tags in posts with this option
• Categories in posts - add categories in posts with this option
• Author in post details page - enable author  in post
• Show Biographial Info from Users profile - upload image for post preview

Portfolio 

• Social sharing in portfolio (for all posts) - enable social sharing option on portfolio 
• Navigation in portfolio (for all posts) - enable navigation option on portfolio 
• Portfolio protected text - add title for portfolio protected page
• Portfolio Url Slug - add URL slug. Please update permalinks after this.
• Portfolio Url Category Slug -  add URL category slug. Please update permalinks after this.

Ecommerce

• Products per row - select  a number of columns on shop page: two, three, four columns
• Enable shop cart in menu  
• Enable Sidebar on shop page 
• Enable Sidebar on product detail page 
• Enable Socials share on product detail page - turn on if you want to enable socials share 
• Subtitle for recent products - select  subtitle for recent products 

Footer 

• Footer style - chose betwen modern and classic styles 
• Enable footer copyright - click on to add copyright text
• Enable Footer widgets - click on to add widgets
• Copyright text - enter your text 
• Enable Footer socials - click on to add socials
• Enable Light Footer - click on to add light footer
• Enable Parallax Footer - click on to enable parallax effect

Custom JavaScript

This section was specially created for you to easy customize your site by adding custom JavaScript code:

404 page

These options can be used to change the main text in 404 page:

• Change logo for 404 page - click on to add logo for this page
• Error title - the error page title. 
• Error subtitle - the error page title. 
• Error button text - the text on button, which usually redirects to the actual working page 
• Button style - chose style of the button 
• 404 page background - here you can upload background image 

Backup

Here you can export backup of your theme than to import it back if needed:

The theme comes with a number of shortcodes allowing you to add the info where you want the relevant content to show up. In addition, you can use Visual Composer to add new elements to the page in a simple way. More information on how to use Visual Composer properly can be found here:

• FAQ
• Video tutorials

Below is a list of the shortcodes included into the theme:

Info block shortcode

Parameters:

• Info block style - chose between 5 styles 
• Number - chose a number which will dispaying on shortcode 
• Background image for number - chose background image for number
• Title - title of shortcode  
• Heading - chose betwen h1 h2 h3 h4... 
• Background text - chose text for background   
• Text - add text in this field
• Background video - click enable if you want to add video 
• Video service - chose between Youtube and Vimeo  
• Images - add images 
• Extra class name - add if you want add aditional class 

Contacts shortcode 

Parameters:

• Style - the contact type. It can take the following values: style 1, style 2, style 3, style 4
• Text - a short text description should be added
• Address - add your address
• Contact form - add your form id from shortcode Contact Form 7 Plugin 
• Button style for form - chose button style 

Image banner shortcode

Parameters:

• Style Banner - the banner type. It can take one of the following values: default, center content, right/left content
• Height banner - click yes to enable custom height
• Enable animation - click yes to enable top animation 
• Style of animation - chose style for animation 
• Align text - clhose position of tex 

• Title - the banner title 
• Subtitle - the banner subtitle
• Background image - chose background image 
• Show overlay - click yes if you want to enable overlay  

Headings 

Parameters:

• Style - the custom text style. It can take one of the following values: style, 1 style 2, style 3, ...

• Title - the custom text block title
• Title color -  the custom title color
• Subtitle - the custom text block subtitle 
• Subtitle color - the custom tcolor of subtitle
• Add animation  - click enable if you want turn on animation 

Services shortcode

Parameters:

• Style - It can take one of the following values: default, classic, simple and others 
• Items - there are a list of items which you want to add each of those have next parameters: 

• Icon - chose icon 
• Title - select title  
• Text - a short text description
• Button  - select button URL 

Team shortcode

General:

• Type Gallery - the team type. It can take one of the following values: default, modern, classic, full height
• Autoplay (sec) - chose time of autoplay 
• Speed (milliseconds) - change speed of animation 
• Loop - Enable if you want turn on Loop effect 
• Count of sliders for middle desctop - chose value for desktop 
• Count of sliders for tablet - chose value for tablet 
• Count of sliders for mobile - chose value for mobile 
• Team members  - the team member`s position
  
  - background color 
  - photo 
  - name
  - postion 

Line of images shortcode

Parameters:

• Style - the Line of images style. It can take one of the following values: logos with link (style 1), logos with link (style 2), only images

Values: 

• Image - upload image
• URL - add URL for images.

Testimonials shortcode

Parent shortcode parameters:

• Style -  chose between different styles
• Autoplay (sec) -  allows autostart playback (in seconds). 0 - off autoplay.
• Speed - speed animation. Default 1000 milliseconds
• Count of sliders for middle desktop - chose value for desktop 
• Count of sliders for tablet - chose value for tablet 
• Count of sliders for mobile - chose value for mobile 
• Loop - click yes to enable loop
• Extra class name - class name for element. Allows to set up additional decorations for element in CSS stylesheets.

Child shortcode parameters:

• Image - upload image 
• Stars - add stars 
• Content - a short description feedback
• Author`s name - add name
• Position - add position

Skills shortcode

Parameters:

• Type - chose between Numerical, Circle, Image with lines and text with lines 

Values:

• Title - add title for each value
• Numbers - add numbers
• Symbol - add symbol
• Symbol location - chose between before and after

Portfolio slider shortcode

Parameters:

• Style - the portfolio slider style. 
• Image original size - the image size:
• Select categories - choose categories
• Sort order - Select how to sort retrieved posts.

• Autoplay (sec) -  allows autostart playback (in seconds). 0 - off autoplay.
• Speed - speed animation. Default 1000 milliseconds
• Count items - a number of displayed items
• Linked to detail page -  if select yes, the link will lead to detail page 
• Open link in a new tab -  if select yes, the link will opens in a new tab

Portfolio list shortcode 

Parameters:

• Style - the portfolio list style
• Image original size - the image size. Select from the list an appropriate value
• Select categories -  choose categories
• Order by -  select how to sort posts.
• Sort order - select ascending or descending order
• Select amount of columns - choose number of columns on the block: four, three, two
• Select hover for items - the type of items hover. select from the list 
• Reverse hover - click yes to enable reverse hover
• Add category filter - click yes to add category filter
• Count items - number of posts on page
• Enable Button "Load more"- click yes to add the button
• Linked to detail page - if select yes, the link will lead to detail page 

Post slider

Parameters:

• Style - the post list type. It can take one of the following values: Simple, Grid, Masonry and Big gap
• Count items -  the post type: posts, pages, portfolio,product, ...
• Image original size - chose size 
• Autoplay (sec) -  allows autostart playback (in seconds). 0 - off autoplay.
• Speed - speed animation. Default 1000 milliseconds
• Count of sliders for middle desktop - chose value for desktop 
• Count of sliders for tablet - chose value for tablet 
• Count of sliders for mobile - chose value for mobile 

• Order by - select how to sort posts
• Sort order - select ascending or descending order
• Select categories - choose categories from the list

Instagram shortcode

Parameters:

• Username - add your username 
• Count images - number of images displayed on page
• Extra class name - class name for element. Allows to set up additional decorations for element in CSS stylesheets.

Coming soon shortcode

Parameters:

• Title - the coming soon block title 
• Subtitle -  the coming soon block subtitle 
• Date - date of coming event

• Button style -  style of the button
• Contact form - ability to add existed contact form
• Extra class name - class name for element. Allows to set up additional decorations for element in CSS stylesheets.

Desktop/Mobile section:

• Days/Hours/Minutes/Seconds - add how this data should be displayed on mobile/desktop

Portfolio with animation shortcode

Parameters:

• Image for original size - the image size. It can take one of the following values: full, thumbnail, medium, large, shop-catalog, etc.
• Select categories - choose categories from the list
• Order by - select how to sort posts
• Sort order - select ascending or descending order
• Count items - add number of posts which should display on page
• Text for button - change text of button 
• Linked to detail page - choose yes to enable linked to detailed page 
• Background color - chose custom color
• Change first color for buble - chose custom color
• Change second color for buble - chose custom color
• Change third color for buble - chose custom color
• Change fourth color for buble - chose custom color
• Change fifth color for buble - chose custom color
• Change sixth color for buble - chose custom color

Pricing shortcode

Parameters:

• Button style - select style of the button
• Button - select URL and title of the button
• Price - select the price 
• Title- the pricing title
• Subtitle- the pricing subtitle 

• Content - a short pricing block description
• Extra class name - class name for element. Allows to set up additional decorations for element in CSS stylesheets.

About shortcode 

Parameters:

• Style - chose style 

• Background title  - chose background title
• Person Image - title of shortcode  
• Subtitle - chose subtitle
• Title - chose title 
• Button style - select style of the button
• Button - select URL and title of the button

Banner slider shortcode

Parent shortcode parameters:

• Type Slider -  chose between different styles

• Enable button scroll down - click yes to enable button
• Extra class name - class name for element. Allows to set up additional decorations for element in CSS stylesheets.

Child shortcode parameters:

• Show option for style - chose style of slider  
• Background image - add image
• Title  - chose title 
• Button style - select style of the button
• Button - select URL and title of the button

• Animation style - chose style of animation

Call to action shortcode 

Parameters:

• Style - chose style 

• Change color for title  - chose title color
• Background color for first section - chose color of first section
• Subtitle - chose subtitle
• Title - chose title 
• Image - chose image
• Text - add text 
• Button style - select style of the button
• Button - select URL and title of the button

F.A.Q shortcode 

Parameters:

• Number - number of section

• Title - chose title
• Text - select text for section 

Glitch shortcode 

Parameters:

• Style - chose style of glitch

• Title - chose title 
• Background image - select Image 

Services list shortcode 

Parameters:

• Style - chose style 
• Icon - add icon
• Icon color - chose color of Icon
• Icon color on hover - chose color of Icon on hover 

• Title - chose title 
• Text - add text 

Physics banner shortcode 

Parameters:

• Title color - chose color of title 
• Subtitle color - chose color of subtitle
• Animation color - chose color of unimation
• Background color - chose color of background

• Title -  add title 
• Subtitle - add subtitle  

Video Button shortcode 

Parameters:

• Video services - chose between Youtube and Vimeo
• Video link - paste URL of the video
• Extra class name - class name for element. Allows to set up additional decorations for element in CSS stylesheets.

Product slider shortcode 

Parameters:

• Style - chose style of slider 
• Background Image  - add image 
• Background Title  - add Title on the background 
• Button style - chose style of the button

• Socials -  add social media
  - Icon
  - URL
• Aditional Link Text - add link text 
• Aditional Link URL - add URL 
• Email - enter with E-mail
• Order by - select how to sort posts
• Sort order - select ascending or descending order
• Count posts - select number of posts
• Autoplay (sec) -  allows autostart playback (in seconds). 0 - off autoplay.
• Speed - speed animation. Default 1000 milliseconds
• Loop - turn on if you want to add loop effect