How to remove the underscore in product tag titles?

[Michau00]

Hi I've recently changed my collection header so the H1 includes Collection title and tag. For example Bracelets Colour Blue.

That's the code I am using.

<h1 class="section-header__title">
{{ collection.title}}{% if current_tags %}: {{ current_tags}} {% endif %}
</h1>

However, now I am getting BRACELETS: COLOUR_BLUE. How can I remove the _ between colour and blue?

[MarinaPetrovic]

Hi @Michau00 , you can change it to:

<h1 class="section-header__title">
{{ collection.title}}{% if current_tags %}: {{ current_tags | replace: "_", " "}} {% endif %}
</h1>

[Michau00]

Hi! 

Thanks but it's giving me BRACELETS: ["COLOUR BLUE"] now. How can I get rid of those ["?

[PageFly-Kate · Accepted solution]

Hi @Michau00 ,

This is Kate from PageFly - Landing page builder, I’d like to suggest this idea:

You can remove the underscore between "colour" and "blue" by using the replace filter in Liquid

<h1 class="section-header__title">
  {{ collection.title }}{% if current_tags %}: {{ current_tags | join: ' ' | replace: '_', ' ' }} {% endif %}
</h1>

Hope my answer will help you.

Kate from PageFly Team

[Michau00]

Hi! 

Thanks but it's giving me BRACELETS: ["COLOUR BLUE"] now. How can I get rid of those ["?

[PageFly-Kate]

You can try using my code, this display the tag as "COLOUR BLUE" without the square brackets, and with a space between "COLOUR" and "BLUE".