Multipurpose eCommerce HTML Template

DOCUMENTATION

  • Doc version: 3.0
  • Created: 24 Jul 2021
  • Last update: 10 Oct 2021

OVERVIEW

Nest is an attractive HTML Bootstrap 5.x template specially designed for the multipurpose shops like mega store, grocery store, supermarket, organic shop, and online stores selling products like beverages, vegetables, fruits, ice creams, paste, herbs, juice, meat, cold drinks, sausages, cocktails, soft drinks, cookies…

Moreover, our HTML solution provides a set of features designed to make your website more sustainable:

  • W3C valid coding;
  • SEO-ready layout;
  • Google Fonts & Google Maps;
  • Cross-browser support;
  • SCSS source files.

Nest s built with Bootstrap 5, HTML5, CSS3 & Jquery. It is Responsive, Retina ready & Multi-Device supported. All code is beautifully written & W3C Validated.

This template written by SASS, with 7-1 pattern

We have a dedicated support center for all of your support needs. It includes our Documentation and Ticket system for any questions you have. We usually get back to you within 12-24 hours.

A quick way to integrate the Forms into your project. Get Nest today and be setup in minutes!

Main Features

Creative Design: Nest is a bold theme that organizing content to follow natural eyes, striking balance between beautiful and visual hierarchy.

Fully Responsive: The theme passed Mobile-Friendly Test – by Google. We also tested carefully the theme on almost devices: laptop, tablet, and phone. All elements are 100% responsive and ready for all devices.

Pixel Perfect Design

Product Carousel: Option to showcase products as carousel.

Color & Fonts is easily changed

Customer Reviews, Customer accounts, Compare Products, Grid & List layout, product fillter

Newsletter, Social Sharing

W3C Validated Code

Bootstrap 5.x used

Compatible Browsers: IE8+, Firefox, Safari, Opera, Chrome

Well documentation included

Ticket System Support

Note

- All images are just used for Preview Purpose Only. They are not part of the template and NOT included in the final purchase files.
- This is not a WordPress theme, It is a HTML5 template

Change log

                                VERSION 3.0
                                - [Add] Ecommerce Dashboard Template

                                VERSION 2.1
                                - [Add] Product details with Vendor information
                                - [Add] Homepage 02, 03, 04 to Figma design file
                                - [Fix] Responsive CSS
                                - [Add] Dropdown Menu for Account                                

                                VERSION 2.0
                                - Update animation.css.
                                - [Add] Multi vendors pages
                                - [Add] the Promotion popup (Homepage 01)
                                - [Fix] some CSS bugs

                                VERSION 1.2
                                - [Add] compare icon on Header
                                - [Change] the Categories carausel design

                                VERSION 1.1
                                - [Fix] CSS for Nav bar

                                VERSION 1.0
                                - First release.
                            

STRUCTURE

Frontend Files Structures

  • /assets
    • /css
      • /plugins
      • /vendors
      • /main.css
    • /fonts
      • /awesome
      • /Nest-font
    • /imgs
      • /banner
      • /blog
      • /page
      • /shop
      • /slider
      • /theme
    • /js
      • /plugins
      • /vendor
      • /main.js
      • /shop.js
    • /sass
      • /abstracts
      • /base
      • /components
      • /layout
      • /pages
      • /themes
      • /vendors
      • /main.scss
  • /index.html
  • /index-2.html
  • /index-3.html
  • /index-4.html
  • /shop-fullwidth.html
  • /shop-grid-left.html
  • /shop-product-full.html
  • /page-about.html
  • /.........

Backend Files Structures

  • /assets
    • /css
      • /plugins
      • /main.css
    • /fonts
      • /material-icon
    • /imgs
      • /brands
      • /card-brands
      • /icons
      • /items
      • /misc
      • /people
      • /theme
    • /js
      • /vendor
      • /main.js
      • /custom-chart.js
    • /sass
      • /abstracts
      • /base
      • /components
      • /layout
      • /main.scss
  • /index.html
  • /page-account-login.html
  • /page-account-register.html
  • /page-brands.html
  • /page-categories.html
  • /page-error-404.html
  • /page-form-product-1.html
  • /page-orders-1.html
  • /.........

HTML Structure

All information within the main content area is nested within a body tag. The general template structure is pretty the same throughout the template. Here is the general structure of main page (index.html).

																									
                                    

CSS Structure

These are the css files that are loaded into templates in Head Section.

								
                                
							

Import google fonts

								@import url('https://fonts.googleapis.com/css2?family=Poppins:[email protected];500;600;700;900&display=swap');
                            

Import third party CSS library

								/*import vendors*/
                                @import url(vendors/normalize.css);
                                @import url(vendors/bootstrap.min.css);

                                /*import plugins*/
                                @import url(plugins/jquery-ui.css);
                                @import url(plugins/magnific-popup.css);
                                @import url(plugins/animate.css);
                                @import url(plugins/select2.min.css);
                                @import url(plugins/slick.css);
                                @import url(plugins/perfect-scrollbar.css);
							

JS Structure

These are the list of Javascript files that are loaded into templates in end of the Body Section.

								
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
							

UPDATE

Important Note:

- Backup your website and theme folders completely to make sure you have a restore point in case of any complications.

Update using FTP

  1. Download the latest version of the theme to your device.
  2. Connect to your hosting via FTP software
  3. Upload the theme folder you unzipped to your site folder
  4. You should be asked to confirm overwriting of this folder and its contents. Confirm the overwrite.

SOURCES & CREDITS

THANK YOU

Thank you so much for using this template.

- AliThemes Team -