How can I override or augment the HTML page title for blog post pages?

[dsghi]

Aloha, friends (apologies if this is a super noob question, I looked all over for an answer and couldn't come up with one)

I'm using the default page title format in the site settings:
{% page_title Site.SiteName, position: "after", separator: " - " %}
In my site layout.liquid I have <title>{{ "PageTitle" | shape_new | shape_stringify }}</title>
which gives me page title - site name as expected.

I've created a blog and, of course, have blog pages. The pages are in a list.
The situation is that on these blog pages, I'd like to modify the page title to be:
page title - blog name - site name

I've found that I can get the blog name with {{ Model.ContentItem | container | display_text }}. However, I can't figure out what to do to override the default site page format.

What would be the correct method for "overriding" the default page title to make a new one which includes the blog name for these pages?

[Skrypt]

https://docs.orchardcore.net/en/latest/docs/reference/modules/Liquid/#page_title

{% assign page_title = "PageTitle" %}
{% assign blog_name = Model.ContentItem | container | display_text %}

{% page_title page_title, position: "after", separator: " - " %}
{% page_title blog_name, position: "after", separator: " - " %}
{% page_title Site.SiteName, position: "after", separator: " - " %}

This Liquid "Layout Tag" is additive to the current page title set in your layout.liquid file :

<title>{% page_title Site.SiteName, position: "before", separator: " - " %}</title>

See RenderTitleSegmentTag.cs for understanding how it works :

OrchardCore/src/OrchardCore/OrchardCore.DisplayManagement.Liquid/Tags/RenderTitleSegmentsTag.cs

Lines 1 to 39 in f28f571

	using System;
	using System.Collections.Generic;
	using System.IO;
	using System.Text.Encodings.Web;
	using System.Threading.Tasks;
	using Fluid;
	using Fluid.Ast;
	using Microsoft.AspNetCore.Html;
	using Microsoft.Extensions.DependencyInjection;
	using OrchardCore.DisplayManagement.Title;
	using OrchardCore.Liquid;
	namespace OrchardCore.DisplayManagement.Liquid.Tags
	{
	public class RenderTitleSegmentsTag
	{
	public static async ValueTask<Completion> WriteToAsync(List<FilterArgument> argumentsList, TextWriter writer, TextEncoder encoder, TemplateContext context)
	{
	var services = ((LiquidTemplateContext)context).Services;
	var arguments = new NamedExpressionList(argumentsList);
	var titleBuilder = services.GetRequiredService<IPageTitleBuilder>();
	var segmentExpression = arguments["segment", 0] ?? throw new ArgumentException("page_title tag requires a segment argument");
	var segment = (await segmentExpression.EvaluateAsync(context)).ToStringValue();
	var positionExpression = arguments["position", 1];
	var position = positionExpression == null ? "0" : (await positionExpression.EvaluateAsync(context)).ToStringValue();
	var separatorExpression = arguments["separator", 2];
	var separator = separatorExpression == null ? null : new HtmlString((await separatorExpression.EvaluateAsync(context)).ToStringValue());
	titleBuilder.AddSegment(new HtmlString(segment), position);
	titleBuilder.GenerateTitle(separator).WriteTo(writer, (HtmlEncoder)encoder);
	return Completion.Normal;
	}
	}
	}

Alternatively, I think you can also do :

{% page_title "something" %}

Which should override the entire title if I remember correctly.

[dsghi]

Thank you, @Skrypt - I appreciate this detail. The key is that the tag is additive.

I got there using the following on my BlogPost page:

{% assign page_title = Model.ContentItem | display_text %}
{% assign blog_name = Model.ContentItem | container | display_text %}

{% page_title page_title, position: "after", separator: " - " %}
{% page_title blog_name, position: "after", separator: " - " %}

However, the challenge I face is that each of the page_title lines outputs text to the page. Any advice on preventing that?

To get by, I wrapped these in a hidden div, but that seems a little dirty. 🤣

<div class="d-none">
{% page_title page_title, position: "after", separator: " - " %}
{% page_title blog_name, position: "after", separator: " - " %}
</div>

[Skrypt]

Generally you should wrap this inside a <h1 class="d-none"></h1> for SEO purpose. Else an issue could be opened about having an option on the Tag helper to not render anything where it is called if that's possible.

[dsghi]

Oh, duh, yeah, I already have an H1 with the page title rendered; I'll change that over to use this output. Thanks again!