Pet

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

Pet Services

canvas_pet_service

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

• Editor features: editor, excerpt, page-attributes, thumbnail, title
• Grouped by: Pet Service Categories (canvas_pet_service_cat)

Each item carries these extra settings on its edit screen:

• Availability

• Service Category

• Fee

• Price

• Response

• Service Tagline

Blocks this design adds

Pet Services

canvas-core/pet-services

Display pet services from the Pet Services post type as media-box cards or priced catalogue cards, or render a single service page (attributes, CTA, related services). In the block inserter it is named Canvas Pet Services.

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

Layout

• LayoutDefaultCards Grid

  Which part of the services design this block draws: the card grid, the priced catalogue grid, or one of the three single service pieces.

  ChoicesCards GridCatalogue Grid (priced)Single Service - AttributesSingle Service - CTASingle Service - Back + Related

Query

• CategoryDefaultEmpty

  Pet Service Category slug to show (e.g. the care services, or the catalogue). Empty shows every item.

• ItemsDefault0

  0 shows all services.

• Order ByDefaultMenu Order

  What to sort the services by.

  ChoicesMenu OrderDateTitle

• OrderDefaultAscending

  Read the sort order forwards or backwards.

  ChoicesAscendingDescending

Display

• Row ClassesDefaultrow align-items-stretch g-4

  Classes on the row wrapping the cards.

• Column ClassesDefaultcol-lg-3 col-md-6

  Classes on each column, which is where the number of cards per row is set.

• Card ClassesDefaultfeature-box media-box fbox-bg h-100

  Classes on the box around one service.

• Card Title ClassesDefaulttext-transform-none ls-0 fw-semibold

  Classes on the service name.

• Card Link TextDefaultRead More

  Wording on the link to the full service page.

• Card Link ClassesDefaultbutton-link border-0 color

  Classes on the card link.

• Services Page SlugDefaultservices

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

• CTA Page SlugDefaultregister

  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 TextDefaultJoin Us Now

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

• Back Button TextDefaultBack to Services

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

• Related HeadingDefaultMore ways we help

  Heading above the row of other services.

Catalogue

• Catalogue Card ClassesDefaultproduct

  Classes on the box around one catalogue item.

• Catalogue Image ClassesDefaultproduct-image shadow-none

  Classes on the picture area of a catalogue card.

• Catalogue Body ClassesDefaultproduct-desc text-center

  Classes on the body of a catalogue card, under the picture.

• Catalogue Title TagDefaultH3

  Heading level for the catalogue item name.

  ChoicesH2H3H4

• Catalogue Title ClassesDefaultEmpty

  Classes on the catalogue item name.

• Catalogue Price ClassesDefaultproduct-price

  Classes on the catalogue price.

• Catalogue Price TagDefaultins

  The design marks a current price with .

  Choicesinsspanstrong