Search Load More 

<div class="js-search-results">
    <div class="grid-container">
        <div class="grid-x grid-padding-x">
            <div class="cell medium-10 medium-offset-1 large-8 large-offset-2">
                <div class="search-results-item">
                    <a class="search-results-item__link" href="#">
                        <div class="search-results-item__image-wrapper">
                            <figure class="image js-image  " data-module="imagelazy" data-is-small-image="">
                                <img class="image__lowres js-image-lazyload" data-object-fit data-src="https://images.unsplash.com/photo-1528108058346-0457fb78ab00?ixlib&#x3D;rb-1.2.1&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;50&amp;q&#x3D;10" alt="Alt Text">
                                <picture class="image__container">
                                    <source media="(max-width: 767px)" class="js-small-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1528108058346-0457fb78ab00?ixlib&#x3D;rb-1.2.1&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;800&amp;q&#x3D;80" />
                                    <source media="(min-width: 768px) and (max-width:1319px)" class="js-medium-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1528108058346-0457fb78ab00?ixlib&#x3D;rb-1.2.1&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;1600&amp;q&#x3D;80" />
                                    <source media="(min-width: 1320px)" class="js-large-image" type="image/jpeg" data-srcset="https://images.unsplash.com/photo-1528108058346-0457fb78ab00?ixlib&#x3D;rb-1.2.1&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;1600&amp;q&#x3D;80" />
                                    <img class="js-image-lazyload js-fallback-image" data-object-fit data-src="" alt="Alt Text">
                                </picture>
                            </figure>
                        </div>
                        <div class="search-results-item__content">
                            <p class="search-results-item__category">Trip ideas</p>
                            <p class="search-results-item__title">Medieval Galway</p>
                            <p class="search-results-item__subtitle">Late 16th century Spanish Arch with a view to the vast Atlantic Ocean.</p>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
 
<div class="js-search-results">
    {{#each cards}}
        <div class="grid-container">
            <div class="grid-x grid-padding-x">
                <div class="cell medium-10 medium-offset-1 large-8 large-offset-2">
                    {{> @cp-search-results-item}}
                </div>
            </div>
        </div>
    {{/each}}
</div>
 
{
  "cards": [
    {
      "responsiveImage": {
        "dominantColour": "#938C7D",
        "altText": "Alt Text",
        "lowResolutionUrl": "https://images.unsplash.com/photo-1528108058346-0457fb78ab00?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=50&q=10",
        "sources": [
          {
            "type": "image/jpeg",
            "largeUrl": "https://images.unsplash.com/photo-1528108058346-0457fb78ab00?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1600&q=80",
            "smallUrl": "https://images.unsplash.com/photo-1528108058346-0457fb78ab00?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80"
          }
        ]
      },
      "category": "Trip ideas",
      "cardType": "ShortForm ",
      "locationName": "",
      "title": "Medieval Galway",
      "subtitle": "Late 16th century Spanish Arch with a  view to the vast Atlantic Ocean.",
      "link": {
        "text": "",
        "url": "#"
      },
      "isFeatured": false
    }
  ]
}

There are no notes for this item.