Butazzo Pizza Documentation

  • Name: Butazzo Pizza
  • Version: 3.8.2
  • Author: Alissio
  • Live Preview: View Demo
  • Support: alissioteam@gmail.com

Thank you for purchasing Butazzo Pizza.
You can find the detailed information about the template in this document.
If you have any questions that are beyond the scope of this help file,
please feel free to email via the Profile page
Thanks so much!

1. Introduction

You are a shining owner of a regular license based on Butazzo Pizza HTML Template.

We would like to thank you for choosing Butazzo Pizza and for being our loyal customer. You are entitled to get free updates to this product + exceptional support (as per market policy) from the author directly.

We made Butazzo Pizza from the ground-up with flexibility in mind.
Each element of Butazzo Pizza is extremely customizable, where you can make Butazzo Pizza to reflect your own branding styles.

The guide gives you detailed methodologies about how you can customize Butazzo Pizza and make it fit your brand perfectly!
Please go through the documentation carefully to understand how this product is made and how to edit this properly.
Basic HTML and CSS knowledge is required to customize.

1.1 What's Included

After purchasing Butazzo Pizza on themeforest.net with your Envato account, go to your Download page.
Do not directly upload the zip file you downloaded from Themeforest. To begin, unzip the Themeforest file you just downloaded which contains the following files:

  • documentation: contains what you are reading now.
  • home-v1, ... , home-v3: home versions files.
  • src: contains assets files.

Key features:

  • Completely Responsive Design Optimized viewing on desktop, tablet and mobile devices.
  • Easy Customization Customize each slide to meet your unique requirements and preferences.
  • Beautiful Appearance on Any Device Great user experience on any screen size or resolution.
  • Advanced Animation Effects Eye-catching transitions between slides.
  • Cross-Browser Compatibility Seamless functionality on multiple browsers.
  • Fast Loading Speed Optimized user experience with fast loading times.
  • User-Friendly Interface Easy to use and navigate.

Other features:

  • Based on Bootstrap 5.3.3
  • W3C HTML valid code
  • Better Support (response within 24 hours)
  • Free Regular Updates
  • Well, Extensive Documentation
  • Easy to Setup

2. Files Organization

Ensure the project folder is well-structured:

  butazzo-pizza/
  β”œβ”€β”€ documentation/       # This Documentation File
  β”œβ”€β”€ home-v2/             # Demo Home v2 Files
  β”œβ”€β”€ home-v3/             # Demo Home v3 Files
  |   src
  β”‚   β”œβ”€β”€ index.html       # Demo HTML
  β”‚   β”œβ”€β”€ assets/          # CSS, JS, LESS, SCSS, SASS, Images
  β”‚       β”œβ”€β”€ css/
  β”‚       β”œβ”€β”€ js/
  β”‚       β”œβ”€β”€ less/
  β”‚       β”œβ”€β”€ scss/
  β”‚       β”œβ”€β”€ sass/
  β”‚       β”œβ”€β”€ img/
  β”œβ”€β”€ source/              # Source Files (Unminified JS, CSS)
  └── README.txt           # Basic Info & Licensing

3. Usage Example

Basic HTML Structure for Butazzo Pizza:

  
  <!-- BEGIN body -->
  
  
  <!-- BEGIN  Loading Section -->  
  <div class="loading-overlay">
    ...
  </div>
  <!-- END Loading Section -->    

  <!-- BEGIN body wrapper -->
  <div class="body-wrapper"> 

    <!-- BEGIN header-->
    <header id="header">
      ...
    </header>
    <!-- End header -->

    <!-- BEGIN carousel -->
    <div id="carouselExample" class="carousel slide w-100" data-bs-ride="carousel" data-bs-interval="4000" style="background-image: url('./src/assets/img/slider_bg.avif');">
      ...
    </div>
    <!-- END carousel -->
     
    <!-- BEGIN Sections-->

    <!-- About Us -->
    <div class="container section" id="about_us">
      ...
    </div>

    <!-- Menus -->
    <div class="container section" id="menu">
      ...
    </div>

    <!-- Our Chef -->
    <div class="container section" id="chef">
      ...
    </div>

    <!-- Reservation -->
    <div class="section" id="reservation">
      ...
    </div>

    <!-- Gallery -->
    <div class="container section" id="photos">
      ...
    </div>
    <!-- End Sections -->

    <!-- Start .scroll-up -->
    <div class="scroll-up">
      ...
    </div><!-- End /.scroll-up -->  
    
    <!-- Contact -->
    <div class="section" id="contact">
      ...
    </div>
    <!-- End Contact -->

  </div>
  <!-- END body-wrapper -->

  <!-- START mobile right burger menu -->
  <nav class="cd-nav-container right_menu" id="cd-nav">
    ...
  </nav>

  <!-- Burger menu overlay mask -->
  <div class="cd-overlay"></div>
       
  <!-- END mobile right burger menu -->
  

