Example Description
In this example, the Home page showcases the four highest-rated products in the store.
How We Built It
The Collection We Added: productRating
The productRating collection has the following fields:
Product Id: The ID of the product, imported from the Products collection
Rating: The average rating of the product
Displaying the Highest-Rated Products
The Home page contains a repeater that displays the highest-rated products. When the page loads, we query the productRating collection for the four products with the highest rating. Using the Product Id field, we then query the Products collection for those products and display their details in the repeater. When a visitor hovers over one of the products, an Add to Cart button is displayed so the visitor can add that item directly to their cart.
Next Steps
Open this example in the Editor to work with the template.
Publish the site and refresh your browser so the Stores collections appear in the Database.
Learn how to work with examples in Velo.
Related Examples
Did this help?
|
Thanks for your feedback!
Wishlist
Let customers add items to their wishlist and save to purchase later.
Advanced
Product Reviews
Build trust with customer ratings and reviews of your products.
Advanced
Upsell Products
Promote products based on items in your cart
Intermediate