Item Summary and Cart Notice Design Update
The design of the item summary has been updated, including a refreshed display of savings information in a "badge" format and adjustments to the layout and sizing of price displays. Similarly, the cart notice design has been updated to incorporate the "badge" display for savings information and revised price display layout and sizing. These changes aim to ensure consistency in the presentation of price and savings information from the add-on display through to the cart notice.
Savings Message Update and Language String Changes
As part of transitioning from a text-based savings message to a badge, we've updated the language string for savings information on each item in the item summary, cart notice, and add-ons when applicable. The new language string, publicui.product.savings, will truncate after X characters. The previous language string has been moved to an informational tooltip next to the badge, which will appear if tooltips are enabled for your store (see next bullet). Additionally, the "you saved ${0}" messaging has been relocated below the cart item totals so subtotal and total info could be grouped. The badge color and text are customizable in Theme Designer. [ENSURE THAT THIS IS IN DOCO AND STRINGS LIBRARY]
Tool Tips
Cloud UI now supports displaying tool tips that allow resorts to clarify that savings badges represent discounts off the window rate for customers. To enable set awcloud.tooltips.isenabled to true and fine tune language string for aspenware.commerce.cart.onlinesavings which will now show up in savings badge tool tip on the item summary and in the cart notice
[NOTE: MAKE SURE THIS IS IN DOCO AND SETTINGS/LANG STRINGS LIBRARY]
Max Price of Add Ons
This can now display on add on selector before user has selected add on to incentivize/clarify selection and savings (still shows in item summary and cart notice). If the add on had savings when selected in item summary before, now it will show before the option is selected.
Tab Order New Group Member on PDP Assignment
The tab order for non-USD formats now works as expected when creating a new group member while assigning on the PDP.
Edit Cart for Requires Assignment
Items that require assignment can now be edited in the cart.
Icon Image on Horizontal Button Chips
Images can be added on attribute values provided that it is on all options for horizontal button chips.
[CAN WE INCLUDE AN IMAGE OF THIS?]
Handling of Attribute Value in Cart Notice
Improvements have been made for the cart notice handling of an attribute value that contains a number.
Error Messages on Small Screens
An issue was resolved where error messages displayed when an item couldn't be added to the cart were being cut off on smaller screen sizes.
Incorrect Item Name in Item Summary
When navigating from one Cloud UI PDP to another PDP on slower internet connections, without visiting another page in between (such as a cross-sell or related product), the item summary would temporarily display the name of the previously visited product until the new PDP fully loaded and the item summary updated with the correct product name.
Content Wrap for Drop Downs
If an attribute was set as a drop down and had more than 1 line of content, the drop down selector would wrap the content when not opened. This has been updated to only wrap content for options if the drop down is open.
To learn more about the Cloud UI PDP, see Cloud UI PDP.