4. Code Standards

  • Validate all HTML and CSS using tools like the W3C Validator.
  • Write clean, well-commented JavaScript code and follow best practices.

5. CSS Structure

   
    <!-- Stylesheets -->

    <!-- All used plugins -->
    <link rel="stylesheet" href="assets/css/plugins.min.css">

    <!-- Custom main style -->
    <link rel="stylesheet" href="assets/css/main.min.css">

    <!-- Responsive -->
    <link rel="stylesheet" href="assets/css/responsive.min.css">    
  

6. Fonts Include

Google Fonts imported inside main.min.css file

  
  @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&amp;family=Raleway:ital,wght@0,100..900;1,100..900&amp;display=swap');
  

7. JavaScript Structure

  
    <!-- JavaScript -->

    <!-- All used plugins -->
    <script src="src/assets/js/plugins.min.js"></script>

    <!-- Yandex Map API -->
    <script src="https://api-maps.yandex.ru/2.1/?apikey=pdct.1.1.20181030T175834Z.133bc6bb41576943.2897484581a2a12fea17740a34279c270c29ac48&amp;lang=en_US"></script>

    <!-- Custom main js -->
    <script src="src/assets/js/main.min.js"></script>
  

8.1 Change Site Title

To change your Site Title open the index.html in your editor and go to the title tag.

  
  <!-- Title -->
  <title>Butazzo Pizza - Restaurant, Cafe, Fast Food business, Responsive, One Page Bootstrap Template</title>
  

9. Testing

  • Cross-Browser Compatibility: Tested on IE9, IE10, IE11, Chrome, Firefox, Edge, and Safari.
  • Responsiveness: Ensure it works seamlessly on mobile, tablet, and desktop devices.
  • Performance Optimization: Minify CSS/JS files and optimize assets for faster loading times.

10. Sources and Credits

The product uses following resources by third parties.

Plugins Fonts Images

11. Support

For any questions or issues, please contact our support team:

Email: alissioteam@gmail.com

Included in Free Support Scope:

  • Fixing bugs
  • Helping clients in changing site contents by sending instructions that couldn’t be covered by documentation

NOT Included in Free Support Scope:

  • Any type of custom changes
  • Any type of request to update clients’ site contents

Paid Support Scope:

Paid support is not a part of Free Support when you purchase the template from themeforest. We understand that some clients need custom changes while using our template. For that we kept an option for paid support which includes:

  • Custom change request
  • Custom pages
  • Custom features

We kept a flat rate for our paid support which is $35/hour.

Before seeking support, please...

  • Make sure your question is a valid item issue and not a customization request.
  • Make sure you have read through the documentation or any related video guides before asking support on how to accomplish a task.

12. Regular Updates

