Restaurant Menu Blocks – Test Bed

last updated Nov. 15, 2017

A full demo of this plug-in is available for testing by clicking here.

The menu item(s) you see below are active displays from the Restaurant Menu Components plugin we’re currently developing for use on WordPress sites. If you come back to this page and things don’t look right, wait a few minutes and refresh your browser. As we’re actively working on this plugin, display issues likely indicate that we’re in the middle of coding some aspect of it.

This plugin is intended to solve issues we’ve been having with other plugins we’ve used on some of our current sites. In starting a new plugin from scratch, we can take care of issues as they come up, and include features we’ve been looking or hoping for.

Intended Features:

  • Menu Item Image – Thumbnail or featured
  • Boilerplate menu item add-ons/options
  • Calories
  • “86” for active menus
  • Flexible currency usage
  • Choose between our own cuisine and icon set, or Erudus icons from Erudus: The Food Industry’s Collaborative Solution to Sharing Product Data, West Yorkshire, UK
  • Themed HTML blocks for info areas
  • Sections, to contain menu items, HTML blocks, etc., to create sections for Breakfast, Lunch, Sandwiches, Dinners, etc.
  • Taplists to describe what’s offered from beer towers
  • Scalable recipes tied to each menu item, for BOH use, so if the recipe changes, the displayed menu item changes as well
  • Whatever else makes sense

Stay tuned …

One of the test menu items.

Note that in the example below, the Options are another shortcode used within the field as boilerplate information that only had to be created once.

Signature Cheeseburger
$10.49
A half-pound flame-broiled, all-beef burger, grilled to order. Topped with a thick slice of cheddar cheese, ketchup, mustard, lettuce, tomato, pickle slices, and onion.
Options: Add bacon to any sandwich for $1.49. Served with hand-cut French fries.
Calories: 7,654

Allergens: Contains May Contain

  • Animal Derived
  • Cereal
  • Gluten
  • Milk
  • MSG
  • Mustard
  • Nightshade
  • Sesame

A test taplist.

Domestics
Bud Light
American-Style Pale Lager, 4.2% ABV, Anheuser-Busch InBev
An American-style pale lager.
Miller Lite
American-Style Light Lager, 4.2% ABV, Miller Brewing Co.
A pilsner light beer.

Michigan Beers
Beach Lord
India Pale Lager, 6.3% ABV, Roak Brewing
Bittered with warrior hops to complement the smooth lager profile and then dry hopped with Denali. Bad to the bone with danky aroma.
Dirty Bastard
Scotch Ale, 8.5% ABV, Founder's Brewing Co.
Dark ruby in color and brewed with seven varieties of imported malts. Complex in finish, with hints of smoke and peat, paired with a malty richness and a right hook of hop power to give it the bad attitude that a beer named Dirty Bastard has to live up to. Ain’t for the wee lads.
Dirty Blonde
American-Style Pale Ale, 4.5% ABV, Atwater Brewery
Dirty Blonde is brewed to be a bright straw color, lightly sweet, with wheat added to create a crispness at the back of the palate. Crushed Orange Peel and Coriander are subtly added to the final stage of the hot side, which lend to the clean head aroma.
Mr. Delicious
Imperial India Pale Ale (IPA), 9.0% ABV, Arbor Brewing Co.
This beer leads off with a stiff round-house punch of citrusy hops, follows up with a quick kick of bready malts and warming alcohol, and finishes with a powerful and lingering bite of complex layered hops.

A test HTML block.

* "Consuming raw or undercooked meats, poultry, seafood, shellfish, or eggs may increase your risk of foodborne illness, especially if you have certain medical conditions." (Posted as per the Michigan Food Code (effective October 1, 2012).

Preliminary Docs

Menu Items

The layout of a Restaurant Menu Component menu item is fairly straightforward:

The basic layout. This image also shows the complete compliment of Erudus icons designed by Erudus: The Food Industry’s Collaborative Solution to Sharing Product Data, West Yorkshire, UK.

The menu item is built with:

  • Spiciness Level: none, 1, 2, or 3 peppers
  • Title (required): The name of the menu item
  • Price: This may include an optional currency symbol
  • Image: A thumbnail, which enlarges when clicked. If featured, the image width will be the same as the width of the Description.
  • Description (required): Fluffy notes about the dish
  • Add-ons/Options: Would you like fries with that?
  • Calories: This may be required by company, local, state or federal regulations
  • Cuisines/Suitable for: Answers a lot of diner’s questions
  • Allergens: Some are required or suggested by regulations

Note that only the Title and Description are required. A menu can be just that simple.


Currently-developed menu themes.

Icon Sets

The Erudus icon set includes 4 icons in the Suitable For category and 15 icons for Allergens. These icons have three states. One is None, which we’re not using in this plugin. The other two states are May Contain and Contain. In the case of our Signature Cheeseburger example shown above, Mustard is optional, so the icon state is displayed as May Contain.

We could do the same with Milk if the cheese were removed, but then it wouldn’t be a cheeseburger …

The plugin also includes our own icon set, which has 6 Cuisine icons and 23 icons for Allergens, based on other uses we’ve seen. Note that these only have two states, On or Off. With these though, there is an option for Color or B&W icons.

Finally, there’s a Text-Only option that mimics food packaging instead of using icons.

HTML Blocks

Sections