Search

<div class="sitecore-search spacer-md" data-module="sitecoreSearch" data-search-api-endpoint="/components/preview/{5}--{0}?term&#x3D;{0}&amp;pageSize&#x3D;{1}&amp;offset&#x3D;{2}&amp;type&#x3D;{3}&amp;datasource&#x3D;{4}&amp;view&#x3D;{5}&amp;uuid&#x3D;{6}&amp;facetid&#x3D;{7}" data-page-size="10" data-datasource="lowerguid" data-search-term-parameter-name="term" data-type-parameter-name="type">
    <div data-module="card"></div>
    <div class="sitecore-search-bar" data-suggested-searches-text="Suggested Searches" data-misspelt-word-text="Did you mean?" data-search-source-id="976390">
        <div class="grid-container sitecore-search-bar__grid">
            <div class="grid-x grid-padding-x">
                <div class="cell medium-10 medium-offset-1 large-8 large-offset-2 sitecore-search-bar__cell">
                    <h3 class="sitecore-search-bar__title">What are you looking for?</h3>
                    <form class="sitecore-search-bar__form js-search-form" action="/components/preview/search-results-page" method="GET">
                        <label for="navigation" class="sitecore-search-bar__search-label">What are you looking for?</label>
                        <input type="text" name="term" id="navigation" class="sitecore-search-bar__search-term js-search-input" autocomplete="off" placeholder="Search" data-autocomplete-url="/data/sitecore-search-autocomplete.json?text&#x3D;{0}" value="Ireland" />
                        <input type="hidden" name="uuid" class="sitecore-search-bar--hidden js-uuid" value="" />
                        <a class="sitecore-search-bar__clear-button sitecore-search-bar--hidden js-clear-button"></a>
                        <button class="button-p1 button-p1--icon-only sitecore-search-bar__search-button js-search-button disabled" />
                    </form>
                </div>
            </div>
        </div>
        <div class="sitecore-search-bar__autocomplete-wrapper">
        </div>
    </div>
    <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="sitecore-search__loader js-search-loader">
                    <div class="loader">
                        <div></div>
                        <div></div>
                        <div></div>
                        <div></div>
                    </div>
                </div>
                <p class="sitecore-search__total-label js-search-label"></p>
                <p class="sitecore-search__message sitecore-search__message--error js-results-error">Problem with search.</p>
                <p class="sitecore-search__message sitecore-search__message--error js-no-results-message">Try searching for destinations, attractions, accommodation...</p>
            </div>
        </div>
    </div>
    <div class="sitecore-search__results-wrapper js-results-wrapper"></div>
    <div class="grid-container">
        <div class="grid-x grid-padding-x">
            <div class="cell sitecore-search__button-cell">
                <div class="sitecore-search__button-wrapper">
                    <a href="#" class="button-p2 button-p2--default sitecore-search__load-more js-search-load-more " role="button">Load more</a>
                </div>
            </div>
        </div>
        <div class="grid-x grid-padding-x js-popular-searches-container">
            <div class="cell medium-8 medium-offset-2">
                <h2 class="sitecore-search__suggestions-title">Related Searches</h2>
                <div class="grid-x sitecore-search__suggestions">
                    <div class="cell large-4">
                        <a href="/components/preview/search-results-page?term=car+rental" class="sitecore-search__suggestion-link">Car rental</a>
                    </div>
                    <div class="cell large-4">
                        <a href="/components/preview/search-results-page?term=dublin" class="sitecore-search__suggestion-link">Dublin</a>
                    </div>
                    <div class="cell large-4">
                        <a href="/components/preview/search-results-page?term=galway" class="sitecore-search__suggestion-link">Galway</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="sitecore-search spacer-md" data-module="sitecoreSearch" data-search-api-endpoint="{{searchApiEndpoint}}"
     data-page-size="{{pageSize}}" data-datasource="{{datasource}}"
     data-search-term-parameter-name="{{searchBar.searchTermParameterName}}" data-type-parameter-name="{{typeParameterName}}">
    <div data-module="card"></div>
    {{#if searchBar}}
        {{> @cp-sitecore-search-bar searchTerm=results.searchTerm}}
    {{/if}}
    <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="sitecore-search__loader js-search-loader">{{> @loader }}</div>
                <p class="sitecore-search__total-label js-search-label"></p>
                <p class="sitecore-search__message sitecore-search__message--error js-results-error">{{errorMessage}}</p>
                <p class="sitecore-search__message sitecore-search__message--error js-no-results-message">{{noResultsMessage}}</p>
            </div>
        </div>
    </div>
    <div class="sitecore-search__results-wrapper js-results-wrapper"></div>
    <div class="grid-container">
        <div class="grid-x grid-padding-x">
            <div class="cell sitecore-search__button-cell">
                <div class="sitecore-search__button-wrapper">
                    {{> @cp-button-secondary target=button.target url=button.url text=button.text modifier="default" cssClasses="sitecore-search__load-more js-search-load-more"}}
                </div>
            </div>
        </div>
        {{#if suggestionLinks}}
            <div class="grid-x grid-padding-x js-popular-searches-container">
                <div class="cell medium-8 medium-offset-2">
                    <h2 class="sitecore-search__suggestions-title">{{suggestionsTitle}}</h2>
                    <div class="grid-x sitecore-search__suggestions">
                        {{#each suggestionLinks}}
                        <div class="cell large-4">
                            <a href="{{../searchBar.searchPageUrl}}?term={{term}}" class="sitecore-search__suggestion-link">{{text}}</a>
                        </div>
                        {{/each}}
                    </div>
                </div>
            </div>
        {{/if}}
    </div>
</div>
{
  "searchApiEndpoint": "/components/preview/{5}--{0}?term={0}&pageSize={1}&offset={2}&type={3}&datasource={4}&view={5}&uuid={6}&facetid={7}",
  "pageSize": 10,
  "datasource": "lowerguid",
  "typeParameterName": "type",
  "searchBar": {
    "title": "What are you looking for?",
    "placeholderText": "Search",
    "suggestedSearchesText": "Suggested Searches",
    "autocompleteEndpoint": "/data/sitecore-search-autocomplete.json?text={0}",
    "searchTerm": "Ireland",
    "searchTermParameterName": "term",
    "searchPageUrl": "/components/preview/search-results-page",
    "misspeltWordText": "Did you mean?",
    "searchSourceId": "976390"
  },
  "button": {
    "url": "#",
    "text": "Load more"
  },
  "suggestionsTitle": "Related Searches",
  "suggestionLinks": [
    {
      "text": "Car rental",
      "term": "car+rental"
    },
    {
      "text": "Dublin",
      "term": "dublin"
    },
    {
      "text": "Galway",
      "term": "galway"
    }
  ],
  "noResultsMessage": "Try searching for destinations, attractions, accommodation...",
  "errorMessage": "Problem with search."
}

There are no notes for this item.