Therapy

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

Treatments

canvas_therapy_treat

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

• Editor features: editor, excerpt, page-attributes, thumbnail, title
• There is a listing page for all items.
• Grouped by: Treatment Categories (canvas_therapy_treat_cat)

Each item carries these extra settings on its edit screen:

• Session Length

• Extended Session Length

• Price

• Extended Session Price

Blocks this design adds

Therapy Treatments

canvas-core/therapy-treatments

A priced list or card grid of treatments, queried live from the Treatments post type. In the block inserter it is named Canvas Therapy Treatments.

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

Settings

• LayoutDefaultPriced List

  Which part of the treatments design this block draws. The first two list several treatments; each "Single" choice renders one section of the treatment page you place it on.

  ChoicesPriced ListCard GridSingle: DetailsSingle: Booking ButtonSingle: Related Treatments

• Category SlugDefaultEmpty

  Show only treatments in this category. Leave empty for every treatment.

• Exclude Category SlugDefaultEmpty

  Hide this category, so a list of every treatment can leave out one that has a page of its own.

• ItemsDefault0

  Maximum treatments to show. 0 shows them all.

• Order ByDefaultManual Order

  What decides the sequence of the treatments. Manual Order follows the arrangement you set on the treatments list screen.

  ChoicesManual OrderTitleDate

• OrderDefaultAscending

  Which end of that sequence comes first.

  ChoicesAscendingDescending

• Currency SymbolDefault$

  Character printed before each price.

• Duration SuffixDefaultMins:

  Printed after each session length, e.g. "Mins:" gives "60 Mins:".

• Item Wrapper ClassesDefaultoverflow-hidden

  Class names on the box around each treatment in the priced list.

• Item Row ClassesDefaultrow align-items-center

  Class names on the row that sets the picture beside the text.

• Image Column ClassesDefaultcol-3

  Class names on the picture column, which is what sets how much of the row width the picture takes.

• Text Column ClassesDefaultcol-9

  Class names on the text column. Its width should make up the rest of the row alongside the picture column.

• Image ClassesDefaultrounded

  Class names on each picture, most often to round its corners.

• Image SizeDefaultmedium

  Which stored copy of the picture is served. Step it down when the pictures are small, to save the visitor a large download.

• Title TagDefaultH4

  Which heading level each treatment name uses, so the list sits correctly in the page outline.

  ChoicesH2H3H4H5H6DIVSPAN

• Title ClassesDefaultmb-2

  Class names on each treatment name, most often for the space under it.

• Price Strip ClassesDefaultd-flex align-middle text-smaller

  Class names on the line holding the session lengths and their prices.

• Duration Label ClassesDefaultop-04

  Class names on the session length, usually faded so the price stands out beside it.

• Price ClassesDefaultfont-primary ms-2

  Class names on each price, setting its typeface and the gap after the session length.

• Price Separator IconDefaultbi-circle-fill text-smaller op-02 mx-3

  Icon classes for the dot between the two prices. Leave empty for no separator.

• Divider ClassesDefaultline my-4

  The hairline drawn between items. Leave empty for no divider.

• AnimationDefaultEmpty

  Animation name applied to each item, e.g. "fadeInUpSmall faster". Leave empty for none.

• Animation Delay Step (ms)Default0

  Added per item after the first, so the list reveals in sequence.

• Link Treatment NamesDefaultOff

  Link each name to its own treatment page.

• Card Grid Row ClassesDefaultrow col-mb-50

  Class names on the row holding the cards, setting the space between them.

• Card Grid Column ClassesDefaultcol-lg-6

  Class names on each card column, which is what sets how many cards sit side by side.

• Card ClassesDefaultcard bg-color border-light h-100

  Class names on each card, setting its background, border and whether every card in a row matches height.

• Card Body ClassesDefaultcard-body p-4

  Class names on the inside of each card, setting its padding.

• Card Description ClassesDefaulttext-white-50 mb-3

  Class names on the description inside each card, setting its colour and the space under it.

• Card Button TextDefaultBook This Treatment

  Wording on the button at the foot of each card.

• Card Button ClassesDefaultbtn rounded-0 btn-border color size-sm

  Class names that set the look of the card button.

• Card Button Page SlugDefaultEmpty

  Page the card button links to. Leave empty to link to the treatment itself.

• Landing Page SlugDefaultEmpty

  The treatments listing page, used by the single view's category link and Back button.

• Related HeadingDefaultYou may also enjoy

  Title above the row of other treatments. Leave empty to show the row with no title.

• Back Button TextDefaultAll Treatments

  Wording on the button returning the reader to the treatments listing. Leave empty for no button.

• CTA Button TextDefaultBook This Treatment

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

• CTA Page SlugDefaultEmpty

  Page the single view's booking button links to.

• Related ItemsDefault3

  How many other treatments appear under the one being read. Set 0 to leave the related row out.