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:

  1. Preencha name com related_posts;
  2. Preencha nas configurações:
    1. FieldType: Collectionlink
    2. Label: Posts relacionados
    3. 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 %}