Search code examples
slingsightly

How do I include a resource in a Sightly template only if it exists?

I would like to use data-sly-resource to include a resource, but only if it exists, e.g.

<div class="pull-right" data-sly-resource="/content/blog/stats"></div>

If the resource does not exist the script execution fails with the following error message: Cannot find servlet to handle resource /content/blog/stats . From the Request Progress listing I can see that it's a SyntheticResource:

TIMER_START{resolveServlet(SyntheticResource, type=null, path=/content/blog/stats)}

How can I include the resource conditionally, only if it exists?

Solution

  • In this case the best solution would be to allow your redis/stats component to correctly handle the situation when a Resource it's supposed to render is a SyntheticResource or, more generally, doesn't provide any properties.

    Therefore the calling Sightly snippet should be:

    <div class="pull-right" data-sly-resource="${'/content/blog/stats' @ resourceType='redis/stats'}"></div>

    This forces the rendering to be made by your redis/stats component, even if the /content/blog/stats resource doesn't exist (well, Sling will return a SyntheticResource, like you mentioned).

    In your redis/stats component you could then try this safeguard:

    <div class="blog-stats" data-sly-test="${properties}">
<!--/* This whole block will only be rendered if properties is not empty */-->
</div>

    which would render the div.blog-stats only if the properties map was not empty [0].

    [0] - https://github.com/Adobe-Marketing-Cloud/sightly-spec/blob/1.1/SPECIFICATION.md#225-test