Generic Cards

Text Left; Great Rates

Text Left; Great Rates

We re-invest in our members! See our rates in California, Idaho, Texas, and other states.

becomeamember_icon

Our Rates

Lorem Ipsum Dolor sit amet

Lorem Ipsum Dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris volutpat augue vitae turpis pulvinar malesuada. Nunc et nisi dapibus, imperdiet urna ac, tincidunt erat.

Test

Test

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris volutpat augue vitae turpis pulvinar malesuada. Nunc et nisi dapibus, imperdiet urna ac, tincidunt erat.

About Tech CU

About Tech CU

Text Left; Great Rates

Text Left; Great Rates

We re-invest in our members! See our rates in California, Idaho, Texas, and other states.

becomeamember_icon

Our Rates

Lorem Ipsum Dolor sit amet

Lorem Ipsum Dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris volutpat augue vitae turpis pulvinar malesuada. Nunc et nisi dapibus, imperdiet urna ac, tincidunt erat.

Test

Test

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris volutpat augue vitae turpis pulvinar malesuada. Nunc et nisi dapibus, imperdiet urna ac, tincidunt erat.

Text Left; Great Rates

Text Left; Great Rates

We re-invest in our members! See our rates in California, Idaho, Texas, and other states.

Lorem Ipsum Dolor sit amet

Lorem Ipsum Dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris volutpat augue vitae turpis pulvinar malesuada. Nunc et nisi dapibus, imperdiet urna ac, tincidunt erat.

Usage Instructions:

  • Add the "Generic Cards" widget to your page
  • Click the gear icon to openthe widget config to:
    • Add an optional title above the cards
    • Select between Stacked (Layout 1) or Slider (Layout 2)
  • To add a Card:
    • Click the blue and white "+" icon
    • Selected Page:Is used to select the page the slide will link to. You can also use fields on the source page to populate this widget:
      • On the page you want to link to/pull content from, add content to these fields in the Content Tab on the right:
        2025-04-30-16_59_06-DevTools-localhost_8080_genericCardsCarousel-html.png
        • Fill out the Listing Item fields:
          2025-04-30-16_58_21-Xperience-Admin.png
        • In your Generic Cards widget, click the Page icon to select your source page:
          2025-05-05-14_50_23-Xperience-Admin.png
    • You can also just add content directly into the Card
      • Use the Page Selector above to navigate to the page you want to link to
      • Text Alignment: Choose from Left aligned text or Centered
      • Icon: Click the image icon to upload or choose an icon
      • Imgix Settings: See Imgix information
        • Imgix defaults should not be overridden for icons unless truly necessary
      • Title: Enter the title for the top of the card
      • Description: The smaller text under the title
      • URL: For external URLs. For URLs on this site, use the Page Selector mentioned above.
      • If external, check the "New Window" checkbox
      • Link Text: This text will appear on the button or text link at the bottom of the card
      • Link Aria: To be used if the link text offers no context for screenreaders. For example, if a button says just "Learn More", the Link Aria should offer more context, such as "Learn more about checking accounts".
  • Repeat as needed
  • Notes:
    • You can click the gear icon under each card to make edits
    • Clicking the minus icon "-" will remove that card
    • You can use the up and down arrow icons to rearrange the cards


We're Here To Help