Listing Api Results 

<div class="listing__content">
    <div class="cell category-listing__card-wrapper">
        <link media="all" rel="stylesheet" href="/assets/themes/default/css/standard-card.css?cb=">

        <div class="card">

            <div class="card__image-wrapper">
                <a href="#">
                    <div class="card__image lazy-load-image" data-module="imageLazyLoad">
                        <picture>
                            <source media="(max-width: 840px)" type="image/png" srcset="https://dummyimage.com/768x1200/000000/545454.png" />
                            <source media="(min-width: 841px)" type="image/png" srcset="https://dummyimage.com/1600x900/f0f0f0/545454.png" />
                            <img src="https://dummyimage.com/1600x900/f0f0f0/545454.png" loading="lazy" alt="Image Alt Text">
                        </picture>
                    </div>
                </a>
            </div>
            <div class="card__details">
                <a href="#">
                    <h2 class="card__title">Lorem Ipsum</h2>

                    <p class="card__subline">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae eius atque magnam repellat reiciendis.</p>
                </a>
                <a href="#" data-module="cta" class="cta card__cta">
                    Click here
                </a>
            </div>

        </div>
    </div>
    <div class="cell category-listing__card-wrapper">

        <div class="card">

            <div class="card__image-wrapper">
                <a href="#">
                    <div class="card__image lazy-load-image" data-module="imageLazyLoad">
                        <picture>
                            <source media="(max-width: 840px)" type="image/png" srcset="https://dummyimage.com/768x1200/000000/545454.png" />
                            <source media="(min-width: 841px)" type="image/png" srcset="https://dummyimage.com/1600x900/f0f0f0/545454.png" />
                            <img src="https://dummyimage.com/1600x900/f0f0f0/545454.png" loading="lazy" alt="Image Alt Text">
                        </picture>
                    </div>
                </a>
            </div>
            <div class="card__details">
                <a href="#">
                    <h2 class="card__title">Lorem Ipsum</h2>

                    <p class="card__subline">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae eius atque magnam repellat reiciendis.</p>
                </a>
                <a href="#" data-module="cta" class="cta card__cta">
                    Click here
                </a>
            </div>

        </div>
    </div>
    <div class="cell category-listing__card-wrapper">

        <div class="card">

            <div class="card__image-wrapper">
                <a href="#">
                    <div class="card__image lazy-load-image" data-module="imageLazyLoad">
                        <picture>
                            <source media="(max-width: 840px)" type="image/png" srcset="https://dummyimage.com/768x1200/000000/545454.png" />
                            <source media="(min-width: 841px)" type="image/png" srcset="https://dummyimage.com/1600x900/f0f0f0/545454.png" />
                            <img src="https://dummyimage.com/1600x900/f0f0f0/545454.png" loading="lazy" alt="Image Alt Text">
                        </picture>
                    </div>
                </a>
            </div>
            <div class="card__details">
                <a href="#">
                    <h2 class="card__title">Lorem Ipsum</h2>

                    <p class="card__subline">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae eius atque magnam repellat reiciendis.</p>
                </a>
                <a href="#" data-module="cta" class="cta card__cta">
                    Click here
                </a>
            </div>

        </div>
    </div>
    <div class="cell category-listing__card-wrapper">

        <div class="card">

            <div class="card__image-wrapper">
                <a href="#">
                    <div class="card__image lazy-load-image" data-module="imageLazyLoad">
                        <picture>
                            <source media="(max-width: 840px)" type="image/png" srcset="https://dummyimage.com/768x1200/000000/545454.png" />
                            <source media="(min-width: 841px)" type="image/png" srcset="https://dummyimage.com/1600x900/f0f0f0/545454.png" />
                            <img src="https://dummyimage.com/1600x900/f0f0f0/545454.png" loading="lazy" alt="Image Alt Text">
                        </picture>
                    </div>
                </a>
            </div>
            <div class="card__details">
                <a href="#">
                    <h2 class="card__title">Lorem Ipsum</h2>

                    <p class="card__subline">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae eius atque magnam repellat reiciendis.</p>
                </a>
                <a href="#" data-module="cta" class="cta card__cta">
                    Click here
                </a>
            </div>

        </div>
    </div>
    <div class="cell category-listing__card-wrapper">

        <div class="card">

            <div class="card__image-wrapper">
                <a href="#">
                    <div class="card__image lazy-load-image" data-module="imageLazyLoad">
                        <picture>
                            <source media="(max-width: 840px)" type="image/png" srcset="https://dummyimage.com/768x1200/000000/545454.png" />
                            <source media="(min-width: 841px)" type="image/png" srcset="https://dummyimage.com/1600x900/f0f0f0/545454.png" />
                            <img src="https://dummyimage.com/1600x900/f0f0f0/545454.png" loading="lazy" alt="Image Alt Text">
                        </picture>
                    </div>
                </a>
            </div>
            <div class="card__details">
                <a href="#">
                    <h2 class="card__title">Lorem Ipsum</h2>

                    <p class="card__subline">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae eius atque magnam repellat reiciendis.</p>
                </a>
                <a href="#" data-module="cta" class="cta card__cta">
                    Click here
                </a>
            </div>

        </div>
    </div>
    <div class="cell category-listing__card-wrapper">

        <div class="card">

            <div class="card__image-wrapper">
                <a href="#">
                    <div class="card__image lazy-load-image" data-module="imageLazyLoad">
                        <picture>
                            <source media="(max-width: 840px)" type="image/png" srcset="https://dummyimage.com/768x1200/000000/545454.png" />
                            <source media="(min-width: 841px)" type="image/png" srcset="https://dummyimage.com/1600x900/f0f0f0/545454.png" />
                            <img src="https://dummyimage.com/1600x900/f0f0f0/545454.png" loading="lazy" alt="Image Alt Text">
                        </picture>
                    </div>
                </a>
            </div>
            <div class="card__details">
                <a href="#">
                    <h2 class="card__title">Lorem Ipsum</h2>

                    <p class="card__subline">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae eius atque magnam repellat reiciendis.</p>
                </a>
                <a href="#" data-module="cta" class="cta card__cta">
                    Click here
                </a>
            </div>

        </div>
    </div>
