top of page
Featured Items

Featured Items

Feature select items on an index page.

Intermediate.png

Intermediate

2K

Published:

January 1, 2020

Girl Enjoying her Drink

by

Anchor 1
Hire a Developer

Example Description

This example demonstrates how to use two datasets on a page to split the items shown in the index into featured content and other content.

Example Code

Tab 1

.

Tab 2

.

Tab 3

.

This code solution can be complicated.

How We Built It

The Featured Items page shows the featured recipes in a gallery and other recipes in a table. The recipes collection contains a Boolean field named featured that we use to filter the two datasets. The featured recipes dataset is filtered to only contain items marked as featured in the collection. The other recipes dataset is filtered to only contain non-featured items. Featured recipes are shown in a gallery, while the other recipes are shown in a table.


Clicking on a recipe in the gallery or table takes you to the dynamic item page for that recipe.


The Recipes (Title) dynamic page shows a single recipe based on the published URL of the page. The dynamic page URL is set to select the recipe to display based on its title.


Next Steps


  1. Open this example in the Editor to work with the template.

  2. Publish the site.

  3. Learn how to work with examples in Velo.

APIs We Used

Non-code example.

Related Articles

Article Link

Hire a Developer

Velo solutions are powerful tools, but building them on your own can be challenging. Let an experienced Velo development shop build it for you, so you can keep working on your site or business.

Related Examples

Did this help?

Yes

|

No

Thanks for your feedback!

Related Items

Related Items

Recommend products based on price, brand and more.

Intermediate.png

Intermediate

Trending Posts

Trending Posts

Create your own custom trending posts feed.

Intermediate.png

Beginner

Custom Store Filters

Custom Store Filters

Filter store products by name and price

Intermediate.png

Intermediate

Anchor 2
bottom of page