Release Date: 3/19/24
Current Releases
...
Release Date: 3/19/24
...
Current Releases (as of 3/15/24) | ||||||
---|---|---|---|---|---|---|
Cloud UI | Commerce | Identity v3 (Auth0) | Identity (Legacy) | Unity | Arrival | Resort Tools |
1.5 | 3.4 | 3.45 |
...
Options are presented in a simplified and visually digestible format that enables users to swiftly evaluate choices, thus reducing decision complexity and minimizes buyer fatigue
Touch targets are larger than traditional radio buttons, enhancing the user experience particularly for mobile users
Visually appealing design with intuitive left-to-right scrolling (horizontal chips)
Responsive web design automatically positions horizontal chips in a stacked grid on larger displays
Efficient use of vertical space with the option for including helpful content to aid decision-making (vertical chips)
A Display Format for Button Groups:
...
By default, a horizontal button group will be displayed unless one of the following criteria are met to trigger . However, the display format will switch to a vertical group :
...
Less than 4 values exist in the group AND any of them exceed approximately 7 characters (200px max-width for a horizontal chip)
under the following conditions:
If there are 3 or fewer values in the group and at least one value exceeds the maximum width of 7 characters.
If any attribute value in the group has an associated add-on price.
Any If any attribute value in the group contains a pipe character “|”
Display Format for Button Groups:
By default, a horizontal button group will be displayed. However, the display format will switch to a vertical group under the following conditions:
If there are 3 or fewer values in the group and at least one value exceeds the maximum width of 7 characters.
If there are 4 or more values, regardless of character length.
If any attribute value in the group has an associated add-on price.
If any attribute value in the group contains a pipe character “|”.
Aspenware recommends using this feature over Radio Lists and Dropdown Lists. Exceptions may apply for certain products.
in the following cases:
For attributes where icon images are not required
For all PDPs where the number of attributes
For all PDPs where attribute quantities and attribute value quantities are typical such as lift ticket, season pass product of rental product.
...
.
Aspenware recommends using this feature over Radio Lists and Dropdown Lists. Exceptions may apply for certain products.
Please note: Icon images do not work with button groups
...
Enhanced Hover States
Updated hover states to provide a consistent experience across all control types, accompanied by a change in hover outline color from blue to a neutral grey to mitigate potential conflicts with resort branding.
...