Community guidelines

Please keep discussions civil and on-topic. Repeated violations may lead to a temporary ban.

General

Hyphenize tags containing spaces, per page in collection

Started by Benjamin 5 years ago · 9 replies · 821 views

5 years ago

This is a split-off to my previous post /forum/themes-styling/hyphenise-tags-which-contain-spaces-t5003 in which I needed to hyphenize tags containing a space.

Basically I need to do the same, but now per page in a collection.

Is it possible to do this with tags of my children pages? I played with your solution but could not find out how to do, must be missing something.

The header of my parent page (where I want to use filters) is:

YAML

---
title: Réalisations
process:
    twig: true
    markdown: true
twig_first: true
content:
    items: '@self.children'
    order:
        by: date
        dir: desc
    limit: 20
    pagination: false
---

The header of one of my children page is:

YAML

---
title: 'Test Réalisation'
date: '01-01-2018 00:00'
taxonomy:
    chantier:
        - Rénovation
    prestation:
    - Sols
    - Placo
    - Peinture
    - Cuisine
    - 'Salle de bain'
---

last edited 02/17/21 by pamtbaau

5 years ago

You'd have to repeat the first step for each child page. Something like

TWIG

{% for child in page.children %}
  {% for tag in child.taxonomy.tag %}
    {% set hyphenisedTag = tag|hyphenize %}
    {% set tags = tags|merge([hyphenisedTag]) %}
  {% endfor %}
{% endfor %}

5 years ago

Hello @Karmalakas, many thanks for your reply.

So following your advice, I tried to do this:

Karmalakas

TWIG

  {# Step 1: Hyphenise each tag and add to array of tags #}
  {% for child in page.children %}
    {% for tag in child.taxonomy.tag %}
      {% set hyphenisedTag = tag|hyphenize %}
      {% set tags = tags|merge([hyphenisedTag]) %}
    {% endfor %}
  {% endfor %}

  {# Step 2: Join array of hyphenised tags #}
  {% set filter = tags|join(' ') %}
  <li data-filter="{{ filter }}"></li>

But now I have the following critey error on the page rendering:

TXT

Twig \ Error \ RuntimeError

The merge filter only works with arrays or "Traversable", got "NULL" as first argument in "@Page:F:/wamp64/www/maconnerie-rousseau-grav/user/pages/02.realisations" at line 60.

Am I missing something?

5 years ago

Did you discard what @pamtbaau wrote?

@pamtbaau:
{% set tags = [] %}

5 years ago

Very sorry, I think I forgot to add {% set tags = [] %}. I tried so many times yesterday that I don't remember if I used it in my first tries. I try again.

Just to clarify, as I am calling my child pages taxonomy with, I guess I don't need to use or modify this, it was just for the example?

YAML

// default.md

taxonomy:
  tag: [a, b, hyphenate me, c]

5 years ago

Assuming your page children have taxonomy.tag defined, you should be fine

5 years ago

Yes, to follow your example, I created back the tag called "tag" in my site.yaml file.

So I did this and it displays all my child pages tags (using a <p> to display the output):

TWIG

{% set tags = [] %}

{# Step 1: Hyphenise each tag and add to array of tags #}
{% for child in page.children %}
  {% for tag in child.taxonomy.tag %}
    {% set hyphenisedTag = tag|hyphenize %}
    {% set tags = tags|merge([hyphenisedTag]) %}
  {% endfor %}
{% endfor %}

{# Step 2: Join array of hyphenised tags #}
{% set filter = tags|join(' ') %}
<p>{{ filter }}</p>

I would like to iterate my child pages and display only the tags which have been chosen for them. So I tried {% for p in page.collection %}:

TWIG

{% for p in page.collection %}

        {% set tags = [] %}

        {# Step 1: Hyphenise each tag and add to array of tags #}
            {% for child in page.children %}
              {% for tag in child.taxonomy.tag %}
                {% set hyphenisedTag = tag|hyphenize %}
                {% set tags = tags|merge([hyphenisedTag]) %}
              {% endfor %}
            {% endfor %}

        {# Step 2: Join array of hyphenised tags #}
        {% set filter = tags|join(' ') %}
        <p>{{ filter }}</p>

      {% endfor %}

But it outputs all the values of "tag" instead of only the ones selected for the child page:

Below the iteration of my two existing child pages

TXT

sols placo salle-de-bain peinture salle-de-bain sols placo peinture

sols placo salle-de-bain peinture salle-de-bain sols placo peinture

How could I display only the tags assigned to my child page for each child page?

5 years ago

That's because you're looping through {% for child in page.children %} no matter which page you're on. You should change that to {% for child in p.children %}, because you're inside another loop now and single item is p. But I guess p might not have children in this case 😕

What's your page structure, on which page you're looping and what end result you want exactly to be?

pamtbaau

Grav Forum Moderators Legend First Post Conversation Starter Well Liked 3127 posts

5 years ago Solution

@brigaill, To extend on my previous answer which was for a single page, the following is per page in a collection of pages.

YAML

// child1:  default.md

taxonomy:
    tag: [a, b, hyphenize me, c]

YAML

// child2:  default.md

taxonomy:
    tag: [x, y, hyphenize me, z]

TWIG

// Twig

{# For each 'child' of current 'page' #}
{% for child in page.children %}

    {% set tags = [] %}

    {# Step 1: Hyphenise each tag of 'child' and add to array of tags #}
    {% for tag in child.taxonomy.tag %}
        {% set hyphenisedTag = tag|hyphenize %}
        {% set tags = tags|merge([hyphenisedTag]) %}
    {% endfor %}

    {# Step 2: Join array of hyphenised tags #}
    {% set filter = tags|join(' ') %}
    <li data-filter="{{ filter }}"></li>

{% endfor %}

HTML

// Generated HTML

<li data-filter="a b hyphenize-me c"></li>
<li data-filter="x y hyphenize-me z"></li>

last edited 02/17/21 by pamtbaau

5 years ago

Hello @pamtbaau ,

Awesome, now it works perfectly, I'm so happy, thanks so much to you and @Karmalakas for your help!

last edited 02/17/21 by Benjamin

Topic	Replies	Views	Activity
Well done Grav Team General · by Jerry Hunt, 4 days ago	2	80	9 hours ago
Grav 2, Admin Next, API and Migrate are now in production! General · by pamtbaau, 14 hours ago	1	51	13 hours ago
Welcome to the new Grav Forums! General · by Andy Miller, 1 day ago	0	44	1 day ago
How active is Grav? General · by Marcel, 12 months ago	6	346	5 days ago
Contents in bin folder delete itself during core updates General · by Duc , 5 days ago	3	40	5 days ago

Suggested topics