Overview
The initial collection page is a basic product grid listing the products with a minimum price caption.
Now, customers can add products directly from the collection page, making the shopping experience faster and more convenient, potentially increasing add-to-cart activity.
The elements feature key information for each product helping customers make informed decisions without opening the product pages. This includes the product rating, category and effect badges, as well as savings displayed in both percentage and per gram, highlighting the saving of purchasing larger amounts.
The product's total price updates when a different variant/amount is selected.
Before & After
Desktop 🖥️
Mobile 📱