QuickFood - Delivery or Takeaway Food Template
Themeforest QuickFood - Delivery or Takeaway Food Template HTML Template
V1.8 26 June 2017
V1.7 28 Feb 2017
V1.6 6 December 2016
V1.5 22 November 2016
V1.4 26 July 2016
V1.3 07 June 2016
V1.2 26 Feb 2016
V1.1 7 Jan 2016
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
edit: wrong version
ReplyDeleteHi, version i downloaded does not display correctly in Edge and IE (v11). working fine in Chrome and Firefox.
ReplyDeletehi, the item is tested till ie11, where did you encounter the issue? can you be more detailed please?
ReplyDeleteafter extracting i went to the quick_food_files_1.8/html and clicked on index.html
ReplyDeletein IE and edge it looks like the css is not getting called/applied
works in chrome and firefox.
i am able to view http://www.ansonika.com/quickfood/ in both IE and Windows 10 without any issues.
ReplyDeleteDon’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
ReplyDeletethanks will on the server. can you tell me how to remove the menu bar that appears at the top when scrolling down the page.
ReplyDeletei 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.
ReplyDelete1) “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?
ReplyDeleteIn 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);
}
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
ReplyDelete<i class="icon-down-open-mini" />
Google Developers Console is a great tool to inspect elements on a page
https://developer.chrome.com/devtools
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..
ReplyDeletehello 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.
ReplyDeletevisually 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.
1) icon: it’s a bit strange…if you upload your site i will check what you’ve done
ReplyDelete2) 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%;
}
hi, 2 and 3 is working fine. thanks
ReplyDeletehi 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.
ReplyDeleteHi, i’m thinking about to buy your theme (the wordpress version). But i have a few questions.
ReplyDelete- 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
for the wordpress version please refer to the wordpress auhtor https://themeforest.net/item/quickfood-delivery-or-takeaway-food-wordpress-theme/16729757
ReplyDeleteI prefer merely excellent resources - you will see these people in: vietnamese food delivery singapore
ReplyDelete