Documentation PDF
Documentation PDF
WordPress presentation
Other resources
TutsPlus – WordPress
WP Beginner
WordPress SEO – Home of the great SEO plugin by Yoast
Server requirements
For optimal performance the server requires some settings to be made, the optimizations
include:
child-theme – the child theme files are located in the /code folder
documentation – theme general info and a link to this documentation
licensing – general license information
Demo – contains all demo files of theme ( content.xml, theme-options.json, widgets.wif )
Next, click Download > Main File(s) next to Flipmart - Responsive Multipurpose Ecommerce
WordPress and save the package on your computer.
Installing a theme through WordPress is quite a simple process. After you have logged into
your WordPress account and are ready to go, on the sidebar of the Admin panel navigate to
Appearance and then select Themes. After that, click on the Install Themes tab and select
upload from the navigation bar below. Click the button “choose file” and locate your Theme zip
file (flipmart.zip), then click the “install now” button.
After Flipmart is installed, find the Theme in Appearance > Themes and click Activate.
Required plugins
Flipmart Core Adons - plugin that includes additional functionality of Engines theme.
Redux Framework - plugin that enables Theme Options module.
WPBakery Visual Composer - page builder.
WooCommerce - An e-commerce toolkit.
Recommended plugins
YITH WooCommerce Wishlist
YITH WooCommerce Compare
Currency Switcher
Contact Form 7
Breadcrumb NavXT
MailChimp
Widget Importer & Exporter
1 / 3
2 / 3
Powered by TCPDF (www.tcpdf.org) 3 / 3
Update the Theme
Envato WordPress Toolkit Plugin Installation:
Using that plugin you can easily update your theme and get notifications about it. To do so
follow the steps below:
Note: After you do this, you will be informed when each theme is updated, and can use this
feature to easily update your theme.
1 / 2
Powered by TCPDF (www.tcpdf.org) 2 / 2
Increase Max Input Vars
What is Max Input Vars?
It limits the number of input variables, this limitation affects $_GET, $_POST and $_COOKIE
superglobal separately. In our theme, it can affect menus.
At the end of the php.ini file, add below line of codes. The php.ini file can be found
in /user/local/bin/, /etc/php5/ or … depending on the host provider. If you can not find
it, it’s best to contact your host provider.
It’s also possible to increase it from .htaccess file in root WordPress installation’s
directory. Add below line of codes at the end of the .htaccess file.
The importer should be run only once. If something went wrong and you need to import the
content again, you may need to reset your WordPress.
Use this plugin to reset the WordPress database : http://wordpress.org/plugins/wordpress-
database-reset/
These steps are guidelines for a manual demo import. File names may vary depending on the Demo
you are importing.
If you don't get the All done have Fun! message go to Appearance -> Menus delete all the menus
and start over again until you get the message.
when you download complete package from themeforest and unzip it on your machine then
you will find flipmart-child.zip file in that themeforest downloaded unzip folder then
you have to install that flipmart-child.zip like any other WordPress Theme
so once you install Flipmart child theme then you have to activate it so that is it. Now
your Flipmart child theme is install and activated so you can make change what ever you
want to do so that will not override when you update Flipmart theme
1 Site Version
Use this option for choose your site version from default to five
2 Disable Breadcrumb
Use this option for disable or remove breadcrumb from your site
4 Show Menu
1 Favicon
Use this option for upload the logo with size ( 57px x 57px ) which is display on small
device ( Apple iPhone ).
Use this option for upload the logo with size ( 72px x 72px ) which is display on small
device ( Apple iPad ).
Use this option by turn on if you want to use the same sidebars on all pages. This
option overrides the page options.
Use this option for the selection of sidebar that will display on all pages of your
site.
Use this option for the selection of sidebar position either left or right for all pages
of your site
Use this option by turn on if you want to use the sidebars on all blog posts.
Use this option for the selection of sidebar that will display on all blog posts of your
site.
Use this option for the selection of sidebar position either left or right for all blog
posts of your site
Use this option by turn on if you want to use the sidebars on blog single page.
Use this option for the selection of sidebar that will display on blog blog single page
of your site.
Use this option for the selection of sidebar position either left or right for blog
single page of your site
Use this option by turn on if you want to use the sidebars on blog archive page.
Use this option for the selection of sidebar that will display on blog archive page of
your site.
Use this option for the selection of sidebar position either left or right for blog
archive page of your site
Use this option by turn on if you want to use the sidebars on search page.
Use this option for the selection of sidebar that will display on search page of your
site.
Use this option for the selection of sidebar position either left or right for search
page of your site
Use this option by turn on if you want to use the sidebars on WooCommerce Shop Page.
Use this option for the selection of sidebar that will display on WooCommerce Shop Page
of your site.
Use this option for the selection of sidebar position either left or right for
WooCommerce Page of your site
Use this option by turn on if you want to use the sidebars on WooCommerce Single Product
Page.
Use this option for the selection of sidebar that will display on WooCommerce Single
Product of your site.
Use this option for the selection of sidebar position either left or right for
WooCommerce Single Product Page of your site
1 Body Typography
Use this option for control the typography for all body text.
1 / 3
2 / 3
1 H1 Headers Typography
Use this option for control the typography for all H1 Heading
2 H2 Headers Typography
Use this option for control the typography for all H2 Heading
3 H3 Headers Typography
Use this option for control the typography for all H3 Heading
4 H4 Headers Typography
Use this option for control the typography for all H4 Heading
5 H5 Headers Typography
Use this option for control the typography for all H5 Heading
6 H6 Headers Typography
Use this option for control the typography for all H6 Heading
1 Animation
Use this option for Choose Animation from the drop down list which is Apply on your blog
2 Delay
Use this option for Insert delay time for the animation
1 Social Share
Use this option for enable / disable the post Social Share.
Use this option for enable / disable the post author information box below post content.
3 Animation
Use this option for Choose Animation from the drop down list which is Apply on your blog
4 Delay
Use this option for Insert delay time for the animation
1 / 2
Powered by TCPDF (www.tcpdf.org) 2 / 2
Blog Post Excerpt
1 Length by
Use this option for choose blog excerpt text length count by eithor Words or Letters
2 Excerpt Length
3 Before Text
Use this option for insert html tag or any thing which is render before excerpt text.
4 Aftre Text
Use this option for insert html tag or any thing which is render after excerpt text.
6 Link Text
Use this option for insert text label for read more button.
1 / 3
1 Shop Layout
2 Shop column
3 Shop Products
6 Show Pagination
7 Show Banner
Use this option for Select an image file for your banner background.
9 Heading
10 Sub Heading
Use this option for Insert Sub Heading of Product Sale Banner.
11 Content
2 / 3
Powered by TCPDF (www.tcpdf.org) 3 / 3
Single Product
1 / 4
2 / 4
1 Animation
Use this option for Choose Animation from the drop down list which is Apply on your
Product single contents
2 Delay
Use this option for Insert delay time for the animation
3 Product Tab
Use this option for Enable / Disable Product Tab from Product single page.
4 Animation
Use this option for Choose Animation from the drop down list which is Apply on your
Product single tab
5 Delay
Use this option for Insert delay time for the animation
6 Related Products
Use this option for Enable / Disable Related Products from Product Single Page.
8 Related Products
Use this option for Choose How many Related Products display on product single page.
9 Animation
Use this option for Choose Animation from the drop down list which is Apply on your
Related Products
10 Delay
Use this option for Insert delay time for the animation
11 Up Sell Products
Use this option for Enable / Disable Up Sell Products from Product Single Page.
13 Animation
Use this option for Choose Animation from the drop down list which is Apply on your Up
Sell Products
14 Delay
Use this option for Insert delay time for the animation
Use this option for Enable / Disable Cross Sell Products from Product Single Page.
Use this option for Choose How many Cross Sell Products display on product single page.
1 Tracking Code:
Paste your tracking code here. This will be added into the header template of your
theme. Place code inside tags.
2 Space before
Only accepts javascript code wrapped with tags and HTML markup that is valid inside the
tag.
3 Space before
Only accepts javascript code, wrapped with tags and valid HTML markup inside the tag.
1 Dynamic Css
use this option to turn on to generate dynamic CSS. dynamic css generate for typography
2 CSS Compiler
use this option to turn on to compile the dynamic CSS into a file. A separate file will
be created for each of your pages & posts inside of the uploads/engines-styles folder.
use this option to turn on to enable caching the dynamic CSS in your database.
4 Cache Server IP
use this option for unique cases where you are using cloud flare and a cache server, ex:
varnish cache. Enter your cache server IP to clear the theme options dynamic CSS cache.
Consult with your server admin for help..
1 CSS Code.
use this option for enter your CSS code in the field below. Do not include any tags or
HTML in the field. Custom CSS entered here will override the theme CSS. In some cases,
the !important tag may be needed. Don't URL encode image or svg paths. Contents of this
field will be auto encoded.
1 Import Options
use this option to import theme options setting so click on import from file button and
browse theme-options.json file which is included in your themeforest download package in
demo folder so choose it then click on import button and wait to complete
2 Export Options
Use this option by turn on if you want to use the same sidebars on all pages. This
option overrides the page options.
Use this option for the selection of sidebar that will display on all pages of your
site.
Use this option for the selection of sidebar position either left or right for all pages
of your site
Like this page will be any child page of your selected parent page .
Order for showing on frontend
5 Press the button : Publish : for save all the records and your page have been created.
1 Page Layout.
use this option to choose page layout eithor default or fullwidth or sidebar.
2 Select Sidebar.
use this option to choose page sidebar for using this option you have to first select
Page layout Sidebar.
3 Sidebar Position.
use this option to choose page sidebar position for using this option you have to first
select Page layout Sidebar.
1 / 3
1 Default Logo.
use this option if do not want to show theme option uploaded logo so upload logo what
every you want to change for this page.
use this option if do not want to show your site MainMenu and want to use any other menu
so select what every menu you want to show instead of MainMenu on this page.
1 Disable Breadcrumb
Use this option for disable or remove breadcrumb from your site
2 / 3
Powered by TCPDF (www.tcpdf.org) 3 / 3
Post
2 Used For
You can use post for create and manage blog of your site
By using visual composer Flipmart Blog element you can display blog posts on your front
end of site.
1 / 3
5 Front End View
Once you choose Flipmart Blog element and save it and update your page then you will
find bellow image view on your front end of that page
2 / 3
Powered by TCPDF (www.tcpdf.org) 3 / 3
Add New Post
1 Add New.
2 Post Title.
use this option to insert post content which is display on single post template.
4 Post Categories.
5 Post Tags.
7 Post Excerpt.
use this option to insert your post summary text which will be display on your blog
posts.
8 Press the button : Publish : for save all the records and your page have been created.
2 Used For
You can use Testimonial custom post type to create different user testimonial for your
site
By using Flipmart Testimonial Widget you can display testimonial posts on your Page
Sidebar.
Once you choose Flipmart Blog element and save it and update your page then you will
find bellow image view on your front end of that page
1 / 2
Powered by TCPDF (www.tcpdf.org) 2 / 2
Add New Testimonial
1 Add New.
use this option for add new testimonial custom post type.
3 Feature Image.
use this option for upload feature image for new testimonial custom post type.
4 Testimonial Options.
5 Press the button : Publish : for save all the records and your page have been created.
2Add the [avatar_upload] shortcode on your "My Account" page under the existing WooCommerce shortcode.
3Select Option.
a. If you want to use an existing project, please select it from the list.
4 Click ‘Enable the API’ (existing projects) or ‘Create and Enable API’ for new projects
5 Copy the generated browser key from the popup, you’ll need this to set your browser key by insert that key
in theme option Google map API key Field.
1 / 2
6 To prevent quota theft, secure your API key following these best practices.
If you want to hide page breadcrumb on any of specific page then you can do it by using page
meta field option
3 In the drop down menu for "Front Page" choose a page which will be your home page.
4 Leave the drop down menu for "Posts page" empty, as this is not used by the theme.
6 Save changes.
1Widget Title
2Number of Products
Insert number of product display in widget if you want to show product in slider then
you must insert number greater then one
1 / 3
2 / 3
1Hot Product
3Time Limit
If you want to show your latest product along with New Label Tag then you have to do bellow
setting in your woocommerce > setting
1 / 2
Please inser number of days for showing how many days old product will display New Label Tag