Configure Product Display Page (PDP) Layout in Point of Sale CMS

The PDP layout uses the Layout Editor, so the same rules for rows and cells apply. Two dropdown menus in the toolbar let you add PDP components. Select a cell, then click an option from a dropdown menu.

• Image
• Title
• Description
• Font Options
• Configure Field

Product fields correspond to the fields imported from the product feed. Any cell that contains a product field can have cell settings that apply styles like font and alignment.

Tip To show the store's current inventory on the PDP, use the product attribute "Sellable Quantity" under Configure Field. Sellable Quantity represents the quantity of an item available for sale to a customer. This quantity differs from "Quantity Item on Hand," which refers to the physical quantity of items at that location. The app counts On Hand items regardless of their status.

Component	Description
Add On SKU	Lets customers add complementary items to their purchase as optional add-ons.
Barcode Generator	Generates a unique barcode for the product for inventory tracking.
Bundle Amount	Shows the total amount and cost savings for a product bundle.
Bundle Item Confirm	Prompts customers to confirm the items included in a bundle before purchase.
Clearance	Highlights products on sale or clearance.
Images	Shows product images from multiple angles.
Like Count	Shows how many customers liked the product.
Price	Shows the product's current price, including any discounts.
Product Recommendations	Suggests related or complementary products.
Product Set	Groups related products sold together as a set.
Promotions	Shows active promotions for the product, such as buy-one-get-one-free deals.
Quantity	Select the product quantity to purchase in the cart page. Whether the PDP has a quantity picker changes how the system adds items to the cart: With a quantity picker, the Add to Cart button sets the cart quantity to the amount selected. Because the quantity is absolute, tapping the button again with the same amount doesn't add more. To add more, raise the picker to the total that you want and tap the button, or edit the quantity in the cart. Without a quantity picker, the button adds a new cart row if the "Treat Each Item As Separate Line Item (treatEachItemInCartAsSeparateLineItem)" flag is on, or increases the existing item's quantity if it's off.
Ratings Summary	Shows the product’s average rating and number of reviews.
Reviews	Shows customer reviews and ratings.
Variants	Choose product variations, such as color, size, or style. Tip If the size or color labels don’t appear on the PDP, make sure that Hide the Selected Size Value and Hide the Selected Color Value are off. Note The Gray Out Unavailable Swatches setting applies only to variant combinations that don’t exist. This setting doesn’t reflect inventory availability because the system doesn’t overlay inventory data on variants.
Wishlist	Lets customers save products to their wishlist.

Product elements are widgets that you can drop on any cell in the layout.

Tip Double-click any PDP component to edit it.

Tip You can add videos to the images carousel if you map your product feeds to additional_image_link.

Some PDP components like the product description have a dynamic height that you can't control in the CMS. When a row contains a component with dynamic height, the system disables the row resize functionality.

On the PDP, add items to the cart with the "Add to Cart" CTA. It's preconfigured on all PDP layouts, whether you create them from a template or from scratch.

To customize the text, click the pencil icon to the right of the CTA. You can set separate text for online items, in-store items, and bundled products.

Note When you scan multiple quantities of a product and then add it to the cart from the PDP, the quantity picker resets. Select the quantity again.

Use the Price Check button to let store associates view promotional pricing on the PDP without adding items to the cart.

Store associates can tap the Price Check button on the PDP to view the discounted price for any product variant without adding it to the cart.

Set PDP layout options in the Advanced tab of the layout editor toolbar.

Enable Bundle Selection As Default - When you turn on this setting and your layout contains a Bundle Item Confirm product element, the system selects the default state of that element (that is, on).

Skip EPC Scan For Instore Items - By default, this flag off. The system prompts the EPC scan when you add special items with a fulfillment type of "In Store." When enabled, the system doesn't prompt the EPC scan even when you add an item with a fulfillment type of "In Store."

The POS app doesn't store product images locally for offline use, so the system uses default images to show products on the PDP. The system shows the same images as the receipt logo, which you can configure in your app config settings.

After you create the layout, assign it to an app config.

After you save changes to the app config or PDP Layout, the changes become visible when you relaunch the app. To test changes without affecting production, use a test app config that links to a test PDP Layout.

• Accordion components support only one field configuration. If you configure multiple fields, the accordion becomes non-functional in the POS app and can't expand.