Flone - Minimalist WooCommerce WordPress Theme

# Flone

Online Documentation View demo

### Introduction

##### Theme Name: Flone - Minimalist WooCommerce WordPress Theme

Thank you very much for choosing our theme. We truly appreciate and really hope that you'll enjoy our theme!
If you like this theme, Please support us by rating us 5 stars..

Flone - Minimalist WooCommerce WordPress Theme is a top-notch design of WordPress theme for selling Men Fashion, Women Fashion, Kids Products, Ready Made Garments, Sunglass, Wristwatch, Shoes, Tech Products, Furniture and almost everything that can be sold online.

However, Flone One Click Demo install theme has 7 Header styles, 25+ Sections and 5+ product style. This responsive theme has tons of useful features like Built with Elementor Page builder, Theme Colors, Box Style, Newsletter Popup, Ajax Wishlist, Ajax Cart, Multiple Currency, Dropdown Menu, Megamenu and Megamenu With Image etc.

### Theme features

- One Click Demo Install
- Ajax Mini Cart
- Ajax Wishlist
- Ajax QuickView
- Multiple Currency
- 7 Header Style
- Dropdown Menu
- MegaMenu
- MegaMenu With Image
- 25+ Sections
- Featured Product
- Tab Product
- Product With Carousel
- Collection
- Single Banner
- Multiple Banner
- About Information
- Brand Logo
- Services
- Testimonial
- Latest Blog
- Instagram
- 4 Footer Style
- Breadcrumb banner
- Shop Grid/List View
- Product Sorting
- Product review
- Product Video
- Custom Tab
- Related product
- Post Comment
- Post Archive
- Contact Information
- Contact Form
- Contact map (google map API)
- Fully Responsive Layout
- Cross Browser Optimization
- SEO friendly
- Mobile Friendly Layout
- Header Customization
- Logo Customization
- Menu Customization
- Buttons Customization
- Google Fonts
- Shortcode Ready
- Preset Page Layout
- Smooth Scroll
- Mobile Browsers Compatible
- W3C Valid HTML Code
- No coding knowledge required
- Create stunning website without touching a line of code
- Fully Customizable
- Unlimited colors for design & content elements
- Responsive visibility options
- Neat, clean and simple design
- Creative and Modern Design

### Image Sources

- https://stocksnap.io
- https://stockphotos.io/
- http://free-photos.gatag.net/
- https://pixabay.com/
- google.com

Note: All images are just used for Preview Purpose Only. They are not part of the theme and NOT included in the final purchase files.

### Files Included

- Theme File -- (flone-v-installable-file.zip)
- Child Theme -- (flone-child.zip)
- Plugin -- (plugin)
- Demo Content -- (Sample Data)
- Documentation

### File Structure

- Assets - (css,js,images,fonts)
- template-parts -- (blog content and layout)
- inc -- (All functionality)
- languages -- (flone.pot) file

### System Requirements

- WordPress 5.0 or Higher
- PHP version 7.2 or greater
- MySQL version 5.6 or greater OR MariaDB version 10.0 or greater

Reference

##### Recommended PHP Configuration Limits

Many issues that you may run into such as: white screen, demo content fails when importing, empty page content and other similar issues are all related to low PHP configuration limits. The solution is to increase the PHP limits. You can do this on your own, or contact your web host and ask them to increase those limits to a minimum as follows:

- max_input_vars = 3000
- memory_limit = 128M
- max_execution_time = 300
- max_input_time = 300
- upload_max_filesize = 64M
- post_max_size = 64M

##### WordPress Installation

To use this theme you must have a working version of WordPress already installed. If you need help in installing WordPress follow the instruction here: https://codex.wordpress.org/Installing_WordPress

##### Required Plugins for this theme

In order to use this theme, please note, that following plugins SHOULD BE installed during the theme installation

- Flone Core

##### Recommended Plugins for this theme

In addition, you can take an advantage of your theme experience with these following plugins:

