ARI Responsive Websites

Highlight Links Component

Owned by Sam Carlson (Deactivated)
Last updated: Jul 19, 2017
2 min read

The Highlight Links Component creates a row of one ore more CTA buttons that can be added above the website header, or within another section of the website if preferred. Users can configure the this feature in the following ways:

Component Settings

  1. Display As: This determines how your CTAs will display
    1. Row: Displays CTAs in a row. This option works well when there are fewer CTAs
    2. Carousel: Displays CTAs in a carousel view
  2. Breakpoint to Collapse: This determines how your CTAs will behave for different 
    1. Options are Extra Small, Small, Medium, Large and Never Collapse
  3. Collapse Title: A customizable, clickable title that displays on your website when the Highlight Links are collapsed
  4. Gallery Icon Size: The display size of your CTA images (if any)
    1. Options are Small, Medium, Large and Extra Large
  5. Image/Icon Style: This adds an optional background to your CTA icons
    1. Options are No Background, Square, and Rounded
  6. Link Style: This determines how (and whether) the text links you enter for your CTAs should display. 
    1. Options are None, Text and Button

  1. Add New Navigation Link: This adds CTAs to your Highlight Links
    1. Link Location: Enter a site page or a custom URL
    2. Link Name
    3. Link Target: Enter the applicable URL
    4. Icon: Options are No icon, Custom Image and From Gallery
    5. Sequence/Edit Current Navigation Links: Once more than one Navigation Link has been entered, users can drag and drop sequence the order in which they will display on the website.