Toyqo - Kids Store Bootstrap 5 Template

Toyqo - Kids Store Bootstrap 5 Template

Contact Us

Introduction

Template Name: Toyqo - Kids Store 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..     

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

Toyqo comes with a variation of 37+ HTML pages, there are 3 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 Toyqo - Kids Store Bootstrap 5 Template without any hesitation.

Template features

  • Build with Bootstrap 5
  • 3 Homepage variations
  • 37+ 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 - Toyqo

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


Page Structure



  • index.html is for Home 1
  • index-2.html is for Home 2
  • index-3.html is for Home 3
  • shop.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.html is for Loging Page
  • register.html is for 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=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;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/lightgallery.min.css" />
            <link rel="stylesheet" href="assets/css/plugins/aos.min.css" />
            <link rel="stylesheet" href="assets/css/plugins/nice-select.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/vendor.min.css">
            <link rel="stylesheet" href="assets/css/plugins/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.

        
            <!-- Scripts -->
            <!-- Global Vendor, plugins JS -->
            
            <!-- Vendor JS -->
            
            <!--
            <script src="assets/js/vendor/popper.min.js"></script>
            <script src="assets/js/vendor/bootstrap.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/aos.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/nice-select.min.js"></script>
            <script src="assets/js/plugins/swiper-bundle.min.js"></script>
            <script src="assets/js/plugins/countdown.min.js"></script>
            <script src="assets/js/plugins/lightgallery-all.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.