QuickFood - Delivery or Takeaway Food Template

Themeforest QuickFood - Delivery or Takeaway Food Template HTML Template

Download QuickFood - Delivery or Takeaway Food Template HTML Template

Download QuickFood - Delivery or Takeaway Food Template HTML Template

Ansonika Themeforest PortfolioFollow me on ThemeForest
Ansonika Support“Ansonika


Ansonika Themeforest Elite Author


Quickfood - WordPress Theme



Cssdesignawards


Elite AuthorDelivery or Takeaway Food Template ReviewsDelivery or Takeaway Food Template


QuickFood is an HTML5 site template for Delivery or Takeaway Restaurants. It’s a growing industry!!


Main features



  • Valid and clean HTML5/CSS3 code

  • Bootstrap 3.3.7 Based: looks nice on all devices

  • 8 Home pages

    • Home with Video Background

    • Home with Layer slider (Save $11)

    • Home with Static Image

    • Home with Text Rotator

    • Home with Cookie Bar (EU law)

    • Home with Popup for advertising with autoclose delay

    • Home Mobile Synthetic

    • Home Top menu version 2



  • RTL version (new!)

  • ADMIN section (new!)

  • 14 layered PSD (new!) View what you get

  • Working PHP/AJAX Newsletter subscription

  • Working PHP/AJAX Review submit form


  • 2300 Fantastic Font Icons with Retina support


  • Fixed sidebar cart on scroll

  • Retina support ready

  • Supported By all major Browsers

  • Google Map navigation

  • Google Map listing

  • Google Web font

  • Magnific Popup

  • Change color scheme easly

  • Map listing

  • Date/time picker

  • Coming soon template

  • 30 HTML files


Images are not included.


V1.8 26 June 2017

- Fixed an issue relate to the Drop down menu order options in detail_page.html (Detect the viewport to avoid load partially out of screen).

V1.7 28 Feb 2017

- Fixed an issue related to the Coming soon page

V1.6 6 December 2016

- Added search modal for internal pages
- Update to last Jquery version
- Updated to Bootstrap 3.7
- Added thumbs on restaurant menu
- Set the opacity of the header images via css (homepages excluded)
- Added item order options (when you click plus button)
- Added RTL version
- Added Admin section
- Added 2 new pages: Submit Drivers or Restaurants

V1.5 22 November 2016

- Added map listing
- Added Date/time picker
- Fixed an issue on filters collapse on mobiles
- Change the color scheme easly

V1.4 26 July 2016

- Updated documentation on how to apply the Google map Api key if the map does not works

V1.3 07 June 2016
- Added 14 PSD layered

V1.2 26 Feb 2016
- Fixed an issue for the sticky sidebar 
- Updated Parallax Script

V1.1 7 Jan 2016
- Added a grid list version
- Added a gallery to the restaurant detail page
- Fix a small issue for the "leave a review" form in the restaurant detail page
- Added a blog section
- Added a load more button in list/grid page

Download QuickFood - Delivery or Takeaway Food Template HTML Template

Comments

  1. Hi, version i downloaded does not display correctly in Edge and IE (v11). working fine in Chrome and Firefox.

    ReplyDelete
  2. hi, the item is tested till ie11, where did you encounter the issue? can you be more detailed please?

    ReplyDelete
  3. after extracting i went to the quick_food_files_1.8/html and clicked on index.html
    in IE and edge it looks like the css is not getting called/applied


    works in chrome and firefox.

    ReplyDelete
  4. i am able to view http://www.ansonika.com/quickfood/ in both IE and Windows 10 without any issues.

    ReplyDelete
  5. Don’t worry, it is only an issue related Edge/ IE11 that locally does not recognize import css files. if you upload to a server it works fine like the demo. All the best

    ReplyDelete
  6. thanks will on the server. can you tell me how to remove the menu bar that appears at the top when scrolling down the page.

    ReplyDelete
  7. i am also trying to use the icon name from the icon pack and not all of them seem to work. i am searching in the icons pack for icon icon-menut-items which you used in the tabs form but this does not appear in the pack.

    ReplyDelete
  8. 1) “remove the menu bar that appears at the top when scrolling down the page” ?? did you mean you want to remove the sticky/fixed effect on the top bar?


    In css/style.css change this class aprox line 302 into



    header.sticky{
    position: relative;
    -webkit-box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.41);
    -moz-box-shadow:0px 2px 10px -2px rgba(0, 0, 0, 0.41);
    box-shadow:0px 2px 10px -2px rgba(0, 0, 0, 0.41);
    }

    ReplyDelete
  9. 2) There are any issue on the icon packs provided. I did not understand which icon are you looking for and in which page is located. below an example of a correct icon code

    <i class="icon-down-open-mini" />


    Google Developers Console is a great tool to inspect elements on a page
    https://developer.chrome.com/devtools

    ReplyDelete
  10. sorry was not clear. i tried to copy the icon name from your icon pack and sometimes instead of the icon is see special characters including Chinese type letters. some of the icons worked and others not..

    ReplyDelete
  11. hello I noticed in the detail_page.html menu table, cells expand depending on the menu name length. this then shifts the price and add to cart button on some rows.
    visually it looks like the price columns are then no longer aligned.


    how do i make sure the size of text does not increase the width of a cell but wraps to the next line instead thereby keeping all the rows/columns aligned.

    ReplyDelete
  12. 1) icon: it’s a bit strange…if you upload your site i will check what you’ve done


    2) About the modal login: it’s a common issue related to Bootstrap modal only in some browsers version and in specific situations (Firefox and Chrome Windows)


    how to fix:
    in style.css add these classes ad the end of modal sections 3.4



    .modal {
    overflow-y: auto;
    }

    .modal-open {
    overflow: auto;
    }

    .modal-open[style] {
    padding-right: 0px !important;
    }


    3) table: force the width of each cell


    3.1 add these 3 classes on every table head live the example below

    <thead>
    <tr>
    <th class="item_table">
    Item
    </th>
    <th class="price_table">
    Price
    </th>
    <th class="order_table">
    Order
    </th>
    </tr>
    </thead>


    and in style.css these styles at the end of section 2.3



    .table .cart-list td strong{
    white-space:nowrap;
    }
    .table.cart-list .item_table{
    width:82%;
    }
    .table.cart-list .price_table{
    width:14%;
    }
    .table.cart-list .order_table{
    width:14%;
    }

    ReplyDelete
  13. hi, 2 and 3 is working fine. thanks

    ReplyDelete
  14. hi in the ingredients popup of the menu page how do i make the radio/checkbox adopt the same style as the radio box used for delivery/takeaway which has a tick.

    ReplyDelete
  15. Hi, i’m thinking about to buy your theme (the wordpress version). But i have a few questions.


    - I need a website for my fastfood restaurant, so i don’t need all the restaurants in it but just one, “the mexican tacomex” is perfect for me. Is it possible to disable everything else and just use the template for “the mexican tacomex”?
    - I see you have a postal code check will this stay if i just use the mexican tacomex, can i enter the postal codes were we deliver?


    Waiting for your reply.


    With regards

    ReplyDelete
  16. for the wordpress version please refer to the wordpress auhtor https://themeforest.net/item/quickfood-delivery-or-takeaway-food-wordpress-theme/16729757

    ReplyDelete
  17. I prefer merely excellent resources - you will see these people in: vietnamese food delivery singapore

    ReplyDelete

Post a Comment

Popular posts from this blog

Ravaio - Modern Responsive phpBB Forum Theme

Rent It - Car Rental Template with RTL Support

NRGagency - Creative One-Page Agency Theme