Como adicionar uma seção de Favoritos

Favoritos

Com uma seção de Favoritos, os usuários do seu app salvam artigos, vídeos, podcasts, fotos, eventos e lugares com um toque e encontram tudo em um só lugar.

Ela é adicionada em "My App", Structure, com "Add a section"… e cada app tem só uma: depois de adicionada, o bloco dela mostra "Already added".

A seção de Favoritos do River Daily se chama Bookmark. Vamos abri-la.

A "Faves list" é onde os usuários encontram o que salvaram. Enquanto nada for salvo, ela mostra um estado vazio.

Estado vazio

Para configurar essa tela, clique em "Edit the design".

Em "Empty state", escreva o que os usuários leem antes de salvar qualquer coisa… aqui, uma dica sobre o ícone de marcador.

O botão leva os usuários de volta à Home ou a qualquer seção ou link que você escolher.

Salvar itens

No app, um ícone de marcador fica sobre o seu conteúdo. Um toque salva uma foto… um vídeo… ou um podcast, direto da Home.

Em uma página de conteúdo, o ícone fica na barra de ferramentas.

Ele vem da ação Favorites, na barra de ferramentas do design de página da seção… desativada, o ícone sai da página. Deixe-a ativada para que os usuários possam salvar.

A lista de Favoritos

Os usuários encontram tudo o que salvaram na seção de Favoritos. No River Daily, o ícone de marcador do cabeçalho abre a seção.

Todos os tipos ficam em uma só lista, cada item com sua foto, e a barra de filtros oferece um filtro para cada tipo salvo… para mostrar só os vídeos, por exemplo.

O botão de ordenação… ordena a lista pela data em que os itens foram salvos ou pelo título.

Para remover um item, os usuários tocam no ícone de novo… e Undo o traz de volta.

Design

De volta ao design da "Faves list", quatro templates definem a aparência. Visual… dá a cada item uma foto grande. O River Daily mantém Condensed.

Em Thumbnail, escolha de que lado ficam as fotos… aqui, à direita.

Filtrar e ordenar

Em "Filter & sort", a barra de filtros se adapta sozinha aos tipos de conteúdo que os usuários salvam.

Escolha o estilo dela: Tags, Labels ou Filters… aqui, Labels, uma linha de títulos simples.

Em "Filter labels", renomeie qualquer filtro… e a barra mostra o novo nome.

A barra de ordenação parte da ordem definida nas configurações da seção.

Linhas de conteúdo

Em Content, defina as linhas que cada tipo de item mostra, com um bloco para cada tipo do seu app. Aqui, o autor dos artigos… desativado: os artigos da lista perdem essa linha.

Configurações

De volta à página da seção, a engrenagem abre as configurações dela.

"Display ordering" define a ordem inicial da lista… aqui, "From newest to oldest". Depois, salve.

Agora a lista começa pelo item salvo mais recentemente, e o botão de ordenação mostra Newest.

Suas alterações chegam aos usuários do seu app quando você publicar, com "Publish my project".