- Woolentor
- WC Multi Currency
- WP Plugin Manager
- One Click Demo Import
- CMB2
- Redux Framework
- Contact Form 7
- Elementor
- MailChimp For WP
- WooCommerce
- WooCommerce Color Swatches
- YITH WooCommerce Wishlist
- YITH WooCommerce Compare

### Theme Installation

If you download the flone-wp-package.zip, you have to extract it out ( to get themename-vxx_xx.zip file ) before installing it to Wordpress system.

##### Install theme via WordPress Dashboard

1. Go to 'Appearance > Theme' section
2. Click 'Add New' and select the 'Upload' option
3. Upload the zip file
4. Go to 'WordPress Dashboard > Appearance > Theme section to activate the theme
5. All Done :)

##### Install theme via FTP

1. Access to the file on your server using ftp editor program
2. Go to 'wp-content/themes' folder
3. Extract the zip file and put the themename-xyz folder there
4. Go to 'WordPress Dashboard > Appearance > Theme section to activate the theme
5. All Done :)

##### Install Plugins

After you install the theme, there'll be a list of suggested and recommended plugins at the top of the wordPress dashboard.
If you already hide it out, you can go to 'Appearance > Install Plugins' section instead too.

### Import Demo Content By One Click

You must activate the license key and all required plugin before importing demo which is already recommended in our theme. Then follow these instructions:

#### After importing the demo you need to import the revolution slider file if you installed the revolution slider demo. To do this follow the below instructions

##### Go to the Dashboard > Slider Revolution > Manual Import

##### Select slider import file from your downloaded package > Sample Data> Slider Revolution Export > Slider-1.zip

#### Update your permalinks after installing theme.

#### Set your header menu

#### Set your header User menu

#### Set your home page

#### Set your blog post page

#### Header logo change

#### Foooter content update with footer logo

### Install child theme

You must activate the main theme to install the child theme. Follow these instructions to install the child theme.

### Customize Child Themes

It will help you to override main theme features, you will have an advantage when the theme will be updated and your own changes will have no effects while updating. Follow these instructions to customize the child theme.

