Multipurpose Marketplace HTML Template

DOCUMENTATION

• Doc version: 4.0
• Created: 11 October 2022
• Last update: 29 November 2022

OVERVIEW

Ecom is a modern-looking HTML template. It contains all features required to create a super optimize responsive good looking eCommerce Marketplace with an amazing UI and UX experience. It has 10 unique home layouts and a many ready-made pages which are ready to superpower your eCommerce with a unique and modern look. Dashboard HTML Template is also included, making it easy to develop a complete e-commerce site.

Ecom is perfect for different category store websites: Electronics store, Fashion store, Accessories shop, Phone store, Mobile shop, Marketplace, Multivendor, Household appliances,... and many more…

Ecom supports RTL (Right To Left), for languages that are written and read from right to left, such as Hebrew, Arabic...

Ecom was built with Pug, Sass and ES6 and comes packed with smart developer tools such as Gulp, Autoprefixer, Concat, Browsersync...etc... which will save you time and help you build your project faster and more efficiently.

Ecom includes a lot of pre-designed layouts for the home page, product page to give you the best selections in customization, and also the code is very easy to modify and make it suit anything you need. It also comes with well-written documentation that will help to understand the template easily. We provide friendly and helpful support for all our items. Don’t hesitate to ask, we are here to help you! You can minimize your eCommerce Marketplace design costs using the Ecom eCommerce HTML template.

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

• Gulp Module Bundler
• PUG source files
• SCSS source files
• RTL Support
• Figma design file included
• W3C valid coding
• Figma design file included
• SEO-ready layout
• Bunny fonts
• Retina Ready
• Pixel Perfect Design
• Cross-browser support
• Fully Responsive Layout
• Well Documented
• ...and many more...

Ecom was built with Gulp 4, Pug, 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.

We are continuing to work hard to develop this item, more homepages and more great features will be added. You only need to buy 1 time and get lifetime updates.

A fast and economical way to launch an e-commerce website of your own.

Main Features

• 4 Homepages
Figma design file included
• Creative Design: Ecom is a bold template that organizing content to follow natural eyes, striking balance between beautiful and visual hierarchy.
• Fully Responsive: The template passed Mobile-Friendly Test – by Google. We also tested carefully the template on almost devices: laptop, tablet, and phone. All elements are 100% responsive and ready for all devices.
• Pixel Perfect Design
• Color & Fonts is easily changed
• W3C Validated Code
• Gulp, Pug HTML5, Bootstrap 5.x, CSS3, ES6 used
• Compatible Browsers: IE8+, Firefox, Safari, Opera, Chrome
• RTL Support
• Well documentation included
• Ticket System Support

What You Get

1. All Gulp development LTR source files
2. HTML template LTR (built from Gulp)
3. All Gulp development RTL source files
4. HTML template RTL (built from Gulp)
5. All Gulp development Dashboard source files
Dashboard HTML template (built from Gulp)
6. Figma design file (Only RTL Desktop)
7. Documentation

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 4.0
                                -[Add] Dashboard template
                                -[Add] Homepage 7, Homepage 8, Homepage 9, Homepage 10 (RTL)

                                VERSION 3.0
                                -[Add] Homepage 7, Homepage 8, Homepage 9, Homepage 10 (LTR)

                                VERSION 2.1
                                - [Add] Homepage 5, Homepage 6 (RTL)
                                - Replace Google fonts with Bunny fonts

                                VERSION 2.0
                                - [Add] Homepage 5, Homepage 6 (LRT)

                                VERSION 1.2
                                - [Fix] Modal slick.js issue
                                - [Fix] Change window size, slick Initial opening

                                VERSION 1.1
                                - [Fix] some responsive issues
                                - [Add] RTL template

                                VERSION 1.0
                                - First release.
                            

STRUCTURE

Products Files Structure

When you run 'gulp' a directory named 'dist' will be created, which is the template directory compiled from Gulp, the directory structure is as follows:

Development Source Code

Gulp Development Files Structures

To develop, please run 'gulp', then 'gulp serve' a directory named 'dist' will be created, the development directory structure is as follows:

HTML Structure

All information within the main content area is Ecomed 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.

Or

Import Bunny fonts

Import third party CSS library

You can find this in: src/assets/scss/vendors/_vendors-import.scss

JS Structure

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

You can find this in: src/views/components/scripts.pug

Gulp Dependencies

package.json

                                "devDependencies": {
                                    "browser-sync": "^2.27.10",
                                    "gulp": "^4.0.2",
                                    "gulp-autoprefixer": "^8.0.0",
                                    "gulp-concat": "^2.6.1",
                                    "gulp-pug": "^5.0.0",
                                    "gulp-sass": "^5.1.0",
                                    "sass": "^1.54.0"
                                }
                            

Technologies used

• Pug/Jade https://pugjs.org (This is a template engine and is a fastest way to write HTML)
• Sass http://sass-lang.com/ (This is a CSS preprocessor which is used to write styles)
• Gulp 4 https://gulpjs.com (A module bundler to manager all the dependencies of your website)

Developing & Compiling

• Start the `development server` of the project with `yarn run dev`
• run the command `yarn run prod` and the production build is going to be generated in the `dist` folder.

UPDATE

Important Note:

- Backup your website and template 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 template to your device.
2. Connect to your hosting via FTP software
3. Upload the template 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 -