Destry - Fashion eCommerce HTML Template

Introduction

Template Name: Destry - Fashion eCommerce HTML 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..

Destry is a simple and elegant Fashion eCommerce HTML Template. This template has 2 homepage layouts, responsive, easy to customize. You can use this HTML Template for Fashion, eCommerce, Shop.

Destry comes with a variation of 35+ HTML pages, there are 2 unique home versions. It is built with Bootstrap5, HTML5, SASS, CSS3 and W3C validated markup. This SEO-friendly template comes with numerous features like Smooth Animations, Google Fonts, Font Awesome, Swiper Slider and many more.

Now grow your business with this Destry - Fashion eCommerce HTML Template without any hesitation.

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

Template features

Build with Bootstrap 5
2 Homepage variations
35+ HTML pages
HTML5 and CSS3
Made with sass(scss)
Dynamic contact form
Used Swiper slider
Icon font FontAwesome & Pe icon 7 stroke Fonts
Google Fonts
Dynamic Mailchimp Subscribe form
Ajax Working Contact form
W3C Validated Code
Clean Code
Creative and Modern Design
Fully Responsive
Smooth animations
Easy to customize
SEO friendly code
Speed Optimized
Cross Browser Support
Well Documented
No console error
jQuery latest version
And Much More!

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 - Destry

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 Destry folder.

Page Structure

index.html is for Home 1
index-2.html is for Home 2
shop-grid.html is for Shop Grid Page
shop-left-sidebar.html is for Left Sidebar Page
shop-right-sidebar.html is for Right Sidebar Page
shop-list-fullwidth.html is for List Fullwidth Page
shop-list-left-sidebar.html is for List Left Sidebar Page
shop-list-right-sidebar.html is for List Right Sidebar Page
single-product-gallery-left.html is for Gallery Left Page
single-product-gallery-right.html is for Gallery Right Page
single-product-tab-style-left.html is for Tab Style Left Page
single-product-tab-style-right.html is for Tab Style Right Page
single-product-sticky-left.html is for Sticky Left Page
single-product-sticky-right.html is for Sticky Right Page
single-product.html is for Single Product Page
single-product-sale.html is for Single Product Sale Page
single-product-group.html is for Single Product Group Page
single-product-normal.html is for Single Product Normal Page
single-product-affiliate.html is for Single Product Affiliate Page
single-product-slider.html is for Single Product Slider Page
my-account.html is for My Account Page
login-register.html is for Loging | Register Page
wishlist.html is for Wishlist Page
cart.html is for Cart Page
checkout.html is for Checkout Page
compare.html is for Compare Page
blog.html is for Blog Page
blog-left-sidebar.html is for Blog Left Sidebar Page
blog-right-sidebar.html is for Blog Right Sidebar Page
blog-details.html is for Blog Details Page
blog-details-sidebar.html is for Blog Details Sidebar Page
contact.html is for Contact Page
about.html is for About Page
faq.html is for Faq Page
404.html is for 404 Error Page

Source File Structure

Fonts Source File structure

Remember to change the font into main.css

            
          <!-- Fonts -->

          @import url('https://fonts.googleapis.com/css2?family=Montserrat: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');
          @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&display=swap');

CSS Source File structure

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

            
            <!-- Vendor CSS (Icon Font) -->

            <!--
            <link rel="stylesheet" href="assets/css/vendor/fontawesome.min.css">
            <link rel="stylesheet" href="assets/css/vendor/pe-icon-7-stroke.min.css">
            -->
            
            <!-- Plugins CSS (All Plugins Files) -->
            
            <!--
            <link rel="stylesheet" href="assets/css/plugins/swiper-bundle.min.css" />
            <link rel="stylesheet" href="assets/css/plugins/animate.min.css" />
            <link rel="stylesheet" href="assets/css/plugins/aos.min.css" />
            <link rel="stylesheet" href="assets/css/plugins/nice-select.min.css" />
            <link rel="stylesheet" href="assets/css/plugins/jquery-ui.min.css" />
            <link rel="stylesheet" href="assets/css/plugins/lightgallery.min.css" />
            -->
            
            <!-- Main Style CSS -->
            
            <!--
            <link rel="stylesheet" href="assets/css/style.css" />
            -->
            
            <!-- Use the minified version files listed below for better performance and remove the files listed above -->
            
             
            
            <link rel="stylesheet" href="assets/css/vendor.min.css">
            <link rel="stylesheet" href="assets/css/plugins.min.css">
            <link rel="stylesheet" href="assets/css/style.min.css">

Javascript Source File structure

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

        
            <!-- Global Vendor, plugins JS -->

            <!-- Vendors JS -->
            
            <!--
            <script src="assets/js/vendor/bootstrap.bundle.min.js"></script>
            <script src="assets/js/vendor/jquery-3.5.1.min.js"></script>
            <script src="assets/js/vendor/jquery-migrate-3.3.0.min.js"></script>
            <script src="assets/js/vendor/modernizr-3.11.2.min.js"></script>
            -->
            
            <!-- Plugins JS -->
            
            <!--
            <script src="assets/js/plugins/countdown.min.js"></script>
            <script src="assets/js/plugins/aos.min.js"></script>
            <script src="assets/js/plugins/swiper-bundle.min.js"></script>
            <script src="assets/js/plugins/nice-select.min.js"></script>
            <script src="assets/js/plugins/jquery.ajaxchimp.min.js"></script>
            <script src="assets/js/plugins/jquery-ui.min.js"></script>
            <script src="assets/js/plugins/lightgallery-all.min.js"></script>
            <script src="assets/js/plugins/thia-sticky-sidebar.min.js"></script>
            -->
            
            <!-- Use the minified version files listed below for better performance and remove the files listed above -->
            
            <script src="assets/js/vendor.min.js"></script>
            <script src="assets/js/plugins.min.js"></script>
            
             
            
            <!--Main JS-->
            <script src="assets/js/main.js"></script>

How to change Logo?

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.