Coworking

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

Workspaces

canvas_cowork_space

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

• Editor features: editor, excerpt, page-attributes, thumbnail, title

Each item carries these extra settings on its edit screen:

• Location

• Space Features

• Space Map

• Billed

• Rate

• Space Tagline

Blocks this design adds

Coworking Spaces

canvas-core/cowork-spaces

Membership cards with price, features and a booking link. In the block inserter it is named Coworking Spaces.

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

Layout

• LayoutDefaultMembership Cards

  Which part of the design this block draws: the sliding row of membership cards, or one of the two pieces that build a single space page. The single pieces render nothing anywhere else.

  ChoicesMembership CardsSingle Space - Title & Price RowSingle Space - Other Spaces

Query

• SpacesDefault0

  0 shows every space.

• Order ByDefaultMenu Order

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

  ChoicesMenu OrderDateTitle

• OrderDefaultAscending

  Whether that sequence runs forwards or backwards.

  ChoicesAscendingDescending

Display

• Carousel IDDefaultprice-carousel

  The name given to the carousel. Change it only if two of these blocks share one page, since two things with the same name confuse the browser.

• Carousel ClassesDefaultowl-carousel carousel-widget

  Style classes on the carousel itself. Keep both defaults: they are what the theme looks for when it starts the carousel up.

• Card ClassesDefaultprice-list shadow-sm card border-0 rounded

  Style classes on each membership card. The default drops the border and lifts the card with a soft shadow and rounded corners instead.

• Feature IconDefaultbi-check-lg pe-3 color

  The icon in front of every line in the list of what a membership includes.

• Button TextDefaultBook Now

  Wording on the button at the foot of each membership card.

• Button ClassesDefaultbutton button-rounded button-large w-100 m-0 text-center fw-medium

  Style classes on that button, which is what makes it large, rounded and the full width of the card.

Carousel

• Slide Gap (px)Default30

  The gap between one card and the next, in pixels.

• Show ArrowsDefaultOff

  Shows the back and forward arrows at the sides of the carousel.

• Show DotsDefaultOn

  Shows the row of dots under the carousel, which tells a visitor how many cards there are and lets them jump straight to one.

• Cards - Extra SmallDefault1

  How many cards are on screen at once on a phone.

• Cards - SmallDefault1

  How many cards are on screen at once from a small screen up, around the size of a large phone held sideways.

• Cards - MediumDefault2

  How many cards are on screen at once from a tablet width up.

• Cards - LargeDefault3

  How many cards are on screen at once from a laptop width up.

• Cards - Extra LargeDefault3

  How many cards are on screen at once on the widest screens.

Single

• Single Row ClassesDefaultrow justify-content-between align-items-end

  Style classes on the row at the top of a space page that carries the name and the price. The default puts them at opposite ends, sitting on the same baseline.

• Single Title ClassesDefaultdisplay-4 text-dark fw-semibold ls--2

  Style classes on the space name at the top of its page, which is what sets it large and tightly spaced.

• Single Button TextDefaultBook your Space Now

  Wording on the booking button on a single space page.

• Single Button ClassesDefaultbutton button-rounded button-large m-0 text-center fw-medium text-transform-none ls-0

  Style classes on that button, which is what makes it large and rounded and keeps its wording as typed rather than in capitals.

• Single Button Page SlugDefaultrates

  Slug of the page the single space's booking button links to.