Dental Clinic

Import the Dental Clinic 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 Dental Clinic 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

Team

canvas_dental_team

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

• Editor features: custom-fields, editor, excerpt, page-attributes, thumbnail, title
• Grouped by: Team Groups (canvas_dental_team_grp)

Each item carries these extra settings on its edit screen:

• Cases Completed

• Team Credential

• Patients Seen

• Patient Rating

• Team Role

• Years in Practice

Treatments

canvas_dental_treat

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

• Editor features: custom-fields, editor, excerpt, page-attributes, thumbnail, title
• Grouped by: Treatment Categories (canvas_dental_treat_cat)

Each item carries these extra settings on its edit screen:

• Included (one per line)

• Price

• Price Unit

Blocks this design adds

Dental FAQ

canvas-core/dental-faq

A list of questions that each open to reveal their answer, using the browser's own disclosure element so it works without scripts. In the block inserter it is named Canvas Dental FAQ.

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

Content

• QuestionsDefaultEmpty

  Each row is one question and the answer it reveals.

  Each row of Questions takes:

  • QuestionDefaultEmpty

  • AnswerDefaultEmpty

  • Open by DefaultDefaultOff

    Show this answer already expanded when the page loads.

Display

• List ClassesDefaultcv-faq-list

  Class names on the element holding the questions, which sets the gap between them.

• Question ClassesDefaultcv-faq-item

  Class names on each question, which set its frame and background.

• Answer ClassesDefaultanswer

  Class names on the revealed answer.

• Marker IconDefaultbi bi-plus-lg

  Icon at the end of every question. Leave empty for no marker.

Dental Team

canvas-core/dental-team

Display team members from the Team post type as portrait cards, optionally for one group, or render the pieces of a single profile page (band, badge, intro, figures, related members). In the block inserter it is named Canvas Dental Team.

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

Layout

• LayoutDefaultPortrait Cards

  Which part of the team design this block draws. Portrait Cards lists the members; Group Archive draws the band at the top of a group page; each "Single Member" choice renders one section of the profile page you place it on.

  ChoicesPortrait CardsGroup Archive - Page BandSingle Member - Page BandSingle Member - Photo BadgeSingle Member - Eyebrow and TaglineSingle Member - Figures and ButtonSingle Member - ColleaguesSingle Member - Closing Band

Query

• Group SlugDefaultEmpty

  Show only the members of one group, written as its slug (dentists, care-team …). Leave empty to show everyone.

• Follow the Group PageDefaultOff

  On a team group page, show only that group and ignore the slug above. Off everywhere else.

• ItemsDefault0

  0 shows all members. The colleagues layout shows three when this is left at 0.

• Order ByDefaultMenu Order

  What decides the sequence of the members. Menu Order lets you arrange them by hand on the team list screen.

  ChoicesMenu OrderDateTitle

• OrderDefaultAscending

  Which end of that sequence comes first.

  ChoicesAscendingDescending

Display

• Grid ClassesDefaultcv-team-grid

  Class names on the grid holding the cards, which set how many sit side by side (cv-team-grid for three, cv-team-grid-full for four).

• Card ClassesDefaultcv-team-card

  Class names on each portrait card.

• Portrait SizeDefaultfull

  Registered image size used for the portrait.

• Portrait Width AttributeDefault0

  Width written on the portrait tag, which reserves its space while the page loads. 0 uses the file's own width.

• Portrait Height AttributeDefault0

  Height written on the portrait tag, which sets the shape the card reserves. 0 uses the file's own height.

• Name TagDefaulth3

  Heading level of the member's name, so the page keeps a sensible outline wherever the cards are placed.

  Choicesh2h3h4

• Link NamesDefaultOn

  Make each name a link to the member's own page.

• Role SeparatorDefault·

  Character placed between the role and the credential on the card. A space is added on each side of it.

