Skip to content

Content Card

This block can be used to display adventures, travel tips, pages, or custom content with preset style options. These cards are loaded into the slider block when displaying posts.

We can display:

  • Title, always displayed
  • Excerpt, optional with ability to adjust length
  • Read more, optional with ability to change the “read me” text.
  • Category icon, optional. This will use the primary adventure category.
  • City, optional.
  • Weather & time, optional. This option requires that the post has a city attached with latitude & longitude.

Content Card List

This block can be used to display a list of cards for adventures, travel tips, or pages in a grid format using all of the same options from the regular content card block.

Fancybox Modal

Fancybox modals can be triggered with an image or a button block. We can add any type of content to them like forms, videos, or image galleries.

A person walks in front of LaBelle Lake Ice Palace at night.
All images can open in a modal

FAQ Accordion

The FAQ Accordion can be used to display Q&A type content with the option to add a FAQ schema to the page for SEO. The first item in the Q&A can be open or closed by default.

My question

example answer

Another question

example answer with a link

Flip Cards

Generally for displaying Travel with Care content. Colors can be customized for the front of the card, back of the card, text color, and arrow colors.

A graphic with an image of elk gathered around a field, with white text overlaid reading, "Use the zoom on your camera (You have it for a reason)" >

back of card content

A graphic with an image of elk gathered around a field, with white text overlaid reading, "Use the zoom on your camera (You have it for a reason)" >

back of card content

Icon Square

Display an icon with optional text. Colors can be customized for the icon color and background color. Extra background behind text is optional and based on the icon background color. Any icon in the Visit Idaho icon font pack can be selected.

Optional Text
Optional Text

Slider

The slider block can be used to display different content types:

  • Automatic recent posts (adventures or travel tips)
  • Manually selected posts (adventures, travel tips, or pages)
  • Image galleries
  • Custom content using any block/layout available

The automatic and manually selected post options will load the content card block with all options available (see content card section above). There is also an option to add one final CTA slide to the slider with custom content.

Image gallery sliders will automatically enable the fancybox modal on all images for a full screen view as well as automatically load all alt tags and captions from the media library.

We are using Swiper library and the official demos can be found here: https://swiperjs.com/demos

Currently implemented options include:

  • Enable / disable arrows, pagination dots, and scrollbar.
  • Vertical or horizontal scroll for desktop, tablet, and mobile.
  • Enable / disable slide shuffle so slides will appear in different order every page load.
  • Enable / disable autoplay, looped slides, free scroll, and mouse scroll.
  • Adjust slides per view for desktop, tablet, and mobile.
  • Enable / disable grid rows.

If you find something on the Swiper demo link, we can most likely add it as an option.

SVG Zoom Map

Display an SVG map with option to pan/zoom and optional helper text. Text can be different on desktop & mobile.

Block Test Page
Block Test Page desktop helper text mobile helper text

We can add subtitles below or above the title

Video Hero

There is also an option to add a fallback placeholder image.