Yoga

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

Classes

canvas_yoga_class

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

• Editor features: editor, excerpt, thumbnail, title

Each item carries these extra settings on its edit screen:

• Class Accent

• Duration

• Class Icon

• Class Level

• Schedule

• Instructor

Blocks this design adds

Yoga Classes

canvas-core/yoga-classes

Display yoga classes from the Classes post type as cards, or render a single class page (attributes, booking CTA, related classes). In the block inserter it is named Canvas Yoga Classes.

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 classes design this block draws. Cards Grid lists them all; each "Single Class" choice renders one section of the class page you place it on.

  ChoicesCards GridSingle Class - AttributesSingle Class - Booking CTASingle Class - Back + Related

Query

• ItemsDefault0

  0 shows all classes.

• Order ByDefaultMenu Order

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

  ChoicesMenu OrderDateTitle

• OrderDefaultAscending

  Which end of that sequence comes first.

  ChoicesAscendingDescending

Display

• Row ClassesDefaultrow col-mb-50

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

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

  Class names on each card column, which is what sets how many classes sit side by side at each screen width.

• Card Button TextDefaultView Class

  Wording on the button at the foot of each card.

• Card Button ClassesDefaultbtn rounded bg-color text-white text-uppercase fw-semibold ls-1 py-2 px-4

  Class names that set the look of that button, from its colour to its casing and padding.

• Classes Page SlugDefaultclasses

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

• Booking Page SlugDefaultpricing

  Slug of the page the single-cta "Book This Class" button links to. Resolved to a portable permalink so the link is correct on any install / import. Empty = no button.

• CTA Button TextDefaultBook This Class

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

• Back Button TextDefaultBack to Classes

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

• Related HeadingDefaultRelated Classes

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