1. FILE INCLUDES
Created: 08/18/2015
Latest update: 08/18/2015
By: ThimPress
Thank you for purchasing our theme. If you have any questions that are beyond the scope of this documentation, please feel free to request support at our Support Forum. Thanks so much!
The theme zip file thimpress_FastEx_unzipme.zip.
2. INSTALLATION
2.1. Download Theme
Get the Theme installation package from your account download page and save it to your desktop.
Since <strong>required & recommended</strong> plugins are already packed in the download file, you won’t need to go download them individually.
2.2. Upload Theme
You can upload the Theme file in two ways:
I. Via WordPress – Log into your WordPress site.
II. Uploading Via Filezilla
(SKIP THIS STEP if you have already successfully uploaded theme via WordPress) – Now you will learn how to upload your files using the Filezilla client.
2.3. System Requires
It is recommended using those limits to a minimum as follows in order for free-trouble while installing demo or saving customize.
- max_execution_time 3000
- memory_limit 256M
- post_max_size 64M
- upload_max_filesize 64M
2.4. Install Theme
I. For uploading Theme with WordPress uploader:
Wait for the notice below to appear and then click the link “Activate”.
II. For uploading Theme with FTP tool:
- Open the WordPress Dashboard.
- Go to Appearance > Themes.
- Click activate Theme
2.5. Install Required Plugin
A notice will appear asking you to install some required plugins after Active Theme.
1. Click on the “Begin installing plugins” link.
2. Click on the box beside the “Plugin” label to select all plugins in the list, choose “Install” from the drop-down list at the top and then click “Apply”.
When the notice “All installations have been completed” appears, click on Return to Required Plugins Installer link under it to turn back to the plugin list.
3. Click on the box beside “Plugin” label to select all plugins in the list, choose “Activate” from the drop-down list at the top and then click “Apply”
The installing process status will be shown in your browser. It may takes a few minutes, so please be patient.
After completing the activation and no bug occurred, you will see status of all plugins is activated.
2.6. Import Demo Data
I. The first way: Importing by one click
This is priority to use for importing fully demo content.
1. Click <<Import Data Demo>> buttons on back- end:
2. Access “Data Demo” tab and find the “Import Data Demo” section.
The progressing will display on import status bars so you will know when it is finished and your data is ready.
After already import demo data successfully, go to MailChimp for WP >> Form >> Form mark-up >> replace old code text by this code text:
<input class="info" type="email" id="mc4wp_email" name="EMAIL" placeholder="Your email here" required /> <input class="submit" type="submit" value="SIGN IN" />
You can see this screenshot for more instruction:
This is a video tutorial installation in a one-click way. ( chèn video vào )
- NOTES: IMPORT DEMO DATA BY ONE-CLICK WAY WILL NOT INCLUDE IMAGES FROM OUR DEMO SITE. ALL IMAGES WILL BE REPLACED BY SAMPLE IMAGES.
II. The second way is recommended to use if you have any troubles in a first way.
1. Import .xml file:
Where is file .xml to import?
There is a “demodata.xml” file placed in folder Fastex\inc\admin\data, just find this file for importing demo.
Following these steps to import demo data via .xml file:
2. Set Up Front Page:
– Go to Setting >> Reading.
– select a static page (select below) >> Choose Front page is Home page.
3. Import Revolution Slider:
The download package contains the exported slider (Revolution Slider) that can be used as your slider template. Please do follow the steps below to import it.
- Go to “Revolution Slider”
- Click “Import Slider” button
- Click “Browse” >> choose file themes\Fastex\inc\admin\data\revslider >> select one file zip revolution slider >> Click “Import Slider” button to start import the selected slider.
- Repeat the steps to import another revolution slider.
How to Edit a Revolution Slider when you can’t import image correctly?
You need to Edit revolution Slider.
You’re still on the main page of Revolution Slider, click Edit Slides.
Please note that these steps are to set up slider for homepage the same as in live demo. If you want to make your own slider, please follow the official Slider Revolution document.
4. Import Widget:
– Install and Active Widget Importer Plugin.
– Go to Tool >> Widget Setting Imports >> Select a file >> Choose file themes\Fastex\inc\admin\data\widget\widget_data.json >> Click on “Show Widget Settings” >> Select all active widget >> Click on “Import Widget Setting“.
5. Import Setting:
Go to Appearance >> Customize >> Import/ Export Setting >> Import Setting >> choose file theme/inc/admin/data/setting.json >> click “Save & Publish” button.
6. Configure Menu:
Go to Appearance >> Menu >> select “Main Menu” >> choose “Primary Menu” >> click “Save Menu“.
7. Configure MaiChimp:
Go to MailChimp for WP >> Form >> Form mark-up >> replace old code text by this code text:
<input class="info" type="email" id="mc4wp_email" name="EMAIL" placeholder="Your email here" required /> <input class="submit" type="submit" value="SIGN IN" />
You can see this screenshot for more instruction:
This is video tutorial installation via xml file
3. CONFIGURATION
3.1. Customize
By clicking on the “Customize” menu under “Appearance”, you’ll be able to change all specific template settings
There will appear:
Please note that, after configuring something in customize, you need to click blue button <<Save & Publish>> to apply changes.
1. Logo:
The Logo will be displayed like this on your Header and will be sticky with menu when scrolling down your site:
The size of your Logo Section on Header Menu could be set with Width Logo option. Since the layout is built using Bootstrap Grid system for a responsive design, the width of your Header Menu is also divided into 12 sections. We recommend using value 2 or 3 (corresponding with 16.67% or 25%) to menu will be shown in a line. You can set logo size as you want then your site will automatically thumbnail size depending on the value of “logo width” to logo displayed balance with menu.
Favicon:
Similarly, the image indicated by the Favicon box will be your site logo favicon, which will appear on the status bar of the browser
The favicon should be in one of the following formats: .ico, .png, .gif. Usually we should use .ico.
It will be shown in front-end:
2. Header Options:
3. Footer Options
Like the name indicated, it is the section to control the Footer part of your site.
- Footer:
– Background footer image: upload background image for footer.
– Text Color: select color for text in footer.
– Background Color: select background color for footer.
- Copyright Options
– Text Color: Select color for text in copyright.
– Copyright Text: allow you to put content for the tagline in your footer.
4. Styling Options
( Cần check lại phần này, chưa hoàn thiện )
Secondary color: Secondary color of Fastex theme.
5. Display
- Archive:
– Archive layout:This is the place for you to select an alignment for your archive pages. You can choose whether or not to use the sidebar, as well as positioning it in a layout with 1 or 2 columns.1 – No side bar at all
2 – One sidebar, located on the left
3 – One sidebar, located on the right– Show/ Hide Breadcrumbs?: select show or hide Breadcrumbs.
– Show/ Hide Tittle: select show or hide tittle.
– Top Image: upload top image for Archive page. - Post & Page:
You can configure for posts and pages in this place. All options is same with Archive page above.
6. Social Sharing
Choose the social networks which you want to share blog posts. These social networks will be display beside content section like this:
7. Typography:
The Typography section gives you the control to style general text in your website. You will style the common text in your posts and pages with Body Options, Tittle.
Headings Options will help you style the headings in your posts.
- Body Section Option:
- Tittle Section Option:
- Heading Section Option: (H1 – H6)
8. WooCommerce
- Category Products
Here is place for you to configure separately for Category Products.– Archive Layout: select a layout for your shop detail page with this option.– You can Show or Hide Breadcrumbs, Show or Hide Title in Shop page.– Top Image: select top image for shop page. - Product Page
You also can configure separately for Single Product here.Other options for setting the single product are similarly described in the Category Product Section.
9. Custom CSS:
In case you want to add new CSS class to style your shop more easily, add it in this text box. This will overwrite the theme CSS, so please be careful!
10. Widget
To Add “Custom Menu” Widget for one “Footer Bottom” Widget Area:
You also follow as above to add any widget or just Drag & Drop a Widget into a Widget Area.
11. Static Front Page:
– Front page: select front page as you want.
– Posts page: select blog page as you want.
12. Import/ Export Settings:
To configure options under Customize section.
If you want to have a new site with similar settings as your created site. Use this function to export a file js in created site and import this file js into the new site.
3.2. WooCommerce Settings
Inside this panel you will find all core WooCommerce settings such as: catalog settings, pages, payment gateways, shipping methods and tax rates which are accessible via the tabs at the top of the screen.
To configure your shop go to “WooCommerce > Settings”, then browse through the tabs below to get more information on the WooCommerce Options and then click Save changes.
For more details, please follow the official docs.
Product Thumbnail Settings
The Product thumbnail size is decided by Product Image settings in WooCommerce. To customize, open WooCommerce Settings menu, then switch to the “Products” >> “Display” >> “Product Image Sizes”
If you change these options after the images are set for your product, please re-generate your thumbnails to match the new settings by accessing the Tools >> Regen. Thumbnails menu and click on the <<Regenerate All Thumbnails>> button.
4. SET UP MENU
1. Go to Appearance >> Menu
2. Select a menu to edit or click create a new menu.
Note: when you import our demo content, it will automatically create a Main menu for you, so select “Main Menu” if you want to have same menu as in preview.
3. Select pages or categories or links… from the left meta box and click Add to Menu
On the right, feel free to drag and drop menu items to organize them.
4. Check Primary Menu for theme locations at the bottom of the page.
5. Click “save menu” button.
5. SET UP BLOG PAGE
1. Create a Blog page
- Go to Pages >> Add New page.
.jpg)
- Setting Blog page
Go to Setting >> Reading
2. Add new Category and Tags
- To add new category for a blog, come to Posts > Categories and fill in fields then click Add New Category, there will appear:
- To Add New Tag, come to Posts > Tags and fill in the fields then click Add New Tag:
3. Create Menu for Blog page:
6. SET UP HOME PAGE
1. Set Up Home Page
Following steps to set up Home page 1:
2. Set Up Home Page 2
Following steps to set up Home Page 2:
3. Set Up Home Page 3
Following steps to set up Home Page 3:
7. SET UP HEADER
To configure this style header, please do follow our instruction below:
1. Go to Appearance -> Widget:
It will be displayed as below:
8. SET UP FOOTER
1. Create Footer Menu 1 & 2
2. Create MailChimp (see Installation section/ Import Demo Data/ Configure MailChimp)
3. Create Footer
9. ELEMENTS IN FASTEX
9.1. Visual Composer
Since Fastex uses Visual Composer as its visual page builder, you won’t have to go through fuzzy shortcodes to build your pages with it. You can take full control over your WordPress site and build any layout you can imagine with drag and drop page builder plugin – no programming knowledge required.
To get an idea of what Visual Composer is and how it would let you build pages with any of your awesome design on WordPress without touching a single line of code, please visit this link and watch its demo video.
9.2. Shortcode built by ThimPress
1. Thim: Icon box
2. Thim Recent Posts
.jpg)
3. Thim Heading
.jpg)
4. Thim Counter Box
5. Thim Google Map
6. Thim Gallery
7. Thim Images
8. Thim Testimonials
9. Thim Our Team
10. PAGES
10.1. Contact Us
10.2. About Us
11. WOOCOMMERCE PRODUCT
I. Adding a Product
- SKU – stock keep unit, used to track products. It must be unique for each product, and should be named so it does not clash with post ID’s.
- Price:
- Regular Price – The item’s main price.
- Sale Price – The item’s sale price. When adding a Sale Price, a “Sale” icon will automatically appear on your product image.
For more details, please follow the official docs.
II. Product Variations
III. Adding Product Galleries
IV. Set Featured Products
12. UPDATE THEME
You can update theme by 2 ways:
1. Upload theme folder via ftp to your site
2. Use Envato WordPress Toolkit plugin ( you can see instruction here )
- Note : After you have finished update theme, you need to go to Appearance -> Theme Options ( Customize) and Save All Options again (if your theme have “Generate Less To Css” button beside “Save All Options” button, you also need click that button).