Related Items

Recommend products based on price, brand and more.

Intermediate

Published:

 

Example Description

In this example, site visitors can search and filter a list of countries to quickly find travel articles they want to read. They can search for keywords in the articles’ titles, and filter the countries according to continent.​

Example Code

How We Built It

Home

We added two database collections to our site:
Articles collection: Contains articles about different countries to visit. Each item in the collection includes a country, continent, image, article title, and article content.

Site.js
On the ARTICLES page, we added the following page elements:
Repeater: To display the country, image, and title of each destination article.
Dataset: The Articles dataset connects the repeater to the Articles collection.
Button: A “Read More” button in the repeater. Visitors choose a country they want to know more about and click the button to read the article on the Articles dynamic item page.

Collections

We added two database collections to our site:
Articles collection: Contains articles about different countries to visit. Each item in the collection includes a country, continent, image, article title, and article content.
Continents collection: Lists the continents of all destinations.

APIs We Used

Related Articles

Related Examples

Add to Cart Gallery

Let customers to add products to their cart

INTERMEDIATE

Hide and Show Elements

Hide and show elements in response to user interactions

BEGGINER

Hide and Show Elements

Hide and show elements in response to user interactions

BEGGINER

 

Did this help?

|

This website was designed with Velo by Wix (formerly known as Corvid by Wix)