Skip to end of metadata
Go to start of metadata

You are viewing an old version of this content. View the current version.

Compare with Current View Version History

« Previous Version 11 Next »

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 ” will now show up in savings badge tool tip on the item summary and in the cart notice. If this language string is not customized, it will default to “Save {0}% off list price
[NOTE: MAKE SURE THIS IS IN DOCO AND SETTINGS/LANG STRINGS LIBRARY]

Before hover

image-20250122-051803.png

After hover over (info)

image-20250117-042602.png

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.

  • For non-dynamically priced add-ons: If a max price is defined for a variant on the add-on product, savings will be displayed. To prevent savings from showing, do not configure a max price.

image-20250122-052135.png

  • For dynamically priced add-ons, a feature only available to pilot customers in 3.7 (full roll out coming in 3.8): If base price is defined for the selected variant and date (using dynamic pricing base pricing for the add-on product), savings will be displayed. To prevent savings from showing, do not configure base pricing.

Tab Order New Group Member on PDP Assignment

The tab order—referring to the sequence in which users navigate between fields using the Tab key—now functions as expected for non-USD formats when creating a new group member and assigning them on the PDP.

Edit Cart for Requires Assignment

Items that require assignment can now be edited in the cart. This is only for products that require assignment on the PDP and are enabled for enhanced 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. Optional product icon images are 40 x 40 px.

image-20250117-042953.png

Handling of Attribute Value in Cart Notice

Improvements have been made for the cart notice handling of an attribute value that contains a number. This improvement also cascades to the chip display in the cart, checkout, and confirmation email.

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.

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.png

After

image-20250122-002449.png

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

  • No labels