Posts relacionados
Como cirar um campo de posts relacionados
É possível criar uma seção para posts relacionados utilizando um campo a mais na estrutura da sua coleção. Com um campo especial na coleção você relaciona posts na página de post único (blog_post.liquid).
Para criar essa seção adicione um campo na sua coleção posts do Vnda Conteúdo com as seguintes características:
- Preencha name com
related_posts
; - Preencha nas configurações:
- FieldType: Collectionlink
- Label: Posts relacionados
- Adicione o código abaixo no bloco Options JSON:
{
"link": "posts", // o nome da coleção que deve ser listada
"multiple": true, // `true` se for possível selecionar mais de um post relacionado
"display": "title" // o campo que será exibido para o usuário no editor
}
Com o campo criado você pode selecionar os posts utilizando o objeto {{ post }}
no arquivo blog_post.liquid. O objeto {{ post }}
retorna o objeto related_posts
com os códigos identificadores (IDs) e os títulos dos posts relacionados. Você pode percorrer esse objeto para exibir um link para eles como no exemplo abaixo:
{% assign related_posts = post.related_posts %}
{% for related_post in related_posts %}
{% load_media from: "cockpit" api_key: "API_KEY" media_id: related_post.\_id %}
{% assign current_post = loaded_posts | first %}
<a href="{{ current_post.url }}">
<img src="{{ current_post.thumb.path }}" alt="{{ current_post.thumb.meta.title }}" />
{{ current_post.title }}
</a>
{% endfor %}
Updated 10 months ago