Quicky - Minimal eCommerce HTML Template
Created: 14/02/2020
Thank you for purchasing my template. If you have any questions that are beyond the scope of this help file, please feel free to open a new ticket at our support forum
Template Installation
-
FTP Upload:
- Open up your FTP manager and connect to your hosting
- Browse to required directory (Normally public_html)
- Upload the files inside Quicky folder.
Pages
- index.html is for Home One
- index-2.html is for Home Two
- index-3.html is for Home Three
- index-4.html is for Home Four
- index-5.html is for Home Five
- index-6.html is for Home Six
- shop-fullwidth.html is for Shop Grid Fullwidth Page
- shop-left-sidebar.html is for Shop Left Sidebar Page
- shop-right-sidebar.html is for Shop Right Sidebar Page
- shop-list-fullwidth.html is for Shop List Fullwidth Page
- shop-list-left-sidebar.html is for Shop List Left Sidebar Page
- shop-list-right-sidebar.html is for Shop List Right Sidebar Page
- single-product.html is for Single Product Page
- single-product-sale.html is for Single Product Sale Page
- single-product-group.html is for Single Product Group Page
- single-product-variable.html is for Single Product Variable Page
- single-product-affiliate.html is for Single Product Affiliate Page
- single-product-gallery-left.html is for Single Product Gallery Left Page
- single-product-gallery-right.html is for Single Product Gallery Right Page
- single-product-tab-style-left.html is for Single Product Tab Style Left Page
- single-product-tab-style-right.html is for Single Product Tab Style Right Page
- single-product-sticky-left.html is for Single Product Sticky Left Page
- single-product-sticky-right.html is for Single Product Sticky Right Page
- single-product-slider.html is for Single Product Slider Page
- blog-left-sidebar.html is for Blog Grid View
- blog-list-left-sidebar.html is for Blog List View
- blog-details.html is for Blog Details
- about-us.html is for About Us Page
- contact.html is for Contact Page
- my-account.html is for My Account Page
- login-register.html is for Login | Register Page
- wishlist.html is for Wishlist Page
- cart.html is for Cart Page
- checkout.html is for Checkout Page
- compare.html is for Compare Page
- faq.html is for FAQ Page
- 404.html is for Error 404 Page
Fonts
<!-- Fonts -->
@import url('https://fonts.googleapis.com/css?family=Muli:400,400i,500,500i,600,600i,700,700i|Poppins:400,400i,500,500i,600,600i,700,700i|Quicksand:400,500,600,700|Titillium+Web:400,400i,600,600i,700,700i&display=swap');
Source File (CSS)
<All CSS files are included here.>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="assets/css/vendor/bootstrap.min.css">
<!-- Material Design Iconic Font -->
<link rel="stylesheet" href="assets/css/vendor/material-design-iconic-font.css">
<!-- Simple Line Icons -->
<link rel="stylesheet" href="assets/css/vendor/simple-line-icons.css">
<!-- Slick CSS -->
<link rel="stylesheet" href="assets/css/plugins/slick.css">
<!-- Animation -->
<link rel="stylesheet" href="assets/css/plugins/animate.css">
<!-- jQuery Ui -->
<link rel="stylesheet" href="assets/css/plugins/jquery-ui.min.css">
<!-- Nice Select -->
<link rel="stylesheet" href="assets/css/plugins/nice-select.css">
<!-- Main Style CSS -->
<link rel="stylesheet" href="assets/css/style.css">
<Minify version for better website load performance....↓>
<!-- Vendor CSS -->
<link rel="stylesheet" href="assets/css/vendor/vendor.min.css">
<!-- Plugins CSS -->
<link rel="stylesheet" href="assets/css/plugins/plugins.min.css">
<!-- Main Style CSS -->
<link rel="stylesheet" href="assets/css/style.min.css">
Source File (JS)
<All JS files are included here.>
<!-- jQuery JS -->
<script src="assets/js/vendor/jquery-1.12.4.min.js"></script>
<!-- Modernizer JS -->
<script src="assets/js/vendor/modernizr-2.8.3.min.js"></script>
<!-- Popper JS -->
<script src="assets/js/vendor/popper.min.js"></script>
<!-- Bootstrap JS -->
<script src="assets/js/vendor/bootstrap.min.jss"></script>
<!-- Slick Slider JS -->
<script src="assets/js/plugins/slick.min.js"></script>
<!-- Barrating JS -->
<script src="assets/js/plugins/jquery.barrating.min.js"></script>
<!-- Counterup JS -->
<script src="assets/js/plugins/jquery.counterup.js"></script>
<!-- Nice Select JS -->
<script src="assets/js/plugins/jquery.nice-select.js"></script>
<!-- Sticky Sidebar JS -->
<script src="assets/js/plugins/jquery.sticky-sidebar.js"></script>
<!-- jQuery UI -->
<script src="assets/js/plugins/jquery-ui.min.js"></script>
<!-- jQuery UI Touch Punch -->
<script src="assets/js/plugins/jquery.ui.touch-punch.min.js"></script>
<!-- Theia Sticky Sidebar JS -->
<script src="assets/js/plugins/theia-sticky-sidebar.min.js"></script>
<!-- Waypoints JS -->
<script src="assets/js/plugins/waypoints.min.js"></script>
<!-- Ajax Mail -->
<script src="assets/js/ajax-mail.js"></script>
<!-- Main JS -->
<script src="assets/js/main.js"></script>
<Minify version for better website load performance....↓>
<!-- Vendor JS -->
<script src="assets/js/vendor/vendor.min.js"></script>
<!-- Plugins JS -->
<script src="assets/js/plugins/plugins.min.css"></script>
Customization
How To Change Logo
How To Change Contact Form Email
How To Change Copyright
How To Change Map Location
How To Change Template Color
How To Compile SASS With Gulp
Make sure to download the links below. When the download is finished, install the software & follow the instructions what i've provided on the screenshot to compile sass to css with gulp. If you are not familiar with gulp or sass then leave the sass file and use it from css instead.
