Search Bar with Dropdown

Layout Variant: SE009

Content Type: Collection

Aspect Ratio: 

• 1:1

Expected Use:

SE009 Collection is a search component that offers options to choose from from a dropdown menu, as well as a search form field to enter text. It is primarily used to conduct site-wide support search for product, product category, or brand information. Dropdown includes listing of all major support categories. These categories can be used to narrow search results. “All Categories” is default. Close “x” replaces entered values in search bar with instructional text. 

How to Build:

Nothing is required in the SE009 Collection other than the Teaser Title, the main headline and set the Layout Variant to SE009. No Images or Items required for this Collection. The dropdown values should include a listing of all major support categories. Entered values in the search bar goes to a search results page or specific, customized search results page (such as “Software Downloads & Drivers”). For this SE009 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
• Create String entries on the new Structs. The first entry should be the label for the dropdown. For example:
  • property: "ALL Content Types", Value: "Enter a string here."
  • property: "<Specify Label>", Value: 1
  • property: "<Specifyl Label>", value: 2
  • etc.