- After unzip the download pack, you'll found a Template Folder with all the files.
- You can view this Template in any browser, you can display or edit the Template without an internet connection.(The fonts may not work).
- Now go to your cpanel or open your FTP Client (like Filezilla) and upload the content of the Template on your server's root directory.
- Once the files are done uploading go to www.yourdomainname.com/index.html
EliteRetailer - eCommerce HTML Template
- Template Name: EliteRetailer - eCommerce HTML Template
- Version: 1.0.1
- Last Updated On: 23 January 2024
- Author: LucaSantoroWebDesign
Thank you so much for choosing this template. Your comments and ratings would be highly appreciated. You have purchased this template so, you will get full support from us. We will update this template time to time and we want to hear from you for the future updates or for complete new templates.
Template Features
- Bootstrap 5
- Fully Responsive
- HTML5, CSS3, JS
- SEO Friendly Code
- W3C Validated Code
- Font Awesome Icons
- Free google Fonts
- Well Commented
- Free Update
- Quick Support
- Supported in all modern browsers and devices
Installing Template.
Template 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 Files and Structure
These are the css files that are loaded into templates in Head Section.
Web Fonts & Icons
By default, the template loads this font from Google Web Font Services, you can change the font with the one that suits you best.
Javascript Files and Structure
These are the list of Javascript files that are loaded into templates in end of the Body Section.
script.js File Structure
This is a js file to activate different animations and functionality of this template
/*============================
JavaScript MAIN
==============================
1. Onload
2. Wow
3. Navbar
4. Back To Top Button
5. Counter
6. Testimonials
7. Link Config
8. Product Simple [Eletronics]
9. Product Simple [Fashion]
10. Button Delete
11. Profile
12. Cart
==========================================*/
Template Customization
You can customize this template with your own content. Here are some basic changes you need.
Logo Change
Just replace the image with your own image and replace the file name in the code
Change Background Home Image
To change the background of the home screen you have to open the style.css file and go to the bg-home class and modify the html parameter of the new image, then you have to put the image in the img folder.
.bg-home{
background: url('../img/1500x1125.png') no-repeat;
background-size: cover;
}
Change Background Page Image
To change the background of the page screen you have to open the style.css file and go to the product-list-hero class and modify the html parameter of the new image, then you have to put the image in the img folder.
.product-list-hero{
padding-bottom: 0px;
margin-bottom: 0px;
height: 400px;
background: url('../img/1500x1125.png') no-repeat !important;
background-size: cover;
}
Create Your Product Item
To create your item products you can customize the items present in the template with the html code below, through this code you have the possibility to customize the title, description, rating, photo and price. If instead you want to create a product page you can customize the product-simple.html page.
Blank Page
if you need to create a completely new page in the template you can customize the blank.html file by inserting your html code in the appropriate space.
Your Title
Your Description
Source and Credit
Note:
- While images and illustration are not included in the download package – but if you need the images and illustration please feel free to contact with us.
- This Template is not WordPress Theme, and can’t be installed in WordPress.