Component Description
Number:
FUN0001
| Type:
Function
| Name:
Function component/Customized function display - Style 1/Header Component
Description:
1. Header component is an inherit component, can be edited only in experience-fragments and cannot be edited in child pages. (AEM Navigation -> Experience-Fragments).
2. The header can be configured with two levels of dropdowns, secondary menu and some common properties such as My favorites Link, Account Link and Search options. The first level of dropdowns and Secondary menu children are configured on the header component itself.
3. In internal search, we set autosuggest. when we search particular model or value, we get dropdown values.
4. The model flyout structure is derived from the author directory structure, The model detail information is all configured in the Model detail properties.
5. The CTA button title is configed on header, the link is configed in the Model detail properties, It will not be displayed when no link is configured. Display a maximum of 6 buttons in 2 columns.
6. Header can select a dark theme. (AEM Navigation -> Section ->Theme).
7. The author can configure the splash screen animation in Properties.
2. The header can be configured with two levels of dropdowns, secondary menu and some common properties such as My favorites Link, Account Link and Search options. The first level of dropdowns and Secondary menu children are configured on the header component itself.
3. In internal search, we set autosuggest. when we search particular model or value, we get dropdown values.
4. The model flyout structure is derived from the author directory structure, The model detail information is all configured in the Model detail properties.
5. The CTA button title is configed on header, the link is configed in the Model detail properties, It will not be displayed when no link is configured. Display a maximum of 6 buttons in 2 columns.
6. Header can select a dark theme. (AEM Navigation -> Section ->Theme).
7. The author can configure the splash screen animation in Properties.
Update log:
▷
2024/02/02: Header can select a dark theme.
▷ 2024/03/21: The author can configure the splash screen animation in Properties.
▷ 2024/04/30: The header can switch styles based on the vehicle type. After changing the style, the path of the vehicle type needs to be updated. The author can add a link to the Model Filter page.
▷ 2024/06/04: The search content can be filtered according to the blacklist, and clicking on the search results will open a new window in a new page.
▷ 2024/03/21: The author can configure the splash screen animation in Properties.
▷ 2024/04/30: The header can switch styles based on the vehicle type. After changing the style, the path of the vehicle type needs to be updated. The author can add a link to the Model Filter page.
▷ 2024/06/04: The search content can be filtered according to the blacklist, and clicking on the search results will open a new window in a new page.
*
This webpage is intended for the reference of the website’s internal operations and maintenance personnel only.
*
The detailed style presentation of the component is as follows.
▼
New Theme：
▼
