Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

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.

...

Before hover

image-20250122-051803.pngImage Added

After hover over (info)

...

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.

...

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.

Enhanced data structure for item summary
We’ve improved the underlying data structure used by the item summary so that it’s easier to scan and comprehend. Although the design of the item summary has been updated, there are no functional changes to it. These data structure changes allow add-ons with a max price configured to display price and savings information in a more seamless and consistent manner.

Before

image-20250122-001157.pngImage Added

After

image-20250122-002449.pngImage Added

To learn more about the Cloud UI PDP, see Cloud UI PDP.