Flone - React eCommerce Template

Minimal & Creative

Introduction

Template Name: Flone - React Minimalist eCommerce Template
Thank you very much for choosing our template. We truly appreciate and really hope that you'll enjoy our template!
If you like this template, Please support us by rating us 5 stars..     

Flone – React Minimalist eCommerce Template is a super-smooth and creative Website design. We create the top-notch demo websites because we analyze the market and anticipate the coming trend of this industry. We have successfully inserted all the best quality features and user-friendly attributes to Flone React Template. However, Flone comes with 7 Header Styles, 25+ Sections and 3+ Footer styles that will bring new taste to your site every day. Flone is built with React, Redux 4.0.4, Bootstrap 4, W3C validate Code and HTML 5 at a time. The best thing people will enjoy in your site is Multi Currency, Multi Language, Cross-Browser Compatibility and Responsive layout altogether. On the other hand, Flone template has excellent product display with collection sorting and product review. In addition, Smooth scroll will engage your clients more into the site. Remember, the more your clients will be engaged into your business, the more revenue will you have. Furthermore, this neat, clean and simple website has smart- SEO friendly coding pattern that will raise your website in top ranking within short time. To build a successful venture, Flone could be a handy tool for you. Get Flone soon and go ahead with the future of eCommerce.

Template features

  • Build on React Platform
  • Redux Toolkit used
  • React Hooks used
  • No jQuery Dependency
  • 25 Home Variations
  • 9 Shop Pages
  • 9 Product Details Pages
  • 4 Blog Pages
  • Multi Currency and Language
  • Multi Language With i18next
  • Shop Grid/List View
  • Build with Bootstrap 5.2.2
  • Made with SASS(SCSS)
  • 1000+ icon font ( Font Awesome + pe 7 stroke Icons)
  • Google font include
  • Fully Responsive Design
  • W3C Validated Code
  • Clean Code
  • Speed Optimized
  • Cross Browser Support
  • Well Documented
  • No console error
  • Free Updates
Need Support?
If you have any questions regarding to theme issues, please submit a ticket at https://hasthemes.com/contact-us/

Files Included

  • Documentation
  • Template Files - (flone-react-v2.0.zip)

Node.js and Yarn

Your computer must have installed nodejs and yarn to run this template. You can download Node.js from https://nodejs.org and yarn from https://yarnpkg.com/lang/en/docs/install/ . NPM comes bundled with Node.js







Install Npm Packages

You must have to install packages. You can do this by running yarn install from the root of your project to install all the necessary dependencies.




Development server

Run yarn start from the root of your project to start a dev server. Navigate to http://localhost:3000/. The app will automatically reload if you change any of the source files.




Build

Run yarn build to build the project. The build artifacts will be stored in the build/ directory.




Eject

Run yarn eject If you are not satisfied with the default configuration. Note: this is a one-way operation. Once you eject, you can’t go back!




Root Folder Structure





Public Folder Structure



Src Folder Structure



Layout Structure





Page Structure





Wrapper Structure





Component Structure





How to change Logo?





How to Change Content and Images?

You can change object data easily (Dynamic Sections : Hero sliders, feature icons etc.) Path: flone/src/data folder





How to Change Map Location?

You can pass latitude and longitude as props in LocationMap component







You can change Map API key from flone/src/components/contact/LocationMap.js





How to Change Mailchimp List URL ?

You can pass mailchimp list URL as a prop in Newsletter component.