</div>
 
<div class="listing__content">
    {{#if data}}
    {{#each data}}
    <div class="cell category-listing__card-wrapper">
        {{#ifEquals type "events"}}
        {{> @event-card theme=../theme }}
        {{/ifEquals}}
        {{#ifEquals type "blog"}}
        {{> @blog-card theme=../theme }}
        {{/ifEquals}}
        {{#ifEquals type "merchant"}}
        {{> @standard-card theme=../theme }}
        {{/ifEquals}}
        {{#ifEquals type "page"}}
        {{> @standard-card theme=../theme }}
        {{/ifEquals}}
    </div>
    {{/each}}
    {{else}}
    <p class="category-listing__no-results">{{noResultsText}}</p>
    {{/if}}
</div>
 
{
  "theme": "default",
  "firstInstance": true,
  "data": [
    {
      "firstInstance": true,
      "image": {
        "altText": "Image Alt Text",
        "fallbackImageUrl": "https://dummyimage.com/1600x900/f0f0f0/545454.png",
        "sources": [
          {
            "type": "image/png",
            "desktopImageUrl": "https://dummyimage.com/1600x900/f0f0f0/545454.png",
            "mobileImageUrl": "https://dummyimage.com/768x1200/000000/545454.png"
          }
        ]
      },
      "title": "Lorem Ipsum",
      "subline": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae eius atque magnam repellat reiciendis.",
      "type": "page",
      "cta": {
        "url": "#",
        "text": "Click here"
      }
    },
    {
      "image": {
        "altText": "Image Alt Text",
        "fallbackImageUrl": "https://dummyimage.com/1600x900/f0f0f0/545454.png",
        "sources": [
          {
            "type": "image/png",
            "desktopImageUrl": "https://dummyimage.com/1600x900/f0f0f0/545454.png",
            "mobileImageUrl": "https://dummyimage.com/768x1200/000000/545454.png"
          }
        ]
      },
      "title": "Lorem Ipsum",
      "subline": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae eius atque magnam repellat reiciendis.",
      "type": "page",
      "cta": {
        "url": "#",
        "text": "Click here"
      }
    },
    {
      "image": {
        "altText": "Image Alt Text",
        "fallbackImageUrl": "https://dummyimage.com/1600x900/f0f0f0/545454.png",
        "sources": [
          {
            "type": "image/png",
            "desktopImageUrl": "https://dummyimage.com/1600x900/f0f0f0/545454.png",
            "mobileImageUrl": "https://dummyimage.com/768x1200/000000/545454.png"
          }
        ]
      },
      "title": "Lorem Ipsum",
      "subline": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae eius atque magnam repellat reiciendis.",
      "type": "page",
      "cta": {
        "url": "#",
        "text": "Click here"
      }
    },
    {
      "image": {
        "altText": "Image Alt Text",
        "fallbackImageUrl": "https://dummyimage.com/1600x900/f0f0f0/545454.png",
        "sources": [
          {
            "type": "image/png",
            "desktopImageUrl": "https://dummyimage.com/1600x900/f0f0f0/545454.png",
            "mobileImageUrl": "https://dummyimage.com/768x1200/000000/545454.png"
          }
        ]
      },
      "title": "Lorem Ipsum",
      "subline": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae eius atque magnam repellat reiciendis.",
      "type": "page",
      "cta": {
        "url": "#",
        "text": "Click here"
      }
    },
    {
      "image": {
        "altText": "Image Alt Text",
        "fallbackImageUrl": "https://dummyimage.com/1600x900/f0f0f0/545454.png",
        "sources": [
          {
            "type": "image/png",
            "desktopImageUrl": "https://dummyimage.com/1600x900/f0f0f0/545454.png",
            "mobileImageUrl": "https://dummyimage.com/768x1200/000000/545454.png"
          }
        ]
      },
      "title": "Lorem Ipsum",
      "subline": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae eius atque magnam repellat reiciendis.",
      "type": "page",
      "cta": {
        "url": "#",
        "text": "Click here"
      }
    },
    {
      "image": {
        "altText": "Image Alt Text",
        "fallbackImageUrl": "https://dummyimage.com/1600x900/f0f0f0/545454.png",
        "sources": [
          {
            "type": "image/png",
            "desktopImageUrl": "https://dummyimage.com/1600x900/f0f0f0/545454.png",
            "mobileImageUrl": "https://dummyimage.com/768x1200/000000/545454.png"
          }
        ]
      },
      "title": "Lorem Ipsum",
      "subline": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae eius atque magnam repellat reiciendis.",
      "type": "page",
      "cta": {
        "url": "#",
        "text": "Click here"
      }
    }
  ],
  "noResultsText": "There are no items to display."
}

No notes defined.