Component inside a rendering variant

Question

As we all know with SXA version 1.8 it is possible to insert components inside a rendering variant definition.

Go to 6. - Components: https://doc.sitecore.com/developers/sxa/18/sitecore-experience-accelerator/en/create-a-rendering-variant.html

In my particular example I want to add the breadcrumb component to a search results rendering variant, but following official documentation steps it doesn't work. This is the section when I'm adding the breadcrumb component:

And this is on the actual page when loading it, is stuck:

I've also tried to define a new placeholder setting under /sitecore/content/Tenant/Site1/Presentation/Placeholder Settings and then using this placeholder key on the breadcrumb component under the rendering variant. This doesn't work as well...

Is someone having experience with something like this and willing to help?

Thank you

Answer 1

This was acknowledged as a bug - reference 338019

I ended up create an extension to resolve a $breadcrumb token along the lines of:

public class ResolveBreadcrumb : ResolveVariantTokensProcessor
{
        public override string Token => "$breadcrumb";
        private const string BREADCRUMB_SEPARATOR = "<span class=\"breadcrumb-chevron\">></span>";

        public override void ResolveToken(ResolveVariantTokensArgs args)
        {
            if (args.ResultControl != null)
            {
                args.ResultControl.Controls.Add(new LiteralControl
                {
                    Text = GetBreadcrumbPath(args.ContextItem, Sitecore.Context.Site)
                });
            }
            else
            {
                args.Result = GetBreadcrumbPath(args.ContextItem, Sitecore.Context.Site);
            }
        }

        private string GetBreadcrumbPath(Item contextItem, SiteContext site)
        {
            StringBuilder breadcrumbString = new StringBuilder();
            var ancestors = GetBreadcrumbs(contextItem, site);

            return string.Join(BREADCRUMB_SEPARATOR, ancestors);
        }

        private ICollection<string> GetBreadcrumbs(Item current, SiteContext site)
        {
            List<string> breadcrumbs = new List<string>();

            while (current != null)
            {
                var breadcrumbValue = current.DisplayName;
                if (current.Fields["NavigationTitle"] != null && !string.IsNullOrEmpty(current.Fields["NavigationTitle"].Value))
                {
                    breadcrumbValue = current.Fields["NavigationTitle"].Value;
                }

                // could add additional logic to opt in/out of 
                // the breadcrumb based on a template/field
                breadcrumbs.Add(breadcrumbValue);

                if (current.TemplateID.ToString().ToUpper().Equals(Constants.HomePageTemplateId))
                    break;

                current = current.Parent;
            }

            breadcrumbs.Reverse();

            return breadcrumbs;
        }


    }

Which is used in a rendering variant for the search results: