>
Menu

Smart Commerce

An attractive template for your multiple business online stores.

Our template includes a lot of pre-designed layouts for home page, product page to give you best selections in customization. This template is built based on the multiple business.

The excellent looking template can be used for HTML template , Android & iOS template as well as. Our product based on HTML5 & CSS3, Bootstrap4 latest version.

Features

  • Responsive design:- Watch significant on desktops, laptop, tables and android as well as iOS.
  • Cookie bar:- Smart Commerce have 1 cookie bar popup design.
  • Quick-view:- Each and every product has quick view style popup.
  • Multi-Browser support:- Smart Commerce has multi browser support. User can check it Opera, Safari, Mozilla Firefox and Google Chrome.
  • Fully customizable:- You can fully customize as per your need.
  • Mega menu:- Different mega-menu with powerful functionality and flexible layout for all grocery items.
  • Google font:- You can use unbounded Google Fonts.
  • Newsletter:- News, updates, and information about a particular topic.

Folder Structure

  • Javascript File

    There is a custom .js file named main.js and are several vendor js files as plugins. We are using jQuery(a javascript library) instead of vanilla javascript. Our file structure is a follows:

  • CSS

    We are using one custom CSS files (style.css) and several vendor CSS files. CSS file structure is as follows:

  • CDN

    bootstrap.js (bootstrap framework)

    all.min.js (fontawsome js)

    custom-select.js (custom select js)

    functions.js (all custom js here)

    Jquery.countdown.min.js (countdown js)

    jquery.min.js (jquery library)

    slick.js (slick slider)

    All js defined at bottom of html

HTML Structure

This template is a fixed layout with more than four columns. The main contents are inside the 'body' tag divided into different section (i.e. header, banner, product... footer etc.)The general template structure is the same throughout the template. Here is the general structure.

  • HEADER
  • LOGO
  • MENU
  • TIMER
  • BANNER & BUTTON
  • COOKIES

Basic Introduction

  • What Is HTML5 ?

    HTML5 is a markup language used for structuring and presenting content on the World Wide Web. It is the fifth and final major HTML version that is a World.

      Advantages

    • Multimedia support
    • Cross-platform support
    • Include semantic tags

      • Disadvantages

    • Doesn’t support old browsers
    • Client-side rendering
    • Media licensing cost
  • What Is Bootstrap4 ?

    Bootstrap4 is a free, open source front-end development framework for the creation of websites and web apps. Designed to enable responsive development of mobile-first websites, Bootstrap4 provides a collection of syntax for template designs.

      Advantages

    • Responsiveness
    • Easy initiation
    • Highly customizable

      • Disadvantages

    • Lack of connections
    • Personal risk
    • Slower growth
  • What is CSS3?

    CSS3 is also known as Cascading Style Sheets.CSS3 is the iteration of the CSS standard used in the styling and formatting of Web pages.

    CSS3 incorporates the CSS2 standard with some changes and improvements.

      Advantages

    • Faster Page speed
    • Time-saving
    • Compatibility across devices

      • Disadvantages

    • Fragmentation
    • Lack of security
    • Differences in display
  • What is javaScript?

    javaScript is a dynamic programming language that's used for web development, in web applications, for game development, and lots more.

      Advantages

    • Versatility
    • Interoperability
    • Popularity

      • Disadvantages

    • Browser support
    • Single inheritence
    • Client-side security
  • What is jQuery?

    jQuery is an open-sourced JavaScript library that simplifies creation and navigation of web applications.

      Advantages

    • Readable and reusable
    • Open source
    • Extensible

      • Disadvantages

    • Debugging lssues
    • Backward compatibility
    • JavaScript file requirement

Image Source & Credits

Image sources and credits refer to the attribution and recognition of the origin or owner of an image used in a publication, typically including the name, title, or website of the creator or source.

https://unsplash.com Unsplash is a photo discovery platform for free to use, high-definition photos.

https://www.freepik.com/ Freepik is a search engine that helps users find high-quality photos, vector images, illustrations and PSD files for your project.

Icons Used

Smart Commerce have mainly used FontAwesome Icons. FontAwesome icons available in FontAwesome.com/icons, other icons are available in assets/images/icon.

  • Include FontAwesome in your HTML:

    Visit the FontAwesome website at https://fontawesome.com/

    After Click on "Get Started" or "Start Using" to access the library.

    Choose the version you want here you can use free paid Pro version and follow the instructions to include FontAwesome in your project.

    • Use the following code to include the FontAwesome CSS file

  • Add & Customize FontAwesome Icons:

    In your HTML file, find the element where if you want to insert an icon

  • How to use FontAwesome font

Thank You!