FB-Tech - Professional and Premium WordPress Themes

User Guide Document

• Created: 10/03/2017
• Latest update: 10/03/2017
• By: 7Up Theme
• Email: contact.7uptheme@gmail.com

Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email me via my email: contact.7uptheme@gmail.com.

Thanks so much!

Getting Started

FB-Tech Theme is a simple but modern responsive WooCommerce/WordPress theme that oozes high-street sophistication. 
Its sharp lines and flat design style has been designed to be pixel perfect. 
Simply load your photography and you can have an online shop to matches the likes of Prada, Gucci and Yves St Laurent.

Please advise us of your feedback, so as we may include them in future updates.
Thank you for your business and support.

Installation

To install the FB-Tech theme. You need the latest version of WordPress. Here is the download URL. Once you downloaded and set it up, You are ready to go.
You can install this theme in two ways:

1. Automatic Installation (Recommended)

Step 1. Download ZIP package from Themeforest and unzip it.

Step 2. In unzipped folder you will find a folder named "FB-Tech WP Theme" and 1 archives: "fb-tech.zip" file

Step 3. In your WordPress Dashboard navigate to Appearance > Themes.

Step 4. Click on Add New, then clicking on Upload Theme and browse the fb-tech.zip file, finally click Install Now.

Step 5. Wait a while untill the screenshot below appears, on this form clicking on  Activate link  to active FB-Tech Theme. Theme has been installed and actived.

 

2. Manual Installation.

Step 1. Download ZIP package file from Themeforest and unzip it.

Step 2. In unzipped folder you will find a folder named "FB-Tech WP Theme" and archive in it: "fb-tech.zip" file. Unzip "fb-tech.zip" one more time.

Step 3. Simply upload the unzipped "storelike" folder to /wp-content/themes/ folder on your server via FTP.

Step 4. Login to your Dashboard, go to Appearance/Themes menu and active Appearance theme

3. Install Needed Plugins:

FB-Tech theme required and recommended the following plugins:

• Visual Composer - Visual Composer for WordPress is drag and drop frontend and backend page builder plugin that will save you tons of working time 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 you can see the changes you made.
• Contact Form 7 - Just another contact form plugin. Simple but flexible.
• 7up Core - A Core for FB-Tech theme, create function, call API library...
• WooCommerce - An e-commerce toolkit that helps you sell anything. Beautifully.
• MailChimp for WordPress Lite - MailChimp for WordPress Lite allows you to configure mailer
• Option Tree - Option Tree allows you to create and configure options for storelike theme
• YITH Woocommerce Compare - YITH Woocommerce Compare allows you to compare more products with woocommerce plugin, through product attributes.
• YITH WooCommerce Wishlist - YITH WooCommerce Wishlist allows you to add Wishlist functionality to your e-commerce.

After install FB-Tech theme you will be noticed to install required plugins, just follow the instruction you will get all set.

The installation process may take a while on some hosts, so please be patient. All installations have been completed. Scolling down and click on the link "Return to Required Plugins Inslaller" to activate those installed plugins.

Return to the Dashboard after all plugins have been activated.

All needed installation have done. Follow next steps if you want to install sample data like our demo website.

4. Importing Sample Data.

If you're using the theme to build a new website which doesn't have content yet, I strongly recommend you to use the demo content files. This theme includes xml data files which will allow you to upload the demo content to your website. The content is the same as in the Live Demo Preview.

To import sample data. On WordPress Dashboard you select Theme Option -> Import Demo Content

Continuous Click Import Now or Import Without Media button

On Popup lightbox select OK to start then waiting a moment while import sample data

All done! Have Fun -> Import Sample Data is Success!

FB-Tech Theme Options

Theme Options used to setting general attribute for your website

• Tab General Settings: used to configuration Header Page,Footer Page,Show BreadCrumb,Background Breadcrumb,Background Body ,Map API for contact map and setting main color for your theme.
  

  

• Tab Logo Settings: used to upload logo and favicon image
  

  

