Follow the instructions below to configure products using the new Cloud UI Product Detail Page.
...
For these listed exception products, there is a new product-level setting that enables some products to continue to load for users in the Legacy UI, and for the majority of products to load in the new Cloud UI. Respecting this routing will work whether a PDP is accessed via the category page, related product link, or cross-sell link. To flag a product so that it continues to load in the Legacy UI:
Find the product from Catalog > Products >Edit
Scroll to the Aspenware Commerce section of the edit page
Locate the new product-level setting called Use Legacy Product Page.
Check the box
Click SAVE ALL SETTINGS
| Info |
|---|
NOTE: This setting should ONLY be turned on if a product is incompatible with Cloud UI. |
...
To edit product attribute titles and descriptions globally, meaning defining titles and descriptions that will be displayed across all assigned products with no override attribute title and description defined for the specific product (see next section for details on product-specific override attribute titles and descriptions).
Go to Catalog > Attributes > Product Attributes
Scroll to the desired attributes and select Edit
Edit the attribute as indicated below
Titles must be plain text.
Descriptions can include links (anchor tags) but no other HTML.
200 characters max is recommended for both titles and descriptions.
Invalid inputs trigger an error message, preventing incorrect data from being saved.
Click Save
Attribute titles and descriptions can also be displayed for add-on product selections, to better explain the add-on, as in the example below.
...
Product Override Attribute Titles and Descriptions can also be defined, which allows for clearer guidance on product detail pages (PDPs) and streamlines attribute management. To edit product attribute titles and descriptions at the product level, meaning defining titles and descriptions that will be used only for specific products and will override globally defined attribute title and descriptions:
Find the product from Catalog > Products >Edit
Scroll to the Product Attribute Overrides section. Within this section, if attributes are added, each attribute will be populated in the table and the override title and description can be edited, enabling admins to define product-specific attribute titles and descriptions.
Titles must be plain text.
Descriptions can include links (anchor tags) but no other HTML.
Both are optional, and if left blank, global values will be used instead.
Character limits from the attribute editor (200 characters) are enforced for product-specific configurations.
Invalid inputs trigger an error message, preventing incorrect data from being saved.
The new Attribute Display section includes a grid showing global titles and descriptions (view-only) for all assigned attributes.
If no product-level title is defined, the system defaults to the global attribute title and description on the front end
If no global attribute title and description are defined, the system defaults to displaying the attribute name on the front end.
See the image below to understand how attribute names, titles, and descriptions will appear on the Cloud UI PDP with various levels of configuration.
...
There are several options for enhanced product configuration on the Cloud UI PDP that will offer information to the guest before they add to cart. The following graphic illustrates the possibilities and instructions for configuring each element are outlined below.
...
Define Variant Names to Display in the Item
...
Summary and Cart
...
Notice
If a product has attribute combinations defined, admins can define a name for each variant (product attribute combination). This name will be used in the item summary shown to customers before adding to cart on the PDP to describe the selected variant. It will also be passed into Google Analytics 4 as the variant name. If no product attributes are used, the product name will display in the item summary and be passed to Google Analytics 4 as the variant name. If a variant name is not defined, the product name will be displayed.
...
To edit product variant names:
Go to Catalog > Products
Edit the desired product.
Expand the Additional Product Settings section. Within this section, if attribute combinations are defined, each attribute combination will be populated in the table and can be edited.
...
Define Max Prices for Variants to Display in the Item
...
Summary and Cart
...
Notice
| Info |
|---|
Note: If a product is dynamically priced, you won’t see max price in the Additional Product Settings table since max price for dynamically priced products should be configured using base price setup explained in the dynamic pricing guide. |
...
To edit product variant names:
Go to Catalog > Products
Edit the desired product.
Expand the Additional Product Settings section. Within this section, if attribute combinations are defined, each attribute combination will be populated in the table and can be edited.
If you want to configure the max price but not show it to the guest, you can hide savings information on the product or add on product itself within the Aspenware Commerce settings section. To hide savings information from displaying to guests uncheck “Show Max Price” and select Save All Settings. Show Max Price is true by default for all products.
...
Customize the Savings Badge for the Item Summary and Cart Notice
The savings information displays on a badge in the Item Summary and Cart Notice. This can be customized:
The copy on the badge can be customized with the language string publicui.product.savings. The default copy is “{0}% OFF” where the {0} is dynamically populated with the percentage saved.
The color of the badge can be customized in Theme Designer. Contact your Aspenware Customer Success Representative for assistance.
Enable Tool Tips Next to Badge
Cloud UI supports tool tips that allow resorts to clarify that savings badges represent discounts off the window rate for customers. To enable this feature:
Set awcloud.tooltips.isenabled to TRUE
Customize the language string, aspenware.commerce.cart.onlinesavings for the copy for the tool tip. The default is “Save {0}% off the list price.”
4. Configure Button Group Control Type (Available in Cloud UI 1.5 or later)
...
Resource Name | Default/Function | Feature | Example | |
|---|---|---|---|---|
shoppingcart.addtocart | Default: ADD TO CART | Cloud UI PDP |  | |
products.relatedproducts | Default: Related Products | Cloud UI PDP - Related Products |  | |
productattributes.selectoption | Default: Select Option Function: If an option a product page (on the pricing calendar or the pdp) is not set, used to coach users that an option is not set but either required or optional (see below) | Cloud UI PDP and Pricing Calendar |   | |
optional | Default: Optional (parentheses are added by code, so don’t add parentheses) Function: Used in attribute selection coach messaging to indicate an option is optional, not required to enable add to cart | Cloud UI PDP |  | |
required | Default: Required (parentheses are added by code, so don’t add parentheses) Function: Used in attribute selection coach messaging to indicate an option is required, a selection is required to enable add to cart | Cloud UI PDP and Pricing Calendar | | |
aspenware.commerce.cart.itemsummary | Default: Item Summary Function: Title of Item Summary Box on PDP | Cloud UI PDP - Item Summary |
| |
aspenware.commerce.cart.total | Default: Total Function: Label for the total of everything you are about to add to cart | Cloud UI PDP - Item Summary |  | |
aspenware.commerce.cart.yousaved | Default: You save Function: Label to summarize online savings compared to window rate for product being added plus all add ons prior to adding to cart and in cart notice. | Cloud UI PDP - Item Summary |  | |
aspenware.commerce.cart.startdate | Default: Start date Function: Label for selected date if product is dated | Cloud UI PDP - Item Summary |  | |
aspenware.commerce.cart.onlinesavings | Default: Save {}% off list price. (where percentage is dynamically populated) on the savings badge in the Item Summary and Cart Notice. Function: Label to summarize online savings compared to window rate for item being added (may also be used in cart notice once implemented) Copy for the Tool Tip to explain the savings being displayed in the badge. | Cloud UI PDP - Item Summary   and Cart Notice Tool Tip |  | |
product.productattributes.addons.label | Default: Upgrade your experience Function: Title to separate the add on option selections from core product selections | Cloud UI PDP - Add ons |  | |
publicui.cartnotice.itemadded | Default: Item added Function: Cart notice title | Cloud UI PDP - Cart notice |  | |
publicui.cartnotice.applycoupons | Default: ‘Apply coupons in the <a href="{cartUrl}" class="ads-link">cart</a>’href="/cart">cart</a> Function: Description to link to the cart so that users know to apply coupons in the cart | Cloud UI PDP - Cart notice |  | |
publicui.cartnotice.checkout | Default: Checkout Function: Direct link to checkout if user is logged in. Will log user in then route to checkout if signed out. | Cloud UI PDP - Cart notice |  | |
publicui.cartnotice.viewcart | Default: View Cart Function: Direct link to full cart page. | Cloud UI PDP - Cart notice | | |
publicui.cartnotice.itemsubtotal | Default: Per Item Subotal Function: Price per item of what was just added to cart before discounts have been subtracted from the item price. | Cloud UI PDP - Cart notice |  | |
publicui.cartnotice.itemstotal | Default: Per Item Total Function: Price per item of what was just added to cart after discounts have been subtracted from the item price. | Cloud UI PDP - Cart notice |  | |
publicui.cartnotice.carttotal | Default: Cart Total Function: Displays the subtotal (before tax) of the entire user’s cart. | Cloud UI PDP - Cart notice |  | |
publicui.cartnotice.itemupdated | Default: Item Changed Function: Title of cart notice if PDP is in edit mode and customer is changing something about an already added cart item. | Cloud UI PDP - Cart notice when product in edit mode |  | |
productattributes.nodatesavailable | Default: "No dates are available for your selection” Function: Displays if a variant is selected that has no future availability | Cloud UI PDP |
| |
publicui.product.savings | Default: “{0}% OFF” Function: Copy that displays on the savings badge on the Item Summary and Cart Notice. | Cloud UI Item Summary and Cart Notice |
|
