Canvas Docs

Interior Design

Import the Interior Design 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 Interior Design 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

Interior Projects

canvas-core/interior-projects

Display studio projects from the Projects post type as a filterable portfolio grid, or render a single project page (details sidebar, consultation CTA, related projects). In the block inserter it is named Canvas Interior Projects.

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

The Interior Projects settings in the block editor sidebar

Layout

  • LayoutDefaultPortfolio Grid

    What this block draws. Portfolio Grid lists every project; the three Single choices each render one part of a project page, so a project page is built from all three.

    ChoicesPortfolio GridSingle Project - Details SidebarSingle Project - Consultation CTASingle Project - Back + Related

Display

  • ColumnsDefault3 Columns

    How many projects sit side by side on a wide screen. Narrower screens fall back to fewer.

    Choices2 Columns3 Columns4 Columns

  • Grid Wrapper ClassesDefaultportfolio row grid-container gutter-interior-design

    Classes on the cards-grid wrapper. grid-container lets the theme isotope engine pack it.

  • Grid IDDefaultportfolio

    Grid wrapper id (the filter bar targets it). Empty = no id.

  • Show Filter BarDefaultOff

    Puts a row of category buttons above the grid so a visitor can narrow it to one kind of project without leaving the page.

  • Filter Bar ClassesDefaultgrid-filter style-4

    Classes on that row of buttons, which choose the style it is drawn in.

    Shown when Show Filter Bar is on

  • FiltersDefaultShow All=* Office=.pf-office Shop=.pf-shop Living Room=.pf-living Outdoor=.pf-outdoor Kitchen=.pf-kitchen

    One "Label=filter" per line. Use * for the all filter; category filters are .pf-{category-slug}.

    Shown when Show Filter Bar is on

  • Status IconDefault0

    Small icon image shown beside the status label in the single details card.

  • Studio Page SlugDefaultstudio

    Slug of the studio collection page. The single layouts resolve it to a portable permalink for the "Back to Studios" 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 TextDefaultBook a Consultation

    Wording on the button that sends a visitor to the contact page.

  • Back Button TextDefaultBack to Studios

    Wording on the button that returns a visitor to the collection page.

  • Related HeadingDefaultMore Studios

    Heading above the other projects offered at the end of a project page.

Query

  • ItemsDefault0

    0 shows all projects.

  • Order ByDefaultMenu Order

    What the grid is sorted on. Menu Order follows the order number set on each project, which is how you arrange them by hand.

    ChoicesMenu OrderDateTitle

  • OrderDefaultAscending

    Which end of that sort comes first. Descending puts the newest, or the last alphabetically, at the top.

    ChoicesAscendingDescending

Was this page helpful?