• Tab Menu Setting: used to configuration for main navigation
  

  

• Tab Blog Setting: used to configuration for page blog list and blog detail
  

  

• Tab Layout Settting:used to setup format layout type for your web site. You can config sidebar is left/right/no-sidebar or add new sidebar.
  

  

• Tab Typography: used to add new google font or customize setup heading tab(h1,h2,h3,h4,h5,h6)...
  

  

• Tab Shop Setting: used to configuration for woocommerce shop page. You can select shop styled, change setting product shop column, config number product per page...
  

  

FB-Tech Header & Footer

FB-Tech used post type "Header and Footer" to manager header/footer pages. You can create Header & Footer similar create new pages in WordPress. So you can create as many pages header&footer

Create New Header/Footer page

After create new header/footer page success, you can choose it as the header/footer of the pages at meta data setting

FB-Tech Mega Menu

FB-Tech used post type "Mega Item" to manager Mega Menu. You can create Mega Menu similar create new pages in WordPress. So you can easy create a Mega Menu by multiple format style

Step 1: Create new wordpress page mega menu similar add new popular page

Step 2: On Dashboard->Menus -> select page content mega menu

View Mega Menu

FB-Tech Shortcodes

FB-Tech theme there are many custom shortcodes that support for create visual template pages.

1. Banner Slider

Banner Slider used to create banner slider include image,document text and custom link by multiple format style

Banner Slider Setting:

Banner Slider View:

2. SV Banner

SV Banner used to create banner include image,text and custom link

SV Banner Setting:

SV Banner View:

3.SV Blog

SV Blog used to get list recent post by multiple format style

SV Blog Setting:

SV Bog View

4.SV Brand

Image Link used to create list brand include brand log and extra link

SV Brand Setting:

SV Brand View

5.SV Info Box

SV Info Box used to create list box information

SV Info Box Setting:

SV Info Box View

6. Google Map

Google Map used to create custom interface map for contact page

Google Map support eleven style formatting

• Default
• Gray Scale
• Blue
• Dark
• Pink
• Light
• Blue Essence
• Bentley
• Retro
• Cobalt
• Brownie

7. Logo

Logo used to upload logo image for your site

Logo Setting:

Logo View:

8. Mailchimp

Mailchimp used to create mailchimp newsletter

Mailchimp Setting:

Mailchimp View:

9. Menu

Menu used to create main menu for your web with multiple style

Menu Setting:

Menu View:

10. Top Bar

Top Bar used to create box include mani cart, form search and account/login

Top Bar Setting:

Top Bar View:

11. Product

Product used to get list woocommerce product by multiple format style

Product Setting:

Product View:

12. Testimonial

Testimonial used to create list customer review

Testimonial Setting:

Testimonial View:

13. Service

Service used to create service box information

Service Setting:

Service View:

14. Social

Social used to create list social network

Social Setting:

Social View:

FB-Tech Widgets

FB-Tech theme have three custom widget that support for create element on sidebar.

1. Filter Product

Filter Product used to create widget filter product by attributes category,price,size,color or brand

2. List Post

List Post used to get list recent post or recent comment

3. Product Slider

Product Slider used to get slider by multiple product type

Source and Credits

I would like to thank the following providers. This theme would not have been possible without the hard work and dedication of all of them.

1. Library jQuery
2. Theme custom scripts
3. jQuery UI
4. Fancybox - Fancy jQuery lightbox alternative
5. Attractive jQuery Circular Countdown Timer Plugin - TimeCircles
6. jQuery Bootstrap
7. JqueryBX Slider Designed and built by: Steven Wanderski - Chicago web developer
8. jQuery OwlCarousel by Bartosz Wojciechowski

Frequently Asked Questions

Support

If you face any problems with the installation or customization of our product please do not hesitate to contact us via comment on ThemeForest or send your question to our email: contact.7uptheme@gmail.com

We have done a ton of work to make our template very easy in configuration, updating and customization, please rate it with hight star if possible (on the downloads page). Good mark will be appreciated.

Thank you.

Wish you success.