Travel

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

Hotels

canvas_travel_hotel

One item is called a Hotel. 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:

• Hotel Amenities

• Hotel Gallery

• Location

• Hotel Map Url

• Per Night

• Reviews

• Hotel Stars

Packages

canvas_travel_pkg

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

• Editor features: editor, excerpt, thumbnail, title
• Grouped by: Destinations (canvas_travel_dest)

Each item carries these extra settings on its edit screen:

• Deal

• Pkg Note

• Price

• Pkg Thumb

Blocks this design adds

Travel Hotels

canvas-core/travel-hotels

Hotel search-result rows with rating, amenities, nightly rate and real pagination. In the block inserter it is named Travel Hotels.

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

Layout

• LayoutDefaultHotel Rows

  Which part of the hotels design this block draws. Hotel Rows lists them all; each "Single Hotel" choice renders one section of the hotel page you place it on.

  ChoicesHotel RowsSingle Hotel - Other HotelsSingle Hotel - Fact StripSingle Hotel - Booking ButtonSingle Hotel - Amenity Icons

Query

• Hotels per PageDefault4

  0 shows every hotel on one page.

• Order ByDefaultMenu Order

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

  ChoicesMenu OrderDateTitle

• OrderDefaultAscending

  Which end of that sequence comes first.

  ChoicesAscendingDescending

• PaginationDefaultOn

  Emit the page-link strip below the rows.

Display

• Rows Container ClassesDefaultrow gutter-40 mb-0

  Class names on the row holding each hotel, setting the space between the three columns.

• Media Column ClassesDefaultcol-lg-4

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

• Detail Column ClassesDefaultcol-lg col-md-8 mt-4 mt-lg-0

  Class names on the middle column holding the hotel name and description.

• Price Column ClassesDefaultcol-lg-auto col-md-4 mt-4 mt-lg-0 text-start text-md-center

  Class names on the price and button column at the end of the row.

• Price CaptionDefaultPrice per night*

  Small line printed under each price, saying what the figure covers.

• Button TextDefaultBook Now

  Wording on the button in each hotel row.

• Button ClassesDefaultbutton button-rounded mt-4 mx-0

  Class names that set the look of that button.

Single

• Single CTA LabelDefaultBook this Hotel

  Wording on the booking button of a single hotel page. Leave empty for no button.

• Single CTA Page SlugDefaultcontact

  Page the single-view booking button links to.

Travel Packages

canvas-core/travel-packages

Holiday package entries: small price-list rows or a thumbnail-paged deals slider. In the block inserter it is named Travel Packages.

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

Layout

• LayoutDefaultPackage List

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

  ChoicesPackage ListDeals SliderSingle Package - Fact StripSingle Package - Enquiry ButtonSingle Package - Other Packages

Query

• Package IDsDefaultEmpty

  Comma-separated package ids shown in this order. Leave empty to query.

• Destination SlugDefaultEmpty

  Show only packages for one destination. Leave empty for every package.

• PackagesDefault0

  0 shows every package.

• Order ByDefaultMenu Order

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

  ChoicesMenu OrderDateTitle

• OrderDefaultAscending

  Which end of that sequence comes first.

  ChoicesAscendingDescending

Display

• List ClassesDefaultposts-sm row col-mb-30

  Class names on the list holding the package entries, setting their size and the space between them.

• Entry Column ClassesDefaultcol-sm-6 col-md-12

  Bootstrap column classes on each list entry.

• Image ClassesDefaultEmpty

  Extra classes on each entry thumbnail (e.g. rounded-circle).

• Price StyleDefaultTheme-colour Span

  Whether each price stands out by colour or by weight.

  ChoicesTheme-colour SpanBold

Deals Slider

• Slider ClassesDefaultfslider flex-thumb-grid grid-6 travel-slider

  Class names on the deals slider. They carry the slider itself and the grid its thumbnails sit in, so keep them unless you are replacing the whole design.

• Slide AnimationDefaultFade

  Whether one deal dissolves into the next or slides across.

  ChoicesFadeSlide

• ArrowsDefaultOn

  Show previous and next arrows over the slider.

• Thumbnail PagerDefaultOn

  Show a strip of small pictures under the slider that jump straight to a deal.

• Overlay Content ClassesDefaulttext-overlay-mask dark desc-sm align-items-end justify-content-start

  Class names on the caption laid over each slide, setting its wash, its text colour and where it sits on the picture.

Single

• Single CTA LabelDefaultEnquire about this Package

  Wording on the enquiry button of a single package page. Leave empty for no button.

• Single CTA Page SlugDefaultcontact

  Page the single-view enquiry button links to.