Product Details Elements widgets are available on any Product Details page and provide fundamental functionality for your Configured Commerce website. Many of these widgets will not have configuration options within their standard edit as the content is pulling directly from the catalog.
Read more about each of these widgets below.
Add to Cart Button
Allow customers to add the product to their cart.
Add to List Link
Allow customers to add the product to their list(s).
Attributes
Display the attributes for a product, such as Brand and Type.
Availability
Display the availability for the product.
Customer Part Number
Display the customer part number for the product.
Delivery Schedule Button
Add a button for customers to schedule a delivery.
Description
Add the product description to the page from the content of the product.
Documents
Show any documents related to the product, such as user manuals.
Image Badge
Use this widget to display specific image badges.
Tags – Type the name of a tag and press Enter on your keyboard to narrow the badges that display. Multiple tags can be entered in this field. The tag also saves if you click Save or move away from the field
Max Badges to Display – Set the maximum number of badges to display. The default is 8.
Badges per Row – Set the number of badges to display per row. The default is 4.
Image Carousel
Allow customers to view all images associated with the product.
Scrolling Behavior – Set the scrolling behavior to Horizontal or Vertical. Selecting Vertical allows you to choose which side of the product image the carousel should be.
Number of Visible Thumbnails – Choose how many thumbnails should display in the carousel. Default value is 6.
You must manually adjust widgets on the Product Detail Page to display the carousel to the left or right of the primary product image. Place the primary image and carousel into row widget with 2 or more columns.
You can set the carousel to be vertical in desktop/tablet view and horizontal in mobile view:
- Add 2 Row widgets.
- Set the first Row widget to have a layout of [0,0,3,2,2]+[12,12,9,10,10]. Add a vertical image carousel to the left column and the main image in the right column.
- Set the second Row widget to have a layout of [12,12,0,0,0], and add a horizontal image carousel.
Manufacturing Part Number
Show the manufacturing part number for the product.
Page Title
Display the product name in heading style.
Part Number
Show the product part number.
Price
Display the price of the product.
Primary Image
Show the primary image for the product.
Product Details Bundle Section Options
Display any bundle options for the product.
Product Details Kit Section Options
Display any kit options for the product.
Product Details Variant Options
Display any variant options for the product, such as Color.
Quantity Break Pricing
Display the quantity break pricing information.
Quantity Ordered
Allow customers to choose the quantity to add to their cart.
Share Link
Allows customers to share a link to the product.
Specification
Display the product specifications, such as Features, Product Height, and Product Width.
Show Documents – If selected, the widget displays a section for documents.
Show Attributes – If selected, the widget displays a section for product attributes.
Text Badge
Use this widget to display specific text badges.
Tags – Type the name of a tag and press Enter on your keyboard to narrow the badges that display. Multiple tags can be entered in this field. The tag also saves if you click Save or move away from the field
Max Badges to Display – Set the maximum number of badges to display. The default is 8.
Unit of Measure Select
Allow customers to select the unit of measure for the product.
View
Use this widget as a frame to hold the other widgets for your Product Detail page layout.
<%= heading %>
