We would like to thank you for purchasing Flap!

This documentation file helps you to understand the whole theme concept and how it works. You should read all sections of the file before start your work. Here have multiple detailed explain of elements, theme sections and included video tutorials.

If you have any questions that are beyond the scope of this help file, please check out Knowledge base and search for Forum page.

After that you still can't find the solution yet, please leave a ticket on Support system then support agents help your issue.

Surely you have already installed WordPress on your server. If you don't installed it yet and you are new to WP and have problems installing it, you might want to check out following tips.

About WordPress

Detailed instruction about WordPress

Installing Tutorials

Installation tutorial by WordPress

Instructional Video

Video lessons by Woo Themes

Getting Started

WordPress Tips for Beginners

WP101 Basix Training

Some great videos from WPTuts on WordPress

You need to download theme files after you've purchased the it. Following image describes downloads section of the item and you have 2 download choices.

Downloading All Files gives you a all-files.zip file with all the content listed below

Documentation

This is costumer's handbook. Obviously, If you can reading this file, you're open this file :)

Flap (Zip)

You can use this file for install function of built in WordPress.

Flap-Child (Zip)

Child theme. Please make your file changes in it. And this child theme helps you to keep your changes in it even updated main theme continually. You should read more details about child theme here.

Licencing (Folder)

This contains the licensing files.

DummyData (Folder)

You have an One Click option for import demo data. But if you need detailed xml files please pick up those here. You should read about how to use it from Dummy Data part of this document.

Changelog (Text)

Contains changes history, date and modified files list.

Downloading the installalable WordPress theme only gives you the Flap.zip file.

You can either choose to upload the theme via WordPress upload function or via ftp to your site.

1. Via WordPress theme uploader (recommended)

2. Via FTP client

Envato Toolkit

The Envato WordPress Toolkit enables you to access your Envato WordPress purchases from within your WordPress Dashboard. It allows you to not only install themes, but also to receive update notifications and update automatically, just like regular WordPress themes.

Layer Slider

The most advanced Responsive WordPress Slider Plugin with the famous Parallax Effect and 3D Transitions! You can use LayerSlider to create a breathtaking Image Slideshow, Banner Rotator or Content Slider to your site!

Revloution Slider

This plugin features tons of unique transition effects, an image preloader, video embedding, autoplay that stops on user interaction and lots of easy to set options to create your own effects.

Configure Envato Toolkit Plugin

One Click Demo Data Options

Theme has dedicated data option. You should click one of those link and select your desired home page layout. Action will set few important tasks including selection of Home page, Main navigation setting and Sidebar widgets when you click on Import Demo Data button.

Please wait for a while until imports all the content.

Full content Demo site setup

Previous option helps you to include minimized demo content on your site reason for quick include. But you can have full demo data with regular XML data imports.

1. Go to Tools → Import
2. Choose WordPress from the list.
3. Upload the demo content.xml using the form provided on download.
4. You will be asked to map the authors in this export file to users on the blog. For each author, you may choose to map to an existing user on the blog or to create a new user.
5. You will then have the choice to import attachments, so click on the “Download and import file attachments” box.
6. Please be patient while WordPress imports all the content. Posts, Pages, Projects, 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.

Via Envato Toolkit Plugin (recommended)

Hope you have provided your account information in Envato Toolkit plugin. If you go to the plugin page, you'll see similar to following image. Let's click on Update automatically link at right bottom. This is a most efficienat and easy way to integrate latest verion on your site.

After clicking to auto-update, you’ll see the confirmation that everything worked correctly.

Via WordPress theme uploader

Go to the Appearance => Themes and activate another theme than Flap such as TwentyTwelve, TwentyThirteen or Flap child theme. Delete the old version of the theme because folder name existing error comes up when we try to install it without deletion. Then install the theme again as you see early in this documentation.

Via FTP client application

Usually updating a theme means replacing the old files with the new ones. You can see changelog.txt file from the new download archive and you can get updated files list as modified/added and deleted. Upload and overwrite those files on your theme directory.

If theme changed lots of files and you really hard to collect changed files, there is a better way to do it when it comes to WordPress themes.

WordPress treats two version of the same theme as different themes. That is, if you have Flap v1.2 and v1.3 in your wp-content/themes folder they are treated as two different themes independent of each other.

That means you can have multiple version of the same theme installed on your blog. So whenever there is a new version of your theme available, instead of replacing or deleting the files of the older version follow this procedure.

1. Try to upload new theme archive to the site
2. If the folder name of the new version clashes with the old version, rename the folder of new version.
3. Upload the new version to your wp-content/themes folder via FTP or through the interface provided by your web host or by using the upload feature in WordPress.
4. Activate the new version from your dashboard.

The main advantage of following the above procedure is you can quickly switch back to the old version of the theme if you find any problems with the new version or if it clashes with any plugins you are using.

Theme Options panel has many options those help you to control your site. You have to know only where your desired options exist and how to use them. Please take some time to navigate through each tab and read option's description.

The theme has detailed site customization options which builtin WP Customize functions. Please click on Site Customize link from the WordPress admin bar and use the dedicated options for your specific parts.

Please find & read description of options and see what they can do from here.

Flap supports WP 3.6 post format and this style is inherited by 3.6. But it doesn't matter and works equally if you are using previous version of WordPress core.

