Bakery

Import the Bakery 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 Bakery 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

Bakery Menu

canvas_bakery_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_bakery_menu_cat)

Each item carries these extra settings on its edit screen:

• Contains

• Menu Note

• Pairs With

• Price

• Served

Blocks this design adds

Bakery Menu

canvas-core/bakery-menu

Display bakes and drinks from the Bakery Menu post type as photo cards with a price, or render the pieces of a single item page (eyebrow and name, price badge, detail rows, other items, visit button). In the block inserter it is named Canvas Bakery Menu.

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

Layout

• LayoutDefaultMenu Cards

  Which part of the menu design this block draws. Menu Cards lists the bakes; each "Single Item" choice renders one piece of the item page you place it on, and renders nothing anywhere else.

  ChoicesMenu CardsCategory Page - Eyebrow and NameSingle Item - Eyebrow and NameSingle Item - Price BadgeSingle Item - Detail RowsSingle Item - Other ItemsSingle Item - Visit ButtonLink to the Menu Page

Query

• Category SlugDefaultEmpty

  Show only the items in one category, written as its slug (bread, pastry, coffee, seasonal). Leave empty to show them all.

• Follow the Category PageDefaultOff

  On a menu category page, show only that category and ignore the slug above. Off everywhere else.

• ItemsDefault0

  0 shows every item. The other-items layout shows four when this is left at 0.

• Order ByDefaultMenu Order

  What decides the sequence of the items. Menu Order lets you arrange them by hand on the menu list screen.

  ChoicesMenu OrderDateTitle

• OrderDefaultAscending

  Which end of that sequence comes first.

  ChoicesAscendingDescending

Display

• Grid ClassesDefaultnl-menu-grid

  Class names on the grid holding the cards, which set how many sit side by side.

• Card ClassesDefaultnl-menu-card nl-reveal

  Class names on each card. nl-reveal fades the card in as it scrolls into view.

• Reveal Delay ClassesDefaultnl-d1, nl-d2, nl-d3

  One class per card, separated by commas, given to the cards in turn and repeated from the start when the list runs out: nl-d1 to nl-d5 delay a card's reveal by a little more each. Leave empty for no delay.

• Photo Frame ClassesDefaultnl-menu-img

  Class names on the frame around the item photograph, which crops it to shape.

• Category Tag ClassesDefaultnl-menu-tag

  Class names on the category label over the photograph. Leave empty to hide the label.

• Card Body ClassesDefaultnl-menu-body

  Class names on the text panel under the photograph.

• Name ClassesDefaultnl-menu-name

  Class names on the item name.

• Name ElementDefaulth3

  Element the item name is written into. Choose the heading level one below the heading of the section the cards sit in.

  Choicesh2h3h4p

• Description ClassesDefaultnl-menu-desc

  Class names on the short description, which is the item's excerpt. Leave empty to hide it.

• Price Row ClassesDefaultnl-menu-footer

  Class names on the row at the foot of the card holding the price and the menu note.

• Price ClassesDefaultnl-menu-price

  Class names on the price.

• Menu Note ClassesDefaultnl-menu-type

  Class names on the short note beside the price (House Specialty, Morning Only).

• Link NamesDefaultOff

  Make each item name a link to that item's own page. Off leaves the cards as a printed menu, which is how the home page shows them.

• Image SizeDefaultfull

  Registered image size used for the item photograph.

• Record Identity ClassesDefaultOn

  Add WordPress's own per-record classes (post id, type, status) to each card.

Single

• Menu Page SlugDefaultmenu

  Slug of the page that lists the whole menu, resolved to a portable permalink for the menu link and the linked eyebrow. Empty = no link.

• Link the EyebrowDefaultOff

  Make the eyebrow above the name a link to the menu page. Off keeps it a plain label in the design's accent colour.

  Shown when Layout is "Single Item - Eyebrow and Name" or "Category Page - Eyebrow and Name"

• Category Page EyebrowDefaultThe Menu

  Small line above the category name on a category page. Leave empty for none.

  Shown when Layout is "Category Page - Eyebrow and Name"

• Category Description ClassesDefaultnl-section-subtitle

  Class names on the category description under the name. Leave empty to hide the description.

  Shown when Layout is "Category Page - Eyebrow and Name"

• Title ElementDefaulth1

  Element the item or category name is written into at the top of its own page. H1 is right when the name is the page's subject.

  Choicesh1h2Shown when Layout is "Single Item - Eyebrow and Name" or "Category Page - Eyebrow and Name"

• Title ClassesDefaultnl-section-title

  Class names on the item or category name at the top of its own page.

  Shown when Layout is "Single Item - Eyebrow and Name" or "Category Page - Eyebrow and Name"

• Badge ClassesDefaultnl-story-badge

  Class names on the badge laid over the photograph.

  Shown when Layout is "Single Item - Price Badge"

• Badge Price ClassesDefaultnl-story-badge-num

  Class names on the price inside the badge.

  Shown when Layout is "Single Item - Price Badge"

• Badge Label ClassesDefaultnl-story-badge-label

  Class names on the menu note under the price. Leave empty to show the price alone.

  Shown when Layout is "Single Item - Price Badge"

• Detail List ClassesDefaultnl-hours-list

  Class names on the list of detail rows.

  Shown when Layout is "Single Item - Detail Rows"

• Detail Label ClassesDefaultnl-hours-day

  Class names on the label at the start of each row.

  Shown when Layout is "Single Item - Detail Rows"

• Detail Value ClassesDefaultnl-hours-time

  Class names on the value at the end of each row.

  Shown when Layout is "Single Item - Detail Rows"

• Include the PriceDefaultOff

  Start the rows with the price and the menu note. Leave off when the page already shows them in the price badge.

  Shown when Layout is "Single Item - Detail Rows"

• Button TextDefaultCome taste for yourself

  Wording on the visit button. {name} is replaced with the item's name. Leave empty for no button.

  Shown when Layout is "Single Item - Visit Button"

• Button Page SlugDefaultEmpty

  Slug of the page the button links to. Leave empty to link to the home page.

  Shown when Layout is "Single Item - Visit Button"

• Button SectionDefaultnl-location

  The id of the section on that page the button scrolls to, without the #. Leave empty to open the page at the top.

  Shown when Layout is "Single Item - Visit Button"

• Button ClassesDefaultnl-btn-primary nl-magnetic

  Class names that set the look of the button.

  Shown when Layout is "Single Item - Visit Button"

• Button Icon ClassesDefaultbi-arrow-right

  Icon class drawn after the button text. Leave empty for no icon.

  Shown when Layout is "Single Item - Visit Button"

• Menu Link TextDefaultSee the full menu

  Wording on the link to the menu page. Leave empty for no link.

  Shown when Layout is "Link to the Menu Page"

• Menu Link ClassesDefaultnl-btn-dark nl-magnetic

  Class names that set the look of the link to the menu page.

  Shown when Layout is "Link to the Menu Page"

• Menu Link Icon ClassesDefaultbi-arrow-right

  Icon class drawn after the link text. Leave empty for no icon.

  Shown when Layout is "Link to the Menu Page"