We’re always improving our skills and knowledge so we’re making changes regularly. From bug fixes to new awesome features, updates generally come at least twice a month.

  May 07, 2025: Butazzo Pizza v4.0
  ---------------------------------------
  - New: Home version 4 
  - Fixed: Main slider captions mobile view problem
  - Fixed: Home version 1 Menu and Menu Inner page img view problems
  - Tweak: Updated Documentation

  February 17, 2025: Butazzo Pizza v3.2.1
  ---------------------------------------
  - Updated: Bootstrap 4.5 to Bootstrap 5.3.3
  - Updated: Jquery 2.1.1 to Jquery 3.7.1
  - Updated: Fancybox 1.3.4 to Fancyapps 5.0.36
  - Updated: Font Awesome 4.7.0 to Font Awesome Free 6.7.2
  - Updated: SEO and Google Speed score
  - Imported: all used plugins inside one file
  - Minified: all used assets files
  - Added: source folder with contains unminify files
  - Added: LESS, SCSS, SASS files 
  - Added: extra options to date picker plugin
  - Fixed: AOS animation effects on scrooling page
  - Fixed: date time picker plugin view
  - Fixed: mobile menu auto close after navigate
  - Fixed: some responsive UI problems
  - Tweak: Updated Documentation

  September 08, 2024: Butazzo Pizza v3.1
  ----------------------------------------
  - Added: Menus and Category pages for Home v1
  - Fixed: Validation problems
  - Tweak: Improved Documentation

  January 11, 2024: Butazzo Pizza v3.0
  --------------------------------------
  - New: Home version 3
  - Updated: Preview link change.
  - Fixed: Optimization images for SEO.
  - Tweak: Improved Documentation

  April 13, 2021: Butazzo Pizza v2.6.2
  ------------------------------------
  - Update: Bootstrap Framework to 4.5.
  - Tested: Android (Samsung, Google, HTC) and iOS (iPhone 11, iPhone 6s, iPad (6th Generation), iPad Air 2) devices, Safari, Firefox, Chrome browsers.
  - Tweak: Improved Documentation

  October 13, 2020: Butazzo Pizza v2.5.1
  --------------------------------------
  - Fixed: "Our Menus" section tab click problem on iPhone devices.
  - Tested: Android (Samsung, Google, HTC) and iOS (iPhone 11, iPhone 6s, iPad (6th Generation), iPad Air 2) devices, Safari, Firefox, Chrome browsers. 
  - Tweak: Improved Documentation

  July 21, 2020: Butazzo Pizza v2.4.0
  -----------------------------------
  - New: Home version 2
  - Added: Yandex Map instead of Google Map
  - Tweak: Improved Documentation

  July 10, 2020: Butazzo Pizza v1.3.7
  -----------------------------------
  - Added: Chef personal social icons on slider
  - Fixed: Google Map API key source
  - Tweak: Improved Documentation

  May 04, 2020: Butazzo Pizza v1.3.6
  ----------------------------------
  - Added: New big size images for Menu and Gallery popup
  - Tweak: Improved Documentation

  May 03, 2020: Butazzo Pizza v1.3.5
  ----------------------------------
  - Added: Loading spinner for Gallery load more
  - Fixed: Go to top button work on footer
  - Fixed: Search input clear empty value
  - Tweak: Improved Documentation

  December 01, 2019: Butazzo Pizza v1.2.4
  ---------------------------------------
  - Added: Scroll up button functionality
  - Fixed: Header search clear button type
  - Fixed: Inputs type text autocomplete 
  - Tweak: Improved Documentation

  September 30, 2018: Butazzo Pizza v1.1.3
  ----------------------------------------
  - Fixed: Burger menu view on tablet devices
  - Fixed: Navbar fixed view 
  - Tweak: Improved Documentation

  July 08, 2018: Butazzo Pizza v1.1.2
  -----------------------------------
  - Added: loadMoreResults plugin for gallery photos
  - Added: Extra images for slider, menu and gallery sections
  - Fixed: Slider responsive view to medium devices
  - Fixed: Content of menu section  
  - Tweak: Improved Documentation

  July 07, 2018: Butazzo Pizza v1.0.1
  -----------------------------------
  - Updated: Fonts Loading Performance
  - Tweak: Improved Documentation

  June 02, 2018: Butazzo Pizza v1.0.0
  -----------------------------------
  - Initial release

13. Thanks

Once again thank you for purchasing one of our Templates.
If you love our product, please don’t forget rate ⭐️⭐️⭐️⭐️⭐️ stars and give feedback for a better update. Thank you ☺️

Best Regards
Alissio