Bucker – Bakery Shop HTML Template

Introduction

Template Name: Bucker – Bakery Shop 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..

Bucker is a simple and elegant HTML Template. This template has 2 homepages layout and responsive, easy to customize. You can use this HTML template for any kind of bakery shop!

Bucker comes with a variation of 34+ HTML pages where there are 5 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, google fonts, icofont and many more.

Now grow your business with this Bucker – Bakery Shop 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
34+ HTML pages
Made with SASS (SCSS)
Google Fonts
W3C Validated Code
Clean Code
Fully Responsive
Easy to customize
Cross Browser Support
Well Documented
No console error
Premium Support Service
And Much More!

Need Support?

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

Files Included

Documentation
Template Files - Bucker

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

Page Structure

index.html is for Home page
index-2.html is for Home page
about.html is for About page
faq.html is for Common page
404.html is for Common page
shop-left-sidebar.html is for Shop page
shop-right-sidebar.html is for Shop page
shop-fullwidth.html is for Shop page
shop-list-left-sidebar.html is for Shop page
shop-list-right-sidebar.html is for Shop page
shop-list-fullwidth.html is for Shop page
single-product.html is for Single Product page
single-product-group.html is for Single Product page
single-product-variable.html is for Single Product page
single-product-sale.html is for Single Product page
single-product-sticky.html is for Single Product page
single-product-affiliate.html is for Single Product page
my-account.html is for Product Related page
login-register.html is for Product Related page
cart.html is for Product Related page
wishlist.html is for Product Related page
compare.html is for Product Related page
checkout.html is for Product Related page
blog-left-sidebar.html is for Blog page
blog-right-sidebar.html is for Blog page
blog-fullwidth.html is for Blog page
blog-list-left-sidebar.html is for Blog page
blog-list-right-sidebar.html is for Blog page
blog-list-fullwidth.html is for Blog page
contact.html is for Contact page

Source File Structure

Fonts Source File structure

Remember to change the font into style.css

                    <!--All Google Fonts-->
                    @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&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 :::::::::::::: -->

                    <link rel="stylesheet" href="assets/css/vendor/bootstrap.min.css">
                    <link rel="stylesheet" href="assets/css/slick.css">
                    <link rel="stylesheet" href="assets/css/owl.carousel.min.css">
                    <link rel="stylesheet" href="assets/css/ionicons.min.css">
                    <link rel="stylesheet" href="assets/css/pe-icon-7-stroke.css">
                    <link rel="stylesheet" href="assets/css/animate.css">
                    <link rel="stylesheet" href="assets/css/nice-select.css">
                    <link rel="stylesheet" href="assets/css/magnific-popup.css">
                    <link rel="stylesheet" href="assets/css/jquery-ui.min.css">
                    <!-- Style CSS File -->
                    <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 ::::::::::::::-->

                    <!-- Vendor JS Files -->
                    <script src="assets/js/vendor/jquery-3.6.0.min.js"></script>
                    <script src="assets/js/vendor/jquery-migrate-3.3.2.min.js"></script>
                    <script src="assets/js/vendor/modernizr-3.11.2.min.js"></script>
                    <script src="assets/js/vendor/bootstrap.bundle.min.js"></script>
                    <script src="assets/js/vendor/modernizr-3.11.2.min.js"></script>

                    <!-- Plugins JS Files -->
                    <script src="assets/js/slick.min.js"></script>
                    <script src="assets/js/owl.carousel.min.js"></script>
                    <script src="assets/js/wow.min.js"></script>
                    <script src="assets/js/jquery.scrollup.min.js"></script>
                    <script src="assets/js/jquery.nice-select.js"></script>
                    <script src="assets/js/jquery.magnific-popup.min.js"></script>
                    <script src="assets/js/mailchimp-ajax.js"></script>
                    <script src="assets/js/jquery-ui.min.js"></script>
                    <script src="assets/js/jquery.zoom.min.js"></script>

                    <!-- Main js file that contents all jQuery plugins activation. -->
                    <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.