Canvas Docs

Restaurant

Import the Restaurant design and it brings blocks and content types of its own, on top of the main Canvas library. Read this page when you are working on a site built from Restaurant and meet a block you cannot find in the main reference.

These items stay registered on every site so that content you have already imported keeps rendering, and they appear in the block inserter only where the design is in use.

Content types this design adds

canvas_resto_menu

One item is called a Menu Item. You will find them in their own admin menu once the design is installed.

  • Editor features: custom-fields, editor, excerpt, page-attributes, thumbnail, title
  • Grouped by: Menu Categories (canvas_resto_menu_cat)

Each item carries these extra settings on its edit screen:

  • Item Calories

  • Item Carbs

  • Item Fat

  • Item Price

  • Item Protein

Blocks this design adds

canvas-core/menu-items

Display menu items (dishes, treatments, listings) from the Menu Items post type as cards, carousel slides, or tabbed category panes. In the block inserter it is named Canvas Menu Items.

Select the block on a page and its own settings open in the sidebar, in the panels below:

The Menu Items settings in the block editor sidebar

Layout

  • LayoutDefaultCards Grid

    Which part of the menu design this block draws: a card grid, a carousel, a price list, category tabs, or one of the three single item pieces.

    ChoicesCards GridCarousel ItemsPrice ListCategory TabsSingle Item MetaSingle Item - Order CTASingle Item - Back + Related

  • Show Description LineDefaultOn

    Show each item's short description under its title on the card layouts.

  • Show Nutrition MacrosDefaultOn

    Show the calories / protein / carbs / fat stat row for each item.

Query

  • Category SlugDefaultEmpty

    Menu Category term slug to filter by (cards / carousel layouts). Empty = all items.

  • ItemsDefault0

    0 shows all items.

  • Order ByDefaultMenu Order

    What to sort the menu items by.

    ChoicesMenu OrderDateTitle

  • OrderDefaultAscending

    Read the sort order forwards or backwards.

    ChoicesAscendingDescending

Display

  • Currency SymbolDefault$

    Symbol printed in front of every price.

  • Row ClassesDefaultrow gutter-40

    Classes on the row wrapping the cards.

  • Column ClassesDefaultcol-lg-3 col-md-6

    Classes on each column, which is where the number of cards per row is set.

  • Image ClassesDefaultEmpty

    Empty uses the layout default (cards: "rounded", carousel: "mt-4").

  • More Link TextDefaultSee More Details

    Wording on the link from a card to the full item page.

  • Menu Page SlugDefaultmenu

    Slug of the menu landing page. The single layouts resolve it to a portable permalink for the category link and the "Back to Menu" button. Empty = no menu link.

  • Related HeadingDefaultYou may also like

    Heading above the row of other menu items.

  • CTA Button TextDefaultAdd to Order

    Wording on the ordering button on a single item page. Empty renders no button.

  • CTA Page SlugDefaultreservation

    Slug of the page the single-cta button links to (e.g. reservation). Resolved to a portable permalink so the link is correct on any install / import. Empty = no button.

  • Back Button TextDefaultBack to Menu

    Wording on the button back to the menu. Empty renders no button.

Price List

  • Price Row ClassesDefaultprice-menu-warp

    Classes on each price-list row.

  • Item Name ClassesDefaultprice-name

    Classes on each price-list item name.

  • Reveal Image on HoverDefaultOn

    Adds the hover-reveal behaviour to each row using the item's featured image.

  • Link Item NamesDefaultOff

    Links each price-list item name to its own page.

Settings

  • Tabs (Category Panes)DefaultEmpty

    The category tabs, one row each, in the order they appear.

    Each row of Tabs (Category Panes) takes:

    • Category SlugDefaultEmpty

      Slug of the menu category whose items fill this tab.

    • Tab LabelDefaultEmpty

      Wording on the tab button. A small inline image is allowed.

    • Pane IDDefaultEmpty

      Identifier for this panel. Empty generates one.

    • Tab Button IDDefaultEmpty

      Identifier for this tab button. Empty generates one.

Tabs

  • Tabs Nav ClassesDefaultnav canvas-alt-tabs2 tabs nav-pills nav-fill mb-5

    Classes on the row of tab buttons.

  • Tabs Nav IDDefaultEmpty

    Identifier on the row of tab buttons, for a link or a style that targets it.

  • Tab Content ClassesDefaulttab-content mt-4

    Classes on the area holding the tab panels.

  • Tab Content IDDefaultEmpty

    Identifier on the panel area, for a link or a style that targets it.

  • Active TabDefault1

    Which tab opens first, counting from 1.

Was this page helpful?