Product Card View
Linking specific product attributes to how they appear visually on the product listing or search results page.
Overview
The Product Card Viewer in Unbxd helps merchandisers and teams visualize how products will appear to shoppers on the Search or Browse Preview pages. It ensures the most important product information is front and center, so decision-making is faster, easier, and more efficient.
Why use Product Card Viewer?
When configured correctly, it allows you to see all the key product details at a glance like how your shoppers would see them on your live site. This includes critical product attributes such as:
- Product Title : The product’s name is clearly displayed to help customers identify and understand the product.
- Price : The cost of the product is prominently shown to inform customers about its price.
- Product Image : The link to the product’s image ensures a visual representation is displayed on the product card.
- Plus any additional fields that matter to your business, such as Size and delivery date.
These attributes are essential because they directly impact the user’s ability to understand the product and purchase.
When Product Mapping is correctly configured, the Search Preview or Browse Preview will display products in a seamless, clear, and compelling way.
Below is the reference of how attribute mapping will look like:
Preview of Product Mapping:
Troubleshooting & FAQ’s
What is the Product Card Viewer used for?
What is the Product Card Viewer used for?
The Product Card Viewer helps merchandisers preview how products will appear to shoppers in Search or Browse Preview. It displays important product attributes like title, price, and image to ensure accurate and compelling product representation.
What are the required attributes for product cards to display properly?
What are the required attributes for product cards to display properly?
At a minimum, you need to map the following attributes:
- Product Title
- Selling Price
- Image URL
These fields are mandatory for the product card to load correctly.
What happens if an essential attribute is not mapped?
What happens if an essential attribute is not mapped?
If any of the required attributes (Title, Price, Image) are missing, a notification will appear in the Search/Browse Preview indicating what is missing. The product card may not render correctly without these fields.