- Installation & Update
1.1 Installation of Food Online Premium
- Navigate to Plugins -> Add New
- Then click Upload Plugin
- Now click Choose File and select the .zip
- Click Install Now
- Click Activate Plugin
1.2 Update of new version
- Download the new version from your download area at arosoft.se
- Make sure that the option Delete Settings? is unchecked so that your settings are preserved.
- Remove your current installation of Food Online Premium from your Plugins tab at the dashboard.
- Install the new version as at point 1.1 above.
2. Settings of Food Online Premium
2.1 User Visibility
|Main shop page||Choose if to override the WooCommerce main shop page with the Menu. This selection doesn't affect the possibility to insert the Menu with the shortcode [foodonline].|
|Hide the Cart||Choose if to hide the shopping cart from the Menu page. Maybe you will insert it with an own solution, like with a widget.|
|Checkout||Choose how the checkout will be displayed regarding if it is a delivery or pickup order.|
"Pick Up" or when the delivery switch is turned off
* Phone Only
* Phone and E-mail
* Default Woocommerce Setup
| Checkout field for "Delivery" choice |
* Limited field
*Default Woocommerce Setup
2.2 Display Options
|Menu Layout||Choose the menu layout. One or two columns.|
|Menu Colour||The menu colour will affect icons and menu headings.|
|Menu Background Colour||Choose a menu background colour.|
|Menu Items Separator|| Choose the style of the menu items separator. |
|Menu Items Separator Colour||Choose colour of the separator.|
|Menu Titles Icon|| Choose the icon to display with the menu titles. |
|Item Icon||Choose the icon for adding an item to the cart.|
|Extra? Pop-up||Show a pop-up on checkout with featured products as supplementary.|
The pop-up is a reminder and gives the opportunity to up-sell beverages, side orders etc.
All products marked as "Featured" will be shown.
|Hide the increment buttons||Hide the increment buttons (+/-) in the quantity input field?|
|Product Images||Choose the size of product images in the menu. Or choose to hide the product images.|
|Show images for categories along with the menu title in the Menu.|
Show category description beneath the menu title in the Menu.
|Left Menu||Show categories in left-bar menu, the top menu will be hidden.|
|Sticky||Choose to make booth left menu bar and right side cart sticky. As a result the side bars will always be visible on the screen.|
|Smooth Scrolling||Smooth or "soft" scrolling will be implemented when clicking in menu links.|
Show confirmation when added to cart
A label with the text, "Added to cart" will inform you that the item is added.
|Hide the Storefront Theme Headings||Choose to hide the Menu, Search fields and Cart in the page headings? (Only for the official WooCommerce Storefront Theme)|
2.3 Minicart Style
|Minicart Style||Choose how to style the mini-cart. |
* Pop-up Style - remove button will show when hover over a cart item
* Basic Style - remove button will always be visible
* Theme Default - use the active theme mini-cart template
2.4 Product Pop Up Options
|Pop-up simple products?||Use pop-up for simple products when add-to-cart. |
If you choose not to show the pop-up the item will be added directly to cart. If you have WooCommerce Product AddOns activated for that product you will be redirected to the custom product page to be able to make a product choice.
|Pop-up variable products?||Use pop-up for variable products when add-to-cart. |
If you choose not to show the pop-up you will be redirected the custom product page.
|Product Pop-up Source|| Choose how to display content in product pop-up?|
* Theme Template - Your Theme template will decide the content in the pop up.
* Food Online Template - A clean Food Online template will decide the content and you will be able to show/hide some content.
|Product Pop-up Content||Select content for the product pop-up.|
* Product Image
* Product Meta
* Product Rating
* Product Description
2.5 Delivery Features Settings
|Enable the Delivery Selector||Show a switch to let customers choose between "Pick Up" or "Delivery".|
|Default mode of the Delivery Selector?||Select the default mode of the delivery selector at page load. When a customer comes back to the menu, the state of the selector will be rememberd.|
|Skip address input and validation at Menu page||Skip address input and validation at Menu page. Let users input their delivery address at checkout page instead. No address validation will be performed.|
|Minimum Order Value||Set a minimum order value limit for delivery, default is 0 which means no limit.|
|Minimum Items per Order||Set a minimum of items per order for delivery, default is 0 which means no limit.|
2.6 Advanced Settings
|Google Maps API Key||Visit Google to get your API Key »|
|Force Enqueue Google Maps JS||Force Enqueue Google Maps JS|
|Do not restrict Google Autocomplete to IP-located country||Normally the customers location will be detected and address suggestion will be in that country only. You can choose not to restrict Google Autocomplete to IP-located country.|
|Multiple shortcode instances?||Allow multiple shortcode instances . This is not recommended for the reason that it is not stable.|
|Delete settings?||Delete all settings on plugin removal. Use this if it seems like that you not will install the plugin for a while|
|Product Sorting by Title?||Override WooCommerce and sort products by title on shop page?|
2.7 Menu Category Sorting
Click the setting tab called Menu Category Sorting and you will be able to choose which categories to show in the Menu at shop page. Even more, you will be able to sort among the categories to decide the order of them.
This setting does not affect the Menu when using shortcode [foodonline].
2.8 Order Time Management
This section let you display an approximate time to the customer for an order to be ready.
|Fixed time per order||Set a fixed time in minutes for preparing a single order.|
|Extra time per processing order||Set additional time in minutes per order already processing. Order with the status "Processing" will be counted and multiplied with this time.|
|Show time until ready for pickup?||How do you want to calculate and display the time until a pickup order is ready. |
* Hide - No time will be showed
* By a fixed time - The time chosen in "Fixed time per order" will be showed
* By fixed time & orders in progress - The sum of fixed time and extra time per processing order will be showed
|Show time until delivery?||Show if and how the time until a delivery order can be delivered will be showed.|
Hide - No time will be showed
By a fixed time - The time chosen in "Fixed time per order" will be showed
By fixed time & orders in progress - The sum of fixed time and extra time per processing order will be showed
By fixed time & shipping time - The sum of fixed time and shipping time will be showed
By fixed time & orders in progress & shipping time - The sum of fixed time, extra time per processing order and the shipping time will be showed
|Set shipping time||Choose how the shipping time will be calculated. |
* None - shipping time will not be shown
* Fixed shipping time - the shipping time will be fixed according to the option below, "Fixed Shipping time"
* Calculate shipping time - the shipping time will be calculated with Google Maps API. Google will calculate the time to travel between the store address and the given delivery address. Traffic situation will considered if you choose to deliver by car or truck
|Fixed shipping time||Set a fixed time in minutes for a delivery order.|
|Set vehicle|| Select a vehicle type that will be used to calculate shipping time with Google. The selection will also reflect the icon shown with the time. |
* By car or truck
* By bicycle
3. Shortcode of Food Online Premium
Use the shortcode [foodonline] to insert the Menu at any page you like.
Likewise use [foodonline categories="category-A slug, category-B slug"] to only show certain categories in a certain order
And even [foodonline tags="tag A, tag B"] will work to only show certain tags.
To show only certain products use [foodonline ids="product-id1, product-id2"].
Decide the product order using [foodonline orderby="menu_order"]. Use order attributes from below. If it does not work, read this topic.
date – The date the product was published.
id – The post ID of the product.
menu_order – The Menu Order, if set (lower numbers display first).
popularity – The number of purchases.
rand – Randomly order the products on page load (may not work with sites that use caching, as it could save a specific order).
rating – The average product rating.
title – The product title. This is the default
It is possible to combine the shortcode attributes like [foodonline ids="id-2" categories="category-A slug"].
Is it possible to define the delivery area through a drawn zone?
Yes, Food Online is compatible with the free plugin Shipping Zones by Drawing.
Does this work with WooCommerce Add-Ons?
Yes, from version 1.6 it´s compatible with WooCommere Add-ons.
You could then offer toppings, side dishes and more.
Yes, the price includes six month support and updates.
There seem to be a cache issue, please read this topic.