Black Friday's here! Create an app and enjoy 50% off now!
GoodBarber apps are ready for iPhone Duo. See how
Back

How to add a Favorites section


Favorites

A Favorites section lets your app's users save articles, videos, podcasts, photos, events and places with a single tap, and find them all in one place.

You add it from My App, Structure, with Add a section… then search for favorites to find the Favorites card.

An app has only one: once it's in place, its card reads Already in your app.

River Daily's Favorites section is called Bookmark. Let's open it.

Its Faves list is where users find what they saved. Until they save something, it shows an empty state.

Empty state

To set up that screen, click Edit the design.

Under Empty state, write what users read before they save anything… here, a hint about the bookmark icon.

Its button takes users back to the Home, or to any section or link you choose.

Saving items

In the app, a bookmark icon sits on your content. One tap saves a photo… a video… or a podcast, right from the Home.

On a content page, the icon sits in the toolbar.

It comes from the Favorites action, in the toolbar of the section's page design… switched off, the icon leaves the page. Leave it on so users can save.

The Favorites list

Users find everything they saved in the Favorites section. In River Daily, the header's bookmark icon opens it.

Every type shares one list, each item with its photo, and the filter bar offers a filter for each type saved… to show only the videos, for instance.

The sort button… orders the list by the date items were saved, or by title.

To remove an item, users tap its icon again… and Undo puts it back.

Design

Back in the Faves list's design, four templates set its look. Visual… gives each item a large photo. River Daily keeps Condensed.

Under Thumbnail, choose which side the photos sit on… here, on the right.

Filter and sort

Under Filter & sort, the filter bar adapts on its own to the types of content users save.

Choose its style: Tags, Labels or Filters… here, Labels, a row of plain titles.

Under Filter labels, rename any filter… and the bar shows the new name.

The sort bar starts from the order set in the section's settings.

Content lines

Under Content, set the lines each type of item shows, with a block for each type in your app. Here, the author of articles… switched off: the article rows drop that line.

Settings

Back on the section's page, the gear opens its settings.

Display ordering sets the order the list starts with… here, From newest to oldest. Then save.

The list now opens on the latest item saved, and the sort button reads Newest.

Your changes reach your app's users once you publish them, with Publish my project.

Related videos