eflux
Welcome to eflux!
We are pleased that you have chosen eflux theme for your site and we will not disappoint you with your choice. eflux is an excellent theme develop with a concise approach. The code written is a clean and well structured.
eflux is the most powerful & responsive theme with all the modules and functions involved with an attractive design.
eflux theme template is build focusing on HTML and CSS3 and works perfectly fine in all the browsers and it is powered by jQuery.
eflux theme include total 4+ pre-built home page layouts, 15 inner pages with shop pages and backe-end admin.
We request to have a look at our eflux manual to know brief about the theme! We have compromised each and every detail for you in the manual that you will need.
If we are unable to answer your queries beyond our documentation, you are free to contact us through the themeforest support page with your site. We will be happy to cater you and will get back to you in no time.
Read the manual before jumping to start!
Theme Features
- Responsive Design : Looks great on desktops, laptops, tablets and mobiles. Give it a try on your iPhone or iPad now.
- 20+ Html pages : eflux has 20+ html pages.
- Made with Sass : eflux is made with sass.
- W3 Validator : This theme coded with beautiful and clean codes! Some powerful HTML files 100% valid W3 web standards.
- Product Zooming : Every product of product pages has zooming feature.
- Infinite Loader : You can load infinite products by using infinite loader.
- Quick-view : Every product has Quick view modal popup.
- Multi-Browser Support : eflux has multi browser support.
- Fully Customizable : You can fully customize.
- Bootstrap 4.5.3 : eflux made by boostrap latest version.
- Google Font : You can use unlimited Google fonts.
- Advance Lookbook : This theme allows you to put your own Lookbook on Homepage or a Lookbook Page.
- Amazing Mega-menu : A completely different mega-menu with powerfully functionality and flexible layout.
- Multiple Header-Footer : eflux theme has 5 header options and 4 footer options.
Folder Structure
When you unpack downloaded archive from ThemeForest.net you'll get folder containing 2 folders.
- Documentation - Documentation for eflux HTML site template
- THEME - eflux Main Folder
Html Folder Structure
- Assets
- css
- fonts
- images
- js
- scss
Css, Scss & Js
Html Folder Structure
- Css
- all.min.css (fontawesome icon)
- animate.css (Animation css)
- bootstrap.min.css (Bootstrap framework css)
- custom-select.css (Custom select Css)
- slick-theme.css (slick slider css)
- slick.css (slick slider css)
- style.css (all style css here)
- swiper.min.css (swiper slider css here)
- Scss
- All scss files and folder
- Js
- bootstrap.js (bootstrap framwork)
- all.min.js (fontawsome js)
- custom-select.js (custom select js)
- functions.js (all custom js here)
- Jquery.countdown.min.js (countdown js)
- jquery.elevator.js (product zoom effect js)
- jquery.min.js (jquery library)
- price-range.js (price range)
- slick.js (slick slider)
- swiper.min.js (swiper slider)
fonts
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700&display=swap');
Customization
logo
<div class="col-5 col-md-2">
<a href="index.html" class="logo"><img src="assets/images/logo.png" alt="logo"></a>
</div>
<a href="index.html" class="footer-logo"><img src="assets/images/logo.png" alt="logo"></a>
Menu
Main menu
<ul class="menu d-xl-flex flex-wrap list-unstyled">
<li class="item-has-children"><a class="active" href="index.html">Home <i class="fas fa-angle-down"></i></a>
<ul class="submenu">
<li><a href="home-default.html">Home Default</a></li>
<li><a class="active" href="index.html">Home Sticky Sidebar</a></li>
....
</ul>
....
</li>
......
sidebar catagory menu
<div class="catagory-sidebar all-catagory-option">
<ul class="catagory-submenu">
<li><a data-toggle="collapse" href="#catagory-widget1" role="button" aria-expanded="false" aria-controls="catagory-widget1">Vegetables<i class="fas fa-angle-down"></i></a>
<ul class="catagory-submenu collapse show" id="catagory-widget1">
<li><a href="product-list.html">Artichoke.</a></li>
.......
</ul>
</li>
.......
</ul>
</div>
Button
<a href="#" class="banner-btn">Read More</a>
Title
<h67>Organic and fresh food</h67>
<h27>Get freshness delivered<br7>on your doorstep.</h27>
Footer Copyright
<p class="copyright">Copyright © 2020 <a href="">eflux</a>. All Rights Reserved.</p>
Convert RTL layout