• Reveal AnimationDefaultfadeInUp

  Animation each card plays as it scrolls into view (fadeInUp, fadeIn …). Leave empty for none.

• Reveal Delay Step (ms)Default100

  Each card waits this much longer than the one before it. 0 reveals every card at once.

  Shown when Reveal Animation is set

• Record Identity ClassesDefaultOn

  Add WordPress's own per-record classes (post id, type, status) to each card.

Single

• Team Page SlugDefaultour-team

  Slug of the team landing page. The single layouts resolve it to a portable permalink for the group eyebrow. Empty = no link.

• Page Band ClassesDefaultcv-page-hero cv-page-hero--team include-header

  Class names on the member's page band, which choose its photo and let a transparent header sit over it.

• Page Band EyebrowDefaultEmpty

  Small line above the name on the member's page. Leave empty to show the member's group.

• Profile EyebrowDefaultProfile

  Small line above the tagline in the profile panel. Leave empty for none.

• Booking Page SlugDefaultcontact

  Slug of the page the booking button links to. Resolved to a portable permalink so the link is correct on any install or import. Empty = no button.

• Booking Button TextDefaultBook a visit with {name}

  Wording on the booking button. {name} is replaced with the member's name. Leave empty for no button.

• Booking Button ClassesDefaultcv-btn cv-btn-ghost

  Class names that set the look of the booking button.

• Booking Button IconDefaultbi bi-arrow-right

  Icon shown after the booking button text. Leave empty for text alone.

Closing Band

• Closing Band EyebrowDefaultMeet us in person

  Small line above the heading in the dark band that closes the page. Leave empty for none.

• Closing Band HeadingDefaultSit down with a dentist before you commit to anything.

  Heading in the dark band that closes the page. Wrap a phrase in em tags to italicise it, as the design does. Leave empty to drop the whole band.

• Closing Band TextDefaultThe 75-minute first consult is a conversation, not a sales call. No instruments unless you say yes. If we are not the right fit, please say so.

  Line of copy under the heading in the closing band.

• Closing Band ButtonDefaultBook a first visit

  Wording on the filled button in the closing band, which links to the booking page. Leave empty for no button.

• Closing Band Second LineDefaultOr meet the whole team

  Small line on the second call to action, which links to the collection page.

• Closing Band Second CallDefaultBrowse our dentists

  Large line on the second call to action. Leave empty to show the button alone.

• Closing Band Second IconDefaultbi bi-people

  Icon before the second call to action. Leave empty for text alone.

Dental Treatments

canvas-core/dental-treatments

Display treatments from the Treatments post type as alternating photo rows, optionally for one category, or render the pieces of a single treatment page (band, intro, details, related treatments). In the block inserter it is named Canvas Dental Treatments.

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

Layout

• LayoutDefaultTreatment Rows

  Which part of the treatments design this block draws. Treatment Rows lists them; Category Archive draws the band at the top of a category page; each "Single Treatment" choice renders one section of the treatment page you place it on.

  ChoicesTreatment RowsCategory Archive - Page BandSingle Treatment - Page BandSingle Treatment - Eyebrow and HeadingSingle Treatment - PointsPrice and ButtonSingle Treatment - Other TreatmentsSingle Treatment - Closing Band

Query

• Category SlugDefaultEmpty

  Show only the treatments in one category, written as its slug (cosmetic, surgical …). Leave empty to show every treatment.

• Follow the Category PageDefaultOff

  On a treatment category page, show only that category and ignore the slug above. Off everywhere else.

• ItemsDefault0

  0 shows all treatments. The related layout shows two when this is left at 0.

• Order ByDefaultMenu Order

  What decides the sequence of the treatments, and so their numbers. Menu Order lets you arrange them by hand on the treatments list screen.

  ChoicesMenu OrderDateTitle

• OrderDefaultAscending

  Which end of that sequence comes first.

  ChoicesAscendingDescending

Display

• Container ClassesDefaultcontainer

  Class names on the element holding the rows. Leave empty when the block already sits inside a container.

