The table will be generated using information from the PDPs of the selected products. The properties included in the table can be manipulated and filtered depending on what the user wants to see. Property categories include: Performance Rating, Typical Properties, Application Benefits, Certifications and Standards, Processing-Formulating Benefits, Sustainability and Safety.
From the table, a user can navigate directly to a PDP to learn more, ‘Favorite’ a product or explore ‘Sample & Buy’ options if they are ready to place an order. There is also a Save / Print PDF button so they can reference the table later or easily share with others.
Comparison Views
- The product selected for comparison now has the added functionality to view PDP, favorite product and buy directly. There is also a close function to remove from the comparison.
- Dropdown in each card can be triggered to allow for sample or buying options.
- In the column which shows property details, the Fields can be re-arranged, removed or added.
- The results fields show the compared products’ property values.
- The product selected for comparison now has the added functionality to view PDP, favorite product and buy directly. There is also a close function to remove from the comparison.
- Dropdown in each card can be triggered to allow for sample or buying options.
- The properties key allows for X or Y axis values to be changed.
- The results are displayed in an additional table format for more direct details.
- Color-referenced plotted points show cart comparison results in the chart.
Selection Cards & Results Table
Table view components show product cards that have been selected for comparison and are valued against key properties, to clearly display results helping to identify metrics easily. On desktop product cards have variable widths that allow for more product cards to be displayed, but on tablet and mobile they become condensed into a slidable carousel that reveals product cards.
