Cards Module Tutorial

Instructions

The module is available for use across the following template pages:

Cards Module Options


In Cascade, you can choose between two card styles: text only or image and text. Expand the accordions below to explore each option in detail.

Page View

Text Cards View Demo


For this section you will need:


Cascade View

Instructions:

  • Content Options: Pick Cards from the dropdown
  • Section Heading: Enter Section Heading
  • Do you want a button for this section?: Select Yes or No
  • Card Type: Select Text Card
  • Text Cards:
    • Plus Button: Add Card
    • Top of Text Card Options: Choose None, Kicker, or Icon
    • Title: Enter Card Title
    • Text: Enter Card Text

Text Card Cascade View

Link Option 1

Instructions:

  • Do you want to make this card a link?: Select Yes
  • Link Type: Select Other Page
  • URL: Enter Link

 

linkinstructions1

Link Option 2

Instructions:

  • Do you want to make this card a link?: Select Yes
  • Link Type: Select Page in this Site
  • Page: Select the page. It must be from the same site.


link instructions 2



No Link

Instructions:

  • Do you want to make this card a link?: Select No

no link

Page View

Cards Option 2 View

For this section you will need:

  • Heading (H2)
  • Card Title + Description + Image
  • Card Link (Optional)


Cascade View

Instructions:

  • Content Options: Pick Cards from the dropdown
  • Section Heading: Enter Section Heading
  • Do you want a button for this section?: Select Yes or No
  • Card Type: Select Picture and Text
  • Picture and Text Cards: 
    • Plus Button: Add Card
    • Image: Pick Image
    • Image Alt Description: Enter Image Alt Text
    • Title: Enter Card Title
    • Text: Enter Card Text
    • Do you want to make this card a link?: Choose Yes or No.
      • Do you want to make a pop-up modal for the link?: Choose Yes or No.
      • Enter Link Info

Cards Option 2 Part 1 Cascade
Cards Option 2 Part 2 Cascade

 

 

In Cascade, you can create a pop-up window on cards. 

Page View

full pop up


For this option, you will need:

  1. Title
  2. Content

Cascade View

Instructions:

Navigate to the Link Section

  • Do you want a pop up window for the link?: Select yes
  • Pop Up Title: Enter Pop Up Title
  • Pop Up Content: Enter Pop Up text in WYSIWYG Editor


pop up