- Use functions.php to override logic and functions
- Use style.css to override theme default style
- Location: (wp-content/theme/theme-child/your-folder or your file

If you want to change another file of this theme just copied that file with the same location on the main theme folder and paste it at the child theme.

### General Layout

- Primary color

- Secondary Color

- Link Color

- Link Hover Color

- OnSale Bg Color

- Discount Bg Color

- Discount Text Color

- Google Map API Key

- Enable Preloader For Whole Site

- Enable Back To Top

#### Preloader Setting

You can manage preloader for whole site or only home page and shop page.

### Typography Settings

You can set the default page typography here.

### layout Settings

You can set here the default page content spacing and whole site spacing

### Header Settings

You can set here your header style according to demo style

### Header Top Settings

You can set here your header top style according to demo style

### Blog Settings

You can set here your Blog style

### 404 Settings

### Social Icon Settings

### Woocommerce Settings

### Elementor Header Layout Options

##### If you want to change your header style and header variations by specific page then please follow mine below instructions.

- So first of all go to your page and click the WordPress dashboard top menu bar "Edit with Elementor" button.

- So you can see the editor/builder layout, then go to the setting icon at the bottom of the layout page.

- Now you can select a header style.

- You can change your header background color. If you want to use an image here. Then you can do it.

- You can change your header menu primary color.

- You can change your header menu hover color.

- You can change your sub-menu or mega menu background color. Note: You can not insert an image there. Note: You cannot insert any images there.

- You can change your mega menu title color.

- You can change your mega/Sub menu Primary color.

- You can change your mega/Sub menu Hover and dot color.

- You can change your sticky header background color.

- You can change your sticky header menu primary and hover color.

- You can change your sticky header menu primary and hover color.

### Elementor Footer Layout Options

##### If you want to change your footer style and footer variations by specific page then please follow mine below instructions.

- Now you can select a footer style.

### Theme Core Plugin

Flone theme custom addons

- Slider
- Service
- Section Title
- Tabbed Products
- Blog
- Banner
- Products
- Masonary Products
- Welcome Content
- Instagram
- Product Categories
- Testimonial
- Brands
- Countdown
- Counter
- Team
- Map
- Icon With Info

### Mailchimp Wp

##### 1. You need to install Mailchimp for wp plugin

##### 2. Create an API key and mailchimp list from https://mailchimp.com/

##### 3. Set your API key

##### 4. Create a form

##### 5. Assign your Mailchimp from your list and hit save.

### Elementor is the most advanced WordPress page builder plugin. It's lightweight and extremely powerful.

Elementor is the fastest page builder ever. It’s real-time and instant process. With professional Back-End Editor for free 100%, it comes complete with top-notch features embedded and a truly intuitive UI. With no programming knowledge required. Elementor can save you both time and headache, allowing you to easily create pages like a true professional web designer.

- Full features Back-End Editor.
- CSS system in backend
- RESPONSIVE system in backend
- Install free online section presets
- Offline section presets
- Documents
- Videos tutorials
- Easy Customization
- Without Hand Coding

### Elementor Default Settings

### Revolution Slider Plugin

This theme includes "Revolution Slider" plugin. You can import sample sliders from the theme package.

##### Go to the Dashboard > Slider Revolution > Manual Import

##### Select slider import file from your downloaded package > Sample Data> Slider Revolution Export > Slider-1.zip

After import sliders, you can go to edit slides, change the image, text, animation ... Please read the Slider Revolution documentation before you working on Revolution Slider.

### Contact Form

You can do step by step as image below to build contact form

##### Add New Contact Form

### WooCommerce

To set the WooCommerce default page to follow the instructions

### WC Multi Currency

To add multi currency follow the instructions

### WooLentor Settings

Woolentor Settings

### Elementor Page Setting

Create a page adding Elementor fullwidth

After publishing the page open with Elementor Editor

### Slider Section Adding/Customize

#### 1. Drug & drop the slider addons

#### 2. Section Setting

#### 3. Add slider content accoording to slider style

#### 4. Set slider option

#### 5.Customize your slider style

### Tabbed Product Adding/Customize

#### 1. Firstly add products then add tabbed product addon on the page

##### Add new product/edit product

##### Add the product data with category

#### 2. Drug & drop the Tabbed Product Addons

#### 3. Select your product layout and conent

#### 4.Customize your product style

### Services Adding/Customize

#### 1. Drug & drop the service addons

#### 2. Service content adding

#### 3.Customize your service style

### Banner Adding/Customize

#### 1. Drug & drop the banner addons

#### 2. Banner content adding

#### 3.Customize your banner style

### Countdown Adding/Customize

#### 1. Drug & drop the countdown addons

#### 2. Countdown content adding

#### 3.Customize your countdown style

### Newsletter form Adding/Customize

Before adding the newsletter form you need to add Mailchim form. To do this follow plugin settings > Mailchimp for wp menu instructions

#### 1. Drug & drop the Newsletter addons

#### 2.Newsletter content adding

#### 3.Customize your newsletter style

### Blog Post Adding/Customize

#### 1. Firstly add blog post then add blog post addon on the page

##### Add new blog post/edit post

##### Add the blog post content

#### 2. Drug & drop the Blog posts Addons

#### 3. Select your blog layout and conent

#### 4.Customize your blog style

### How to update theme

##### 1. First of all keep a backup of your theme, then you need to install Twenty seventeen/fifteen/sixteen/nineteentheme

##### 2. Delete the main theme

##### 3. Upload the updated theme as like new theme.

Everything is okay have fun, if its not there is something wrong happened, please try to do the same process again.

### Update Log

    VERSION: 1.0.0 -—--- DATE: 20 March 2021
    - initial release