• aside - Typically styled without a title. Similar to a Facebook note update.
• gallery - A gallery of images. Post will likely contain a gallery shortcode and will have image attachments.
• link - A link to another site. Themes may wish to use the first <a href=""> tag in the post content as the external link for that post. An alternative approach could be if the post consists only of a URL, then that will be the URL and the title (post_title) will be the name attached to the anchor for it.
• image - A single image. The first <img /> tag in the post could be considered the image. Alternatively, if the post consists only of a URL, that will be the image URL and the title of the post (post_title) will be the title attribute for the image.
• quote - A quotation. Probably will contain a blockquote holding the quote content. Alternatively, the quote may be just the content, with the source/author being the title.
• status - A short status update, similar to a Twitter status update.
• video - A single video. The first <video /> tag or object/embed in the post content could be considered the video. Alternatively, if the post consists only of a URL, that will be the video URL. May also contain the video as an attachment to the post, if video support is enabled on the blog (like via a plugin).
• audio - An audio file. Could be used for Podcasting.
• chat - A chat transcript.

More about Post Format here http://codex.wordpress.org/Post_Formats

Page Options

One Page Options

Ultimate Page Options

You see background image moves different apparent position when you scroll you page down. That parallax effect can apply for background images of Page and Row element.

Page Parallax

Row Parallax

Video Background

Most of themes provide portfolio single layouts. But we don't because our theme has Page Builder. You can build any custom layout and use it with Template for all of your portfolio items.

Add Portfolio Item

Video and Gallery portfolio items

Create Portfolio Page

You need to do following steps for your menu.

If you need to use your custom menu icons there, you should upload them on Icon field as above image. You need to resize and upload there proper image and control your image icons with this css selector.

img.nav-custom-icon { width:14px; height:12px; }

If you need sub menu treasures (only for sub elements of mega menu), you should make following changes on your sub menu elements.

Automatic installation

Automatic installation is the easiest option as WordPress handles the file transfers itself and you don’t even need to leave your web browser. To do an automatic install of WooCommerce log in to your WordPress admin panel and go to: Plugins > Add New.

In the search field type “WooCommerce” and click Search Plugins. Once you’ve found the plugin you can view details about it such as the the point release, rating and description. Most importantly of course, you can install it by simply clicking Install Now. After clicking that link you will be asked if you’re sure you want to install the plugin. Click “yes” and WordPress will automatically complete the installation.

It’s possible at this stage that you will be taken to a page requesting the FTP details of your webserver. This will be the case if you’ve not installed a plugin on this particular installation of WordPress before. If so, simply fill in your details to complete the installation.

Manual installation

The manual installation involves downloading the plugin and uploading it to your webserver via your favourite FTP application.

1. Download the plugin to your computer.
2. Unzip the file.
3. Using an FTP program, or your hosting control panel, upload the unzipped plugin folder to your WordPress installation’s wp-content/plugins directory.
4. Activate the plugin from the Plugins menu within the WordPress admin.

After you’ve installed and activated the plugin, be sure to select ‘Install WooCommerce Pages‘ to get started.

More details of WooCommerce setup

If you need more detailed documentation of WooCommerce usage, you should visit this link and get your information.

WooCommerce options (builtin the theme)

Very first we need to select Footer layout on Theme Options => Footer.

Then we need to add widgets into Footer Sidebar area on Appearance => Widgets.

Thank you all of you guys for your amazing works. We always appreciated for you!

Open source projects

• Bootstrap by Twitter
• SMOF options framework by Syamil MJ
• Font Awesome by Dave Gandy

Licensed projects

• Layer Slider by kreatura
• Revolution Slider by themepunch

jQuery & Plugins

• jQuery by John Resig
• jQuery UI jQuery UI Team
• jQuery Easing pack by George McGinley Smith
• jQuery Isotope by http://isotope.metafizzy.co
• jQuery Cycle2 plugin by malsup
• jQuery jplayer plugin by Happyworm Ltd
• jQuery prettyPhoto plugin by Stephane Caron
• jQuery mmenu plugin by Fred Heusschen
• jQuery select2 plugin by Igor Vaynberg
• jQuery Stellar plugin by Mark Dalgleish
• jQuery Swiper plugin by Vladimir Kharlampidi
• jQuery FitVids plugin by Thierry Koblentz
• jQuery gMap plugin by Mario Estrada
• jQuery LocalScroll plugin by Ariel Flesler
• jQuery Waypoints plugin by Caleb Troughton

Demo Graphics from Photodune site (didn't included in download)

• Two surprised students learning in library by baranq
• Business moments by Pressmaster
• Corporate meeting by baranq
• Planning by baranq
• Man using a credit card for online shopping by Bloomua
• Laptop and mouse by jannoon028
• Hand on Keyboard by phanlop88
• Market analysis by Pressmaster
• Wooden Surface by ollyi
• Smiling Group by ollyi
• Working in the Desert by ollyi
• City Skyline by magicinfoto
• Green interior scene by arquiplay77
• Big city and green fresh meadow by photocreo
• Global warming by f9photos
• Architecture by leeser
• Tablet Pad by MikeKondrat
• Sleek Screen Mockup, Sleek Laptop Mockup by GormH
• Devices - Responsive Web Mock-ups by PixelBrother