Agency

Import the Agency 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 Agency 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.

Blocks this design adds

Agency Works

canvas-core/agency-works

Display Portfolio projects as an agency-style carousel or grid, or render a single project page (attributes, contact CTA, related projects). In the block inserter it is named Canvas Agency Works.

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

Layout

• LayoutDefaultPortfolio Grid

  Which part of the design this block draws: a grid or a sliding row of projects, or one of the three pieces that build a single project page. The single pieces render nothing anywhere else.

  ChoicesPortfolio GridPortfolio CarouselSingle Work - AttributesSingle Work - Contact CTASingle Work - Back + Related

Display

• ColumnsDefault3 Columns

  How many projects sit side by side in the grid on a wide screen. Narrower screens step down on their own, and the carousel takes its count from the carousel settings instead.

  Choices2 Columns3 Columns4 Columns

• Grid Wrapper ClassesDefaultportfolio row gutter-20

  Classes on the cards-grid wrapper.

• Carousel Wrapper ClassesDefaultowl-carousel portfolio-carousel carousel-widget

  Classes on the carousel wrapper. carousel-widget lets the theme auto-initialise it.

• Carousel Data AttributesDefaultdata-margin=1 data-loop=true data-nav=true data-pagi=false data-items-xs=1 data-items-sm=2 data-items-md=3 data-items-lg=4 data-items-xl=4

  One key=value per line: emitted on the carousel wrapper and read by the theme carousel engine.

• Wrapper IDDefaultEmpty

  Wrapper id (the home carousel uses "oc-portfolio"). Empty = no id.

• Portfolio Page SlugDefaultportfolio

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

• Contact Page SlugDefaultcontact

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

• CTA Button TextDefaultStart a Project

  Wording on the button that invites a visitor to get in touch from a project page. Leave it empty and no button appears.

• Back Button TextDefaultBack to Portfolio

  Wording on the button that returns a visitor from a project page to the portfolio listing. Leave it empty and no button appears.

• Related HeadingDefaultMore Works

  Heading above the row of other projects at the foot of a project page. Leave it empty to show the projects with no heading.

Query

• ItemsDefault0

  0 shows all works.

• Order ByDefaultMenu Order

  What decides the sequence projects appear in: the order you arranged them in, when each was published, or the project name.

  ChoicesMenu OrderDateTitle

• OrderDefaultAscending

  Whether that sequence runs forwards or backwards. With Order By set to Date, Descending puts the newest project first.

  ChoicesAscendingDescending