Gsore - Grocery and Organic Food Shop HTML Template

Introduction

Template Name: Gsore - Grocery and Organic Food 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..

If you are planning to make an online grocery or organic food shop, Gsore - Grocery and Organic Food Shop HTML Template is a really great choice for you.

Gsore - Grocery and Organic Food Shop HTML Template has the latest style and impresses with eye-catching layout and lovely images of products. This template is absolute for farms, farmers, food retail, food company, organic food, seed, healthy juice, fruits, etc. Tab Products shows many categories, types of products such as new, featured, bestseller, discount, top viewed in each tab. Gsore comes with a variation of 35+ HTML pages where there are a unique home versions & 5+ Shop Layout, 7+ Shop Related Pages, 11+ Single Product Style, 6+ blog pages with left-right sidebar and 5+ other pages. Dynamic contact form, show featured categories with nice thumbnail images.

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, Plazaicon and many more.

Now grow your business with this Gsore - Grocery and Organic Food Shop HTML Template without any hesitation.

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

Template features

Build with Bootstrap 5
Elegant and eye-catching homepage
35+ HTML pages
Made with SASS (SCSS)
Icon font ( FontAwesome & Plazaicon )
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 - gsore

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

Page Structure

index.html is for Home Page
shop-sidebar-grid-left.html is for Grid Shop Page ( with left sidebar)
shop-sidebar-grid-right.html is for Grid Shop Page ( with right sidebar)
shop-sidebar-full-width.html is for Full Width Shop Page (without sidebar)
shop-sidebar-left-list-view.html is for List Style Shop Page (with left sidebar)
shop-sidebar-right-list-view.html is for List Style Shop Page (with right sidebar)
cart.html is for Cart page
checkout.html is for Checkout page
compare.html is for Compare page between the Products
empty-cart.html is for no product at cart
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
product-single-default.html is for Single Product Page of datails (default)
product-single-affiliate.html is for Single Product Page of datails with affiliate reference (affiliate product)
product-single-group.html is for Single Product Page of datails with multiple product (group product)
product-single-variable.html is for Single Product Page of datails (normal view with multiple select options)
product-single-tab-left.html is for Single Product Page of datails with vertical tab(leftside tab)
product-single-tab-right.html is for Single Product Page of datails with vertical tab(rightside tab )
product-single-slider.html is for Single Product Page of datails with full slider
product-single-gallery-left.html is for Single Product Page of datails with Gallery (leftside gallery)
product-single-gallery-right.html is for Single Product Page of datails with Gallery (rightside gallery)
product-single-sticky-left.html is for Single Product Page of datails with Sticky (leftside sticky)
product-single-sticky-right.html is for Single Product Page of datails with Sticky (rightside sticky)
blog-grid-sidebar-left.html is for Blog Grid Page (left sidebar)
blog-grid-sidebar-right.html is for Blog Grid Page (right sidebar)
blog-list-sidebar-left.html is for Blog List Page (left sidebar)
blog-list-sidebar-right.html is for Blog List Page (right sidebar)
blog-single-sidebar-left.html is for Single Blog Page (left sidebar)
blog-single-sidebar-right.html is for Single Blog Page (right sidebar)
about.html is for About page
frequently-questions.html is for FAQ Pages
privacy-policy.html is for Privacy Policy page
404.html is for 404 error page
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=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;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/vendor/jquery-ui.min.css">
            <link rel="stylesheet" href="assets/css/vendor/fontawesome.css">
            <link rel="stylesheet" href="assets/css/vendor/plaza-icon.css">
            <link rel="stylesheet" href="assets/css/vendor/bootstrap.min.css">

            <!-- Plugin CSS Files -->
            <link rel="stylesheet" href="assets/css/plugin/slick.css">
            <link rel="stylesheet" href="assets/css/plugin/material-scrolltop.css">
            <link rel="stylesheet" href="assets/css/plugin/price_range_style.css">
            <link rel="stylesheet" href="assets/css/plugin/in-number.css">
            <link rel="stylesheet" href="assets/css/plugin/venobox.min.css">
            <link rel="stylesheet" href="assets/css/plugin/jquery.lineProgressbar.css">

            <!-- Main CSS File -->
            <link rel="stylesheet" href="assets/css/main.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/modernizr-3.7.1.min.js"></script>          
            <script src="assets/js/vendor/jquery-ui.min.js"></script>          
            <script src="assets/js/vendor/bootstrap.bundle.min.js"></script>

            <!-- Plugins JS Files -->         
            <script src="assets/js/plugin/slick.min.js"></script>                 
            <script src="assets/js/plugin/jquery.countdown.min.js"></script>          
            <script src="assets/js/plugin/material-scrolltop.js"></script>          
            <script src="assets/js/plugin/price_range_script.js"></script>          
            <script src="assets/js/plugin/in-number.js"></script>          
            <script src="assets/js/plugin/jquery.elevateZoom-3.0.8.min.js"></script>          
            <script src="assets/js/plugin/venobox.min.js"></script> 
            <script src="assets/js/plugin/jquery.waypoints.js"></script> 
            <script src="assets/js/plugin/jquery.lineProgressbar.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 Any Image?

How to Change Map Location?

You can change map position (latitude and longitude) 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.