    <a href="#" data-bind="attr: { href: $component.getProductUrl(item) }">
            <div class="card item-tile">
                <h3>
                    <span data-bind="text: item.displayName"></span>
                </h3>
                <div class="tile line-clamp">
                    <p class="tile-content" data-bind="markdown: { source: item.description, truncateAt: 250 }"></p>
                </div>
            </div>
        </a>
        <!-- /ko -->

        <!-- ko if: products().length === 0