Quick Links 

<div class="search-quick-links">
    <div class="grid-container">
        <div class="grid-x grid-padding-x">
            <h2 class="search-quick-links__title">Inspirations for you</h2>
        </div>
        <div class="grid-x grid-padding-x">
            <div class="cell small-2 hide-on-medium"></div>
            <div class="cell small-8 medium-12">
                <div class="search-quick-links__items-container">
                    <p class="search-quick-links__item-container">
                        <a class="search-quick-links__item-link" href="/components/preview/search-results-page?term=discover+belfast" target="_self"><span class="search-quick-links__item-text">Discover Belfast</span></a>
                    </p>
                    <p class="search-quick-links__item-container">
                        <a class="search-quick-links__item-link" href="/components/preview/search-results-page?term=trip+ideas" target="_self"><span class="search-quick-links__item-text">St. Patrick’s day in Ireland</span></a>
                    </p>
                    <p class="search-quick-links__item-container">
                        <a class="search-quick-links__item-link" href="/components/preview/search-results-page?term=trip+ideas" target="_self"><span class="search-quick-links__item-text">Trip Ideas</span></a>
                    </p>
                    <p class="search-quick-links__item-container">
                        <a class="search-quick-links__item-link" href="/components/preview/search-results-page?term=guinness+storehouse" target="_self"><span class="search-quick-links__item-text">Guinness Storehouse</span></a>
                    </p>
                    <p class="search-quick-links__item-container">
                        <a class="search-quick-links__item-link" href="/components/preview/search-results-page?term=dublin" target="_self"><span class="search-quick-links__item-text">Dublin</span></a>
                    </p>
                </div>
            </div>
            <div class="cell small-2 hide-on-medium"></div>
        </div>
    </div>
</div>
 
<div class="search-quick-links">
    <div class="grid-container">
        <div class="grid-x grid-padding-x">
            <h2 class="search-quick-links__title">{{quickLinksTitle}}</h2>
        </div>
        <div class="grid-x grid-padding-x">
            <div class="cell small-2 hide-on-medium"></div>
            <div class="cell small-8 medium-12">
                <div class="search-quick-links__items-container">
                    {{#each quickLinks}}
                    <p class="search-quick-links__item-container">
                        <a class="search-quick-links__item-link" href="{{../searchPageUrl}}?term={{term}}" target="_self"><span class="search-quick-links__item-text">{{text}}</span></a>
                    </p>
                    {{/each}}
                </div>
            </div>
            <div class="cell small-2 hide-on-medium"></div>
        </div>
    </div>
</div>
 
{
  "quickLinksTitle": "Inspirations for you",
  "quickLinks": [
    {
      "text": "Discover Belfast",
      "term": "discover+belfast"
    },
    {
      "text": "St. Patrick’s day in Ireland",
      "term": "trip+ideas"
    },
    {
      "text": "Trip Ideas",
      "term": "trip+ideas"
    },
    {
      "text": "Guinness Storehouse",
      "term": "guinness+storehouse"
    },
    {
      "text": "Dublin",
      "term": "dublin"
    }
  ],
  "searchPageUrl": "/components/preview/search-results-page"
}
  • Handle: @cp-search-quick-links
  • Preview:
  • Filesystem Path: src/patterns/03-components/sitecore-search/cp-search-quick-links.hbs

There are no notes for this item.