Looki - Beauty & Cosmetics eCommerce Bootstrap 5 Template

Introduction

Template Name: Looki - Beauty & Cosmetics eCommerce Bootstrap 5 Template

Thank you very much for choosing our template. We truly appreciate and really hope that you'll enjoy our template!
If you like this template, Please support us by rating us 5 stars..

Looki is a simple and elegant Beauty & Cosmetics Template. This theme has 2 homepage layouts and responsive, easy to customize. You can use this HTML Template for Beauty & Cosmetics, digital, technology products, high tech products, accessories.

Looki comes with a variation of 37+ HTML pages where there are 2 unique home versions. It is built with Bootstrap 5, HTML 5, SASS, CSS3 and W3C validated markup. This SEO-friendly template comes with numerous features like Smooth Animations,Image Zoom, Google Fonts, Font Awesome, IonIcon icons and many more.

Now grow your business with this Looki - Beauty & Cosmetics eCommerce Bootstrap 5 Template without any hesitation.

By: HasThemes
URL: https://hasthemes.com/
HelpDesk: https://hasthemes.com/contact-us/

Template features

Build with Bootstrap 5
2 Homepage
2 Unique Header Style
37+ HTML pages
Made with SASS (SCSS)
Icon font (FontAwesome & lineIcon)
Google Fonts
W3C Validated Code
Clean Code
Creative and Modern Design
Fully Responsive
Smooth animations
Easy to customize
Cross Browser Support
Well Documented
No console error

Need Support?

If you have any questions regarding to theme issues, please submit a ticket at https://hasthemes.com/contact-us/

Files Included

Documentation
Template Files - Looki

Root Folder Structure

FTP Upload

Open up your FTP manager and connect to your hosting
Browse to required directory (Normally public_html)
Upload the all files inside Looki folder.

Page Structure

index.html is for Home page one
index-2.html is for Home page two
about.html is for About page
cart.html is for Cart page
checkout.html is for Checkout page
compare.html is for Compare page between the Products
wishlist.html is for Wishlist page for the selected Products
my-account.html is for User dashboard page
login.html is for User log-in and register new account page
shop-1.html is for Default Shop Page (with left sidebar)
shop-4-grid.html is for 4grid Shop Page (without sidebar)
shop-5-grid.html is for 5grid Shop Page (without sidebar)
shop-grid-left-sidebar.html is for 4grid Shop Page (with left sidebar)
shop-grid-right-sidebar.html is for 5grid Shop Page (with right sidebar)
shop-list.html is for List Shop Page (without sidebar)
shop-list-left-sidebar.html is for List Shop Page (with left sidebar)
shop-list-right-sidebar.html is for List Shop Page (with right sidebar)
single-1.html is for Single Product Page of datails (normal view)
single-variable.html is for Single Product Page of datails (normal view with multiple select options)
single-left-tab.html is for Single Product Page of datails with vertical tab(leftside tab)
single-right-tab.html is for Single Product Page of datails with vertical tab(rightside tab )
single-slider.html is for Single Product Page of datails with full slider
single-gallery-left.html is for Single Product Page of datails with Gallery (leftside gallery)
single-gallery-right.html is for Single Product Page of datails with Gallery (rightside gallery)
blog-grid-left-sidebar.html is for Blog Grid Page (left sidebar)
blog-grid-right-sidebar.html is for Blog Grid Page (right sidebar)
blog-list-left-sidebar.html is for Blog List Page (left sidebar)
blog-list-right-sidebar.html is for Blog List Page (right sidebar)
blog-single-left-sidebar.html is for Single Blog Page (left sidebar)
blog-single-right-sidebar.html is for Single Blog Page (right sidebar)
contact.html is for Contact page

Source File Structure

Fonts Source File structure

Remember to change the font into main.css

            
            <!--All Google Fonts-->
           @import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

CSS Source File structure

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

            
            <!-- ::::::::::::::All CSS Files here :::::::::::::: -->

            <!-- Vendor CSS Files -->
            <link rel="stylesheet" href="assets/css/fontawesome.min.css">
            <link rel="stylesheet" href="assets/css/ionicons.min.css">
            <link rel="stylesheet" href="assets/css/simple-line-icons.css">
            <link rel="stylesheet" href="assets/css/plugins/jquery-ui.min.css">
            <link rel="stylesheet" href="assets/css/bootstrap.min.css">
            <link rel="stylesheet" href="assets/css/plugins/plugins.css">
            <link rel="stylesheet" href="assets/css/style.css">

Javascript Source File structure

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

        
            <!-- ::::::::::::::All Javascripts here ::::::::::::::-->

            <script src="assets/js/vendor/jquery-3.5.1.min.js"></script>
            <script src="assets/js/vendor/modernizr-3.7.1.min.js"></script>
            <script src="assets/js/popper.min.js"></script>
            <script src="assets/js/plugins/jquery-ui.min.js"></script>
            <script src="assets/js/bootstrap.min.js"></script>
            <script src="assets/js/plugins/plugins.js"></script>
            <script src="assets/js/plugins/ajax-contact.js"></script>
            <script src="assets/js/main.js"></script>

How to change Logo?

How to Change Background Image?

How to Change Map Location?

You can change map iframe from here

How to Change Copyright?

You can change copyright text from here.

How to Change Mail?

You can pass dynamic email in the contact form and newsletter.