• Row ClassesDefaultcv-treatment-row

  Class names on each treatment row.

• Alternate Photo SideDefaultOn

  Put the photo on the right for every second row.

• Reversed Row ClassesDefaultcv-treatment-row--reverse

  Class names added to the rows whose photo sits on the right.

  Shown when Alternate Photo Side is on

• Photo Frame ClassesDefaultcv-treatment-img

  Class names on the frame around the treatment photo, which set its shape and ratio.

• Photo SizeDefaultfull

  Registered image size used for the treatment photo.

• Photo Width AttributeDefault0

  Width written on the photo tag, which reserves its space while the page loads. 0 uses the file's own width.

• Photo Height AttributeDefault0

  Height written on the photo tag, which sets the shape the frame reserves. 0 uses the file's own height.

• Number the TreatmentsDefaultOn

  Prefix the category eyebrow with the treatment's position (01, 02 …).

• Title TagDefaulth3

  Heading level of the treatment name, so the page keeps a sensible outline wherever the rows are placed.

  Choicesh2h3h4

• Link TitlesDefaultOn

  Make each treatment name a link to its own page.

• Points List ClassesDefaultcv-treatment-list

  Class names on the list of what the treatment includes.

• Point IconDefaultbi bi-check-circle

  Icon shown before each included point. Leave empty for text alone.

• Price ClassesDefaultcv-treatment-price

  Class names on the price line.

• Reveal AnimationDefaultfadeInUp

  Animation each row plays as it scrolls into view (fadeInUp, fadeIn …). Leave empty for none.

• Reveal Delay Step (ms)Default0

  Each row waits this much longer than the one before it. 0 reveals every row at once.

  Shown when Reveal Animation is set

• Record Identity ClassesDefaultOn

  Add WordPress's own per-record classes (post id, type, status) to each row.

Single

• Treatments Page SlugDefaulttreatments

  Slug of the treatments landing page. The single layouts resolve it to a portable permalink for the category eyebrow. Empty = no link.

• Page Band ClassesDefaultcv-page-hero cv-page-hero--treatments include-header

  Class names on the single treatment's page band, which choose its photo and let a transparent header sit over it.

• Page Band EyebrowDefaultEmpty

  Small line above the treatment name on its page. Leave empty to show the treatment's category.

• Details HeadingDefaultWhat is included

  Heading above the treatment description on its page. Leave empty for none.

• Booking Page SlugDefaultcontact

  Slug of the page the booking button links to. Resolved to a portable permalink so the link is correct on any install or import. Empty = no button.

• Booking Button TextDefaultBook this treatment

  Wording on the booking button. Leave empty for no button.

• Booking Button ClassesDefaultcv-btn cv-btn-primary

  Class names that set the look of the booking button.

• Booking Button IconDefaultbi bi-arrow-right

  Icon shown after the booking button text. Leave empty for text alone.

Closing Band

• Closing Band EyebrowDefaultReady when you are

  Small line above the heading in the dark band that closes the page. Leave empty for none.

• Closing Band HeadingDefaultNot sure which treatment is right? Start with the 75-minute consult.

  Heading in the dark band that closes the page. Wrap a phrase in em tags to italicise it, as the design does. Leave empty to drop the whole band.

• Closing Band TextDefaultWe will map every option onto your goals and budget, and only ever recommend what we would suggest for our own family.

  Line of copy under the heading in the closing band.

• Closing Band ButtonDefaultBook the consult

  Wording on the filled button in the closing band, which links to the booking page. Leave empty for no button.

• Closing Band Second LineDefaultOr read the full menu

  Small line on the second call to action, which links to the collection page.

• Closing Band Second CallDefaultBrowse treatments

  Large line on the second call to action. Leave empty to show the button alone.

• Closing Band Second IconDefaultbi bi-list

  Icon before the second call to action. Leave empty for text alone.