Photographer

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

Shots

canvas_photo_shot

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

• Editor features: editor, excerpt, page-attributes, thumbnail, title
• Grouped by: Albums (canvas_photo_album)

Each item carries these extra settings on its edit screen:

• Aperture

• Camera

• Captured

• Shot Category

• Shot Collection

• Shot Credit

• ISO

• Focal Length

• Location

• Shutter

Blocks this design adds

Photographer Menu

canvas-core/photographer-menu

A full-screen overlay navigation with an animated trigger and layered reveal. In the block inserter it is named Canvas Photographer Menu.

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

Content

• MenuDefaultEmpty

  The navigation menu shown in the overlay.

  Choices- Select a Menu - (empty)Canvas Main MenuHeaders DirectoryHeaders Ecommerce MinimalHeaders Floating SemiHeaders SaaS PrimaryHeaders SaaS SecondaryHeaders ShopHeaders Split LeftHeaders Split RightMega Menu Demo | Full WidthMega Menu Demo | Side Taband 2 more

Display

• Trigger ClassesDefaultprimary-menu-trigger hamburger

  Classes on the button that opens the menu.

• Open IconDefaultbi-list

  Icon on the trigger while the menu is closed.

• Close IconDefaultbi-x-lg

  Icon on the trigger while the menu is open.

• Trigger LabelDefaultEmpty

  Read out by screen readers; the trigger itself shows only its icons. Empty = no label.

• Overlay ClassesDefaultglobal-menu

  Classes on the full-screen menu panel.

• Menu Link ClassesDefaultglobal-menu__item

  Classes on each menu link.

Photographer Shots

canvas-core/photographer-shots

Display photographs from the Shots post type as tilting hover cards or a masonry wall, or render a single shot page. In the block inserter it is named Canvas Photographer Shots.

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

Layout

• LayoutDefaultHover Cards

  Which part of the photography design this block draws: the hover cards, the masonry wall, the masonry wall with its category bar, or one of the four single shot pieces.

  ChoicesHover CardsMasonry WallMasonry Category BarSingle Shot - FrameSingle Shot - DetailsSingle Shot - CTASingle Shot - Back + Related

Display

• ColumnsDefault3 Columns

  How many photographs sit side by side on a wide screen.

  Choices2 Columns3 Columns4 Columns

• Grid ClassesDefaultrow grid-container gutter-30

  Classes on the grid wrapper.

• Grid IDDefaultEmpty

  Grid wrapper id, which the category bar targets. Empty = no id.

• Card ClassesDefaultrounded img-hover-wrap

  Classes added to every card, after its column classes.

• Card Inner ClassesDefaultimg-hover-card

  Classes on the inner box of a hover card.

• Card Caption ClassesDefaultimg-hover-detail

  Classes on the caption that appears over a hover card.

• Category ClassesDefaulttext-light ls-1 fw-light

  Classes on the album name in the card caption.

• Card Title ClassesDefaultimg-hover-title

  Classes on the photograph title.

• Card Link IconDefaultbi-arrow-right

  Icon in the round link badge. Empty = no badge.

• Photo LinkDefaultOpen the full photo in a lightbox

  What happens when a visitor clicks a photograph.

  ChoicesOpen the full photo in a lightboxOpen the shot pageNo link

• Filterable CardsDefaultOff

  Tag every card with its album so a category bar can show and hide them.

• Card AnimationDefaultEmpty

  Animation played as each card enters the viewport. Empty = none.

• Image SizeDefaultlarge

  Which stored size of the photograph to load.

Query

• ShotsDefault0

  0 shows every shot the filters allow.

• Order ByDefaultMenu Order

  What to sort the photographs by.

  ChoicesMenu OrderDateTitle

• OrderDefaultAscending

  Read the sort order forwards or backwards.

  ChoicesAscendingDescending

• Album SlugDefaultEmpty

  Limit the collection to one album (term slug). Empty = every album.

• Collection KeyDefaultEmpty

  Show only shots whose Collection matches this key. Empty = no collection filter.

Masonry

• Masonry Overlay ClassesDefaultgallery-hover

  Classes on the panel that appears over a masonry tile.

• Masonry Tile ClassesDefaultgallery-item

  Classes on each masonry tile.

• Capture LineDefault%shutter% · %aperture% · ISO %iso%

  Capture line under a masonry tile. Placeholders: %shutter%, %aperture%, %iso%, %camera%, %lens%, %location%. Empty = no line.

• Category Bar ClassesDefaultgallery-filters

  Classes on the category bar above the wall.

• Category Button ClassesDefaultgallery-filter-btn

  Classes on each category button.

• CategoriesDefaultAll=all

  One "Label=value" per line. The value matches a tile's category; use all for the button that shows everything.

Single

• Collection Page SlugDefaultphotography

  Slug of the page listing the photographs. The single layouts resolve it to a portable permalink for the eyebrow and the Back button. Empty = no link.

• CTA Page SlugDefaultcontact

  Slug of the page the single CTA button links to. Empty = no button.

• CTA Button TextDefaultBook a Session Like This

  Wording on the main button on a single photograph page. Empty renders no button.

• Back Button TextDefaultBack to the Gallery

  Wording on the button back to the photograph collection. Empty renders no button.

• Related HeadingDefaultMore From This Album

  Heading above the row of other photographs.

• Related ShotsDefault3

  How many other photographs to show under a single one.