Dropdown Search

Layout Variant: SE005

Content Type: Collection


Teaser Title

Teaser Text

Picture

Items

CTAs

SE005 Collection 

Yes

Yes

No

No

Optional


Aspect Ratio:

  • N/A

Expected Use:

This component is currently only available for use on the Contact Us page, but future releases will enable the use of dropdowns on different parts of the site as needed.

How to Build:

For SE005 Collection, include a Teaser Title, Text (body copy) and a CTA. The CTAs allow user to the selected item(s) in the dropdown. No Images or Items required for this Collection. Under the Local Settings of the Collection add the following:

  • Create a new Struct List named "dropdowns"
  • Create new Structs under the new dropdowns Struct List that correspond to the dropdown menus that will appear on the page
    • #1
    • #2
  • Create String entries on the new Structs. The first entry should be the label for the dropdown. For example:
    • For Region
      • property: "Region", Value: "Enter a string here."
      • property: "Asia Pacific", Value: 1
      • property: "Europe", value: 2
      • etc.
    • For Brand
      • property: "Brand", Value: "Enter a string here."
      • property: "Brand A", Value: 1
      • property: "Brand B", value: 2
      • etc. 
  • Create a String List at the same level as the dropdowns Struct List. Name this String Lisy one "parameters" and add String entries. These entries should correspond to the dropdowns previously defined. For example:
    • property: #1, Value: "regionid"
    • property: #2, Value: "brandid"

Note that you have the option to pick and choose a preferred "Background Color" under the Content Tab. 

Please enable JavaScript to use this website.