• Log in to the WordPress Dashboard.
• Go to Appearance->Themes.
• Active The App Pro themes.

• Unzip skt_theapp_pro.zip to your Desktop.
• Using an FTP client to access your host web server. Go to /wp-content/themes/
• Upload theme to /wp-content/themes/.
• Go to Appearance->Themes and activate theme from Dashboard.

Note: All the required plugins for this theme must be installed and activated before importing demo content.

• Go to Tools -> Import
• Install and run WordPress importer.
• Download demo content zip or get the file from demo-content folder included in theme's zip.
• Right click on theappdemo.zip extract and import xml file demo data
• Click on browse, select XML file and click on Upload file and import.
• You will be asked to map the authors in this export file to users on your website. For each author, you may choose to map to an existing user on your website or to create a new user.
• You will then have the choice to import attachments, so click on the "Download and import file attachments" box.
• Please be patient while WordPress imports all the content. Posts, Pages, Products, and Menus are imported. You will need assign the menu a theme location & you’ll need to configure widgets. This is a limitation of WordPress import system.

• The App Pro theme is based on one page theme. Below steps will guide you how to set up navigation for each section.
• Kindly go to Appearance -> Menu -> Before moving on you have to create primary menu first and set theme location to primary menu please see the below screenshot

• WordPress Admin -> Appearance -> Theme Options -> Homepage Slider Tab
• You can change Slider Effects and Timing.
• You can change Slider Effect.
• You can change Slider Animation speed.
• You can change Slider pause time.
• You can change Slide Controllers.
• You can change inner page banner default image.
• You can change home page default slider.
• You can change home page slider add any slider plugin shortcode .
• You can change Slider Hide/Show pager of slider.
• You can change Slider Pause Slide on Hover.
• You can change Slider Use any Slider Plugin add shortcode apperande >> theme options >> slider image tab (Use any slider shortcode) text erea.
• see screenshot below...

• WordPress Admin -> Settings -> Readings -> Your Latest Posts

• Home Section Welcome
• Welcome section Manage from
• How to manage screenshot below.

• see screenshot below.
• How to set see screenshot below
• SHORTCODE
[column_content type="one_half"]<div class="take-look_manage-desktop"><div class="takmanage_thum"><img src="ADD IMAGE URL HERE" /></div> <h4>Take a Look</h4> Curabitur vestibulum eget mauris quis laoreet. Phasellus in quam laoreet, viverra lacus ut, ultrices velit.</div>[/column_content] [column_content type="one_half_last"]<div class="take-look_manage-desktop"><div class="takmanage_thum"><img src="ADD IMAGE URL HERE" /></div> <h4>Manage from desktop</h4> Curabitur vestibulum eget mauris quis laoreet. Phasellus in quam laoreet, viverra lacus ut, ultrices velit.</div>[/column_content]
• Section 3
• shortcode:
<div class="flex_content"> <h2><span>Super</span> Flexible Design</h2> Curabitur nisl turpis, interdum ut magna eget, porta facilisis quam. Proin aliquet a tellus id mattis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent erat eros, auctor nec pulvinar ac, volutpat vel neque. Quisque sed mauris quis eros lobortis sodales. Integer ut tellus dictum, tempor risus ac. <div class="multiple-colors">Available in multiple colors <div class="colour-flex"><a href=""><img src="ADD IMAGE URL HERE" alt="Colour Flex" /></a></div> </div><!--multiple-colors --> </div><div class="super-flex"> <div class="super-flex-thumb"><img src="ADD IMAGE URL HERE" alt="Marc Smith" /></div> </div>
• see screenshot below how to manage.

• Section 4
• shortcode:
<div class="responsive-accordion">[accordion] [accordion_content title="Accordion Title 1"] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vel enim dui. [/accordion_content] [accordion_content title="Accordion Title 2"] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vel enim dui. [/accordion_content] [accordion_content title="Accordion Title 3"] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vel enim dui. [/accordion_content] [/accordion]</div><!--responsive-accordion --> <div class="responsive_content"> <h2><span>Responsive</span> Design</h2> Curabitur nisl turpis, interdum ut magna eget, porta facilisis quam. Proin aliquet a tellus id mattis. Class aptent taciti sociosqu ad litora torquent per conubia nostra. <div class="responsive-read"><a href="#"> Read More </a></div> </div>
• see screenshot below how to manage.

• Section 6
• shortcode:
<div class="container"> <h2>Get <span>The App</span> for $39</h2> <p> Maecenas eu augue dictum, adipiscing nunc quis, porta quam. In hac habitasse platea dictumst.</p> <p>&nbsp;</p> <p>Available on all platforms</p> <div class="space10"></div> [logomain] [logo image="ADD IMAGE URL HERE" link="#"][logo image="ADD IMAGE URL HERE" link="#"][logo image="ADD IMAGE URL HERE" link="#"][logo image="ADD IMAGE URL HERE" link="#"] [/logomain] <div class="clear"></div> </div>
• see screenshot below how to manage.

• Section 7
• shortcode:
Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum. Duis mollis, non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh. [contactform]<div class="quick_info"> <h5>Contact Information</h5> <p>Quisque hendrerit purus dapibus, ornare nibh vitae, viverra nibh. Fusce vitae aliquam tellus. Proin sit amet volutpat libero. Nulla sed nunc et tortor luctus faucibus. Morbi at aliquet turpis, et consequat felis. </p> <div class="location">Elm St. 14/05 Lost City </div> <div class="tel-phone"><a href="tel:03528 331 86 35">03528 331 86 35</a> </div> <div class="email"><a href="mailto:test@example.com">text@example.com</a></div> </div>
• see screenshot below how to manage.

• Our Team Section Manage from Appearance->Themes Options-> Section Tab -> Section

• Our Team Shortcodes: [ourteam col="3"]
• Paste this shortcodes where(page or posts) you want team section
• How to set team member see screenshot below

• Go to Dashboard find Our Team
• Click on add new button, enter team member name(title), Description and set featured images for thumbnail
• All images size(dimenation) should be same in vertical(exa.310px/335px)
• See Video Documentation for Details

• Photo Gallery Section Manage from

• Photo Gallery Shortcodes: [photogallery filter="true"]
• Paste this shortcodes where(page or posts) you want gallery section
• How to set Photo Gallery see screenshot below

• Go to Dashboard find Photo Gallery
• Click on add new button, enter Photo Gallery name(title), video and set featured images for thumbnail
• See Video Documentation for Details
Watch this video on how to setup Gallery

• Contact Us
  • Helps in setting up the contact page.

• Log in to the WordPress Dashboard.
• Click on Appearance>Theme Options
• Basic Settings
  
  • Upload and set up Logo, Favicon
  • Change Font Family, font size, font colors, background color, Slider controls Colors
  • Change header background and opacity
  • Change navigation font family and font size
  • Change navigation hover and active color
  • Change Link and link hover color
  • Can Upload body background image or background color manage from custom option
• Sections
  • You can add content in the section for homepage.
• Homepage Slider
  • Can set inner page banner image default
  • Can set Slider Effects and Timing, Slide Controllers
• Page Sidebar layout
  • Pages Sideabr layour available Go to Appearance->Themes Option->Layout Settings Tab see screenshot below...
  
• Shortcodes
  • All Shortcodes available Go to Appearance->Themes Option->Shortcode Tab see screenshot below...
  

• Default Template
  • Helps in setting up the content on any page with Right Sidebar
• Full Width
  • Helps in setting up the content on any page without Sidebar

• Set up by using Page Template Blog on any page to show blog posts
• Blog Full Width, Blog Left Sidebar, Blog No Sidebar, Blog Right Sidebar page templates

• Go to Appearance->Widgets->Blog Sidebar
• Go to Appearance->Widgets->Header Widgets
• Go to Appearance->Widgets->Footer Widget left
• Go to Appearance->Widgets->Footer Widget right
• Go to Appearance->Widgets->Footer change column
• Drag and Drop anythings you want also text widget drag and drop write thire anythings you want.

• All you need to do is go to that page after Log into WordPress dashboard. Scroll down and check the section: Discussion (if not able to see check above Screen Options to show Comments).
• Uncheck the box: Allow Comments and click on Update.
• If you want to remove comments sidewide on Pages use this plugin: “Disable Comments” https://wordpress.org/plugins/disable-comments/

• Go to Plugins -> Add New in the WordPress Admin panel
• Type WooCommerce is search box and click on search button
• Install and then Activate the plugin.
• It will ask whether to set up default pages. Kindly click on setting up default pages of the WooCommerce
• That’s it now you can go to shop page and check the default product.

• Go to Appearance-> Background.
• You can set any image or color as background.
• You can see the background preview on the same setting page.
• Click on Save Changes.
• See screenshot below...

• Appearance -> Theme Options -> Footer tab
• see screenshot below...
• footer Latest post shortcode: [footerposts show="2" cat=" your cat ID " excerptlength="10" readmore="Read More"]

• Shortcode:
  [social_area]
  [social icon="facebook" link="#"]
  [social icon="twitter" link="#"]
  [social icon="linkedin" link="#"]
  [social icon="pinterest" link="#"]
  [social icon="google-plus" link="#"]
  [social icon="youtube" link="#"]
  [social icon="wordpress" link="#"]
  [social icon="flickr" link="#"]
  [social icon="skype" link="#"]
  [/social_area]
• Can manage social icons font size, color and hover color from Appearance -> Theme Options -> Basic Settings tab
• Note: Icon name should be in lowercase without space.(exa.facebook) More social icons can be found at: http://fortawesome.github.io/Font-Awesome/icons/

• First Install Plugin qTranslate X from WordPress plugin.
• Used following code for making text translate ready : [:en]English Text[:de]Deutsch Text[:]
• Viewing in Dutch used website url : http://www.yourwebsiteurl.com/de/
• Viewing in English used website url : http://www.yourwebsiteurl.com/en/
• Check below screen shot for making slider translation ready.

Dutch Translated
English Translated
How To Set Multilingual see below video

• First create a new page/post and scroll down a little to see if there is a meta box called featured images on the right hand side of the screen

• See video documenation for featured image : https://www.youtube.com/embed/310YGYtGLIM?list=PLu-rbI5wLChHyGiODN2uVkkR6XAxP1i7x