<div class="accommodation-grid" data-module="accommodationGrid" data-filter-api-endpoint="/components/preview/{3}--{1}?datasource={0}&count={1}&offset={2}&view={3}&type={4}&rating={5}&city={6}&county={7}&seed={8}&startitem={9}&total={10}" data-datasource="" data-load-more-view="cp-more-results--accommodation">
<div class="accommodation-filter filter-standard js-accommodation-filter">
<div class="filter-standard__background">
<div class="filter-standard__background-image">
<figure class="image js-image " data-module="imagelazy" data-is-small-image="">
<img class="image__lowres js-image-lazyload" data-object-fit data-src="/media/card-collection-with-image-background/image1.png" alt="Alt Text">
<picture class="image__container">
<source media="(max-width: 767px)" class="js-small-image" type="image/jpeg" data-srcset="/media/card-collection-with-image-background/image-mobile.png" />
<source media="(min-width: 768px) and (max-width:1319px)" class="js-medium-image" type="image/jpeg" data-srcset="/media/card-collection-with-image-background/image1.png" />
<source media="(min-width: 1320px)" class="js-large-image" type="image/jpeg" data-srcset="/media/card-collection-with-image-background/image1.png" />
<img class="js-image-lazyload js-fallback-image" data-object-fit data-src="" alt="Alt Text">
</picture>
</figure>
<div class="filter-standard__background-fade"></div>
</div>
<div class="filter-standard__content">
<div class="grid-container">
<div class="filter-standard__main-title">
Fill your heart with Ireland
</div>
<div class="filter-standard__subtitle">
Whatever you're looking for in a vacation, Ireland has something for you. Check out our trip ideas and get inspired.
</div>
<div class="filter-standard__controls js-filter-controls">
<a href="#" class="filter-standard__toggle js-filter-standard-toggle">
<span>Show filters</span>
<span>Hide filters</span>
</a>
<div class="filter-standard__results js-total-results"></div>
<div class="filter-standard__tags-wrapper js-filter-standard-tags">
<template class="js-tag-template">
<div class="filter-standard__tag js-filter-standard-tag">
<a href='#' class="filter-standard__close-icon js-remove-filter-tag"></a>
</div>
</template>
</div>
</div>
</div>
<div class="filter-standard__wrapper js-filters-container">
<div class="grid-container">
<div class="filter-standard__container">
<div class="grid-x grid-margin-x">
<div class="cell medium-4 large-4">
<div class="filter-standard__group">
<div class="js-location-filter" data-city-param-name="city" data-county-param-name="county">
<div class="filter-standard__title">Where would you like to go?</div>
<div class="filter-standard__option active js-reset-location">
<div class="filter-standard__option-title">
All of Ireland
</div>
</div>
<div class="js-city-filter">
<div class="checkbox-list js-checkbox-list">
<div class="checkbox-list__toggle js-toggle">
City
</div>
<div class="checkbox-list__list js-list-container">
<div class="checkbox-list__item">
<label for="ArmaghCity" class="js-checkbox-item">
<input type="checkbox" id="ArmaghCity" value="ArmaghCity" data-label="Armagh">
<span>Armagh</span>
</label>
</div>
<div class="checkbox-list__item">
<label for="Belfast" class="js-checkbox-item">
<input type="checkbox" id="Belfast" value="Belfast" data-label="Belfast">
<span>Belfast</span>
</label>
</div>
<div class="checkbox-list__item">
<label for="Cork" class="js-checkbox-item">
<input type="checkbox" id="Cork" value="Cork" data-label="Cork">
<span>Cork</span>
</label>
</div>
<div class="checkbox-list__item">
<label for="Derry~Londonderry" class="js-checkbox-item">
<input type="checkbox" id="Derry~Londonderry" value="Derry~Londonderry" data-label="Derry~Londonderry">
<span>Derry~Londonderry</span>
</label>
</div>
<div class="checkbox-list__item">
<label for="Dublin" class="js-checkbox-item">
<input type="checkbox" id="Dublin" value="Dublin" data-label="Dublin">
<span>Dublin</span>
</label>
</div>
<div class="checkbox-list__item">
<label for="Galway" class="js-checkbox-item">
<input type="checkbox" id="Galway" value="Galway" data-label="Galway">
<span>Galway</span>
</label>
</div>
<div class="checkbox-list__item">
<label for="Kilkenny" class="js-checkbox-item">
<input type="checkbox" id="Kilkenny" value="Kilkenny" data-label="Kilkenny">
<span>Kilkenny</span>
</label>
</div>
<div class="checkbox-list__item">
<label for="Limerick" class="js-checkbox-item">
<input type="checkbox" id="Limerick" value="Limerick" data-label="Limerick">
<span>Limerick</span>
</label>
</div>
<div class="checkbox-list__item">
<label for="Lisburn" class="js-checkbox-item">
<input type="checkbox" id="Lisburn" value="Lisburn" data-label="Lisburn">
<span>Lisburn</span>
</label>
</div>
<div class="checkbox-list__item">
<label for="Newry" class="js-checkbox-item">
<input type="checkbox" id="Newry" value="Newry" data-label="Newry">
<span>Newry</span>
</label>
</div>
<div class="checkbox-list__item">
<label for="Waterford" class="js-checkbox-item">
<input type="checkbox" id="Waterford" value="Waterford" data-label="Waterford">
<span>Waterford</span>
</label>
</div>
</div>
</div>
</div>
<div class="js-county-filter">
<div class="checkbox-list js-checkbox-list">
<div class="checkbox-list__toggle js-toggle">
County
</div>
<div class="checkbox-list__list js-list-container">
<div class="checkbox-list__item">
<label for="Antrim" class="js-checkbox-item">
<input type="checkbox" id="Antrim" value="Antrim" data-label="Antrim">
<span>Antrim</span>
</label>
</div>
<div class="checkbox-list__item">
<label for="Armagh" class="js-checkbox-item">
<input type="checkbox" id="Armagh" value="Armagh" data-label="Armagh">
<span>Armagh</span>
</label>
</div>
<div class="checkbox-list__item">
<label for="Carlow" class="js-checkbox-item">
<input type="checkbox" id="Carlow" value="Carlow" data-label="Carlow">
<span>Carlow</span>
</label>
</div>
<div class="checkbox-list__item">
<label for="Cavan" class="js-checkbox-item">
<input type="checkbox" id="Cavan" value="Cavan" data-label="Cavan">
<span>Cavan</span>
</label>
</div>
<div class="checkbox-list__item">
<label for="Clare" class="js-checkbox-item">
<input type="checkbox" id="Clare" value="Clare" data-label="Clare">
<span>Clare</span>
</label>
</div>
<div class="checkbox-list__item">
<label for="Cork" class="js-checkbox-item">
<input type="checkbox" id="Cork" value="Cork" data-label="Cork">
<span>Cork</span>
</label>
</div>
<div class="checkbox-list__item">
<label for="Donegal" class="js-checkbox-item">
<input type="checkbox" id="Donegal" value="Donegal" data-label="Donegal">
<span>Donegal</span>
</label>
</div>
<div class="checkbox-list__item">
<label for="Down" class="js-checkbox-item">
<input type="checkbox" id="Down" value="Down" data-label="Down">
<span>Down</span>
</label>
</div>
<div class="checkbox-list__item">
<label for="Dublin" class="js-checkbox-item">
<input type="checkbox" id="Dublin" value="Dublin" data-label="Dublin">
<span>Dublin</span>
</label>
</div>
<div class="checkbox-list__item">
<label for="Fermanagh" class="js-checkbox-item">
<input type="checkbox" id="Fermanagh" value="Fermanagh" data-label="Fermanagh">
<span>Fermanagh</span>
</label>
</div>
<div class="checkbox-list__item">
<label for="Galway" class="js-checkbox-item">
<input type="checkbox" id="Galway" value="Galway" data-label="Galway">
<span>Galway</span>
</label>
</div>
<div class="checkbox-list__item">
<label for="Kerry" class="js-checkbox-item">
<input type="checkbox" id="Kerry" value="Kerry" data-label="Kerry">
<span>Kerry</span>
</label>
</div>
<div class="checkbox-list__item">
<label for="Kildare" class="js-checkbox-item">
<input type="checkbox" id="Kildare" value="Kildare" data-label="Kildare">
<span>Kildare</span>
</label>
</div>
<div class="checkbox-list__item">
<label for="Kilkenny" class="js-checkbox-item">
<input type="checkbox" id="Kilkenny" value="Kilkenny" data-label="Kilkenny">
<span>Kilkenny</span>
</label>
</div>
<div class="checkbox-list__item">
<label for="Laois" class="js-checkbox-item">
<input type="checkbox" id="Laois" value="Laois" data-label="Laois">
<span>Laois</span>
</label>
</div>
<div class="checkbox-list__item">
<label for="Leitrim" class="js-checkbox-item">
<input type="checkbox" id="Leitrim" value="Leitrim" data-label="Leitrim">
<span>Leitrim</span>
</label>
</div>
<div class="checkbox-list__item">
<label for="Limerick" class="js-checkbox-item">
<input type="checkbox" id="Limerick" value="Limerick" data-label="Limerick">
<span>Limerick</span>
</label>
</div>
<div class="checkbox-list__item">
<label for="Londonderry" class="js-checkbox-item">
<input type="checkbox" id="Londonderry" value="Londonderry" data-label="Londonderry">
<span>Londonderry</span>
</label>
</div>
<div class="checkbox-list__item">
<label for="Longford" class="js-checkbox-item">
<input type="checkbox" id="Longford" value="Longford" data-label="Longford">
<span>Longford</span>
</label>
</div>
<div class="checkbox-list__item">
<label for="Louth" class="js-checkbox-item">
<input type="checkbox" id="Louth" value="Louth" data-label="Louth">
<span>Louth</span>
</label>
</div>
<div class="checkbox-list__item">
<label for="Mayo" class="js-checkbox-item">
<input type="checkbox" id="Mayo" value="Mayo" data-label="Mayo">
<span>Mayo</span>
</label>
</div>
<div class="checkbox-list__item">
<label for="Meath" class="js-checkbox-item">
<input type="checkbox" id="Meath" value="Meath" data-label="Meath">
<span>Meath</span>
</label>
</div>
<div class="checkbox-list__item">
<label for="Monaghan" class="js-checkbox-item">
<input type="checkbox" id="Monaghan" value="Monaghan" data-label="Monaghan">
<span>Monaghan</span>
</label>
</div>
<div class="checkbox-list__item">
<label for="Offaly" class="js-checkbox-item">
<input type="checkbox" id="Offaly" value="Offaly" data-label="Offaly">
<span>Offaly</span>
</label>
</div>
<div class="checkbox-list__item">
<label for="Roscommon" class="js-checkbox-item">
<input type="checkbox" id="Roscommon" value="Roscommon" data-label="Roscommon">
<span>Roscommon</span>
</label>
</div>
<div class="checkbox-list__item">
<label for="Sligo" class="js-checkbox-item">
<input type="checkbox" id="Sligo" value="Sligo" data-label="Sligo">
<span>Sligo</span>
</label>
</div>
<div class="checkbox-list__item">
<label for="Tipperary" class="js-checkbox-item">
<input type="checkbox" id="Tipperary" value="Tipperary" data-label="Tipperary">
<span>Tipperary</span>
</label>
</div>
<div class="checkbox-list__item">
<label for="Tyrone" class="js-checkbox-item">
<input type="checkbox" id="Tyrone" value="Tyrone" data-label="Tyrone">
<span>Tyrone</span>
</label>
</div>
<div class="checkbox-list__item">
<label for="Waterford" class="js-checkbox-item">
<input type="checkbox" id="Waterford" value="Waterford" data-label="Waterford">
<span>Waterford</span>
</label>
</div>
<div class="checkbox-list__item">
<label for="Westmeath" class="js-checkbox-item">
<input type="checkbox" id="Westmeath" value="Westmeath" data-label="Westmeath">
<span>Westmeath</span>
</label>
</div>
<div class="checkbox-list__item">
<label for="Wexford" class="js-checkbox-item">
<input type="checkbox" id="Wexford" value="Wexford" data-label="Wexford">
<span>Wexford</span>
</label>
</div>
<div class="checkbox-list__item">
<label for="Wicklow" class="js-checkbox-item">
<input type="checkbox" id="Wicklow" value="Wicklow" data-label="Wicklow">
<span>Wicklow</span>
</label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="cell medium-8 large-8">
<div class="filter-standard__group">
<div class="accommodation-type-filter js-accommodation-type-filter" data-accommodation-type-param-name="type">
<div class="filter-standard__title">Accommodation type</div>
<div class="grid-x grid-margin-x">
<div class="cell medium-4 large-4">
<a href="#" role="button" class="filter-standard__option js-filter-option" data-type="type" data-value="BBs" data-label="B&Bs" title="B&Bs">
<div class="filter-standard__option-title js-filter-option-title">
B&Bs
</div>
</a>
</div>
<div class="cell medium-4 large-4">
<a href="#" role="button" class="filter-standard__option js-filter-option" data-type="type" data-value="CaravanAndcamping" data-label="Caravan And Camping" title="Caravan And Camping">
<div class="filter-standard__option-title js-filter-option-title">
Caravan And Camping
</div>
</a>
</div>
<div class="cell medium-4 large-4">
<a href="#" role="button" class="filter-standard__option js-filter-option" data-type="type" data-value="Eco" data-label="Eco" title="Eco">
<div class="filter-standard__option-title js-filter-option-title">
Eco
</div>
</a>
</div>
<div class="cell medium-4 large-4">
<a href="#" role="button" class="filter-standard__option js-filter-option" data-type="type" data-value="Guesthouses" data-label="Guesthouses" title="Guesthouses">
<div class="filter-standard__option-title js-filter-option-title">
Guesthouses
</div>
</a>
</div>
<div class="cell medium-4 large-4">
<a href="#" role="button" class="filter-standard__option js-filter-option" data-type="type" data-value="HistoricHousesAndCastles" data-label="Historic Houses And Castles" title="Historic Houses And Castles">
<div class="filter-standard__option-title js-filter-option-title">
Historic Houses And Castles
</div>
</a>
</div>
<div class="cell medium-4 large-4">
<a href="#" role="button" class="filter-standard__option js-filter-option" data-type="type" data-value="Hostels " data-label="Hostels" title="Hostels">
<div class="filter-standard__option-title js-filter-option-title">
Hostels
</div>
</a>
</div>
<div class="cell medium-4 large-4">
<a href="#" role="button" class="filter-standard__option js-filter-option" data-type="type" data-value="Hotels" data-label="Hotels" title="Hotels">
<div class="filter-standard__option-title js-filter-option-title">
Hotels
</div>
</a>
</div>
<div class="cell medium-4 large-4">
<a href="#" role="button" class="filter-standard__option js-filter-option" data-type="type" data-value="Luxury" data-label="Luxury" title="Luxury">
<div class="filter-standard__option-title js-filter-option-title">
Luxury
</div>
</a>
</div>
<div class="cell medium-4 large-4">
<a href="#" role="button" class="filter-standard__option js-filter-option" data-type="type" data-value="PubsRestaurants" data-label="Pubs & Restaurants" title="Pubs & Restaurants">
<div class="filter-standard__option-title js-filter-option-title">
Pubs & Restaurants
</div>
</a>
</div>
<div class="cell medium-4 large-4">
<a href="#" role="button" class="filter-standard__option js-filter-option" data-type="type" data-value="SelfCatering" data-label="Self Catering" title="Self Catering">
<div class="filter-standard__option-title js-filter-option-title">
Self Catering
</div>
</a>
</div>
<div class="cell medium-4 large-4">
<a href="#" role="button" class="filter-standard__option js-filter-option" data-type="type" data-value="Unusual" data-label="Unusual" title="Unusual">
<div class="filter-standard__option-title js-filter-option-title">
Unusual
</div>
</a>
</div>
</div>
</div>
</div>
<div class="filter-standard__group">
<div class="accommodation-rating-filter js-rating-filter" data-rating-param-name="rating" data-star-title="star">
<div class="filter-standard__title">Accommodation rating</div>
<div class="grid-x grid-margin-x">
<div class="cell medium-4 large-4">
<a href="#" role="button" class="filter-standard__option js-filter-option" data-type="rating" data-value="1" data-label="1" title="1 star">
<div class="card-standard__rating">
<div class="star-rating star-rating--5-max star-rating--1-rating"></div>
</div>
<div class="filter-standard__option-title js-filter-option-title">
1
</div>
</a>
</div>
<div class="cell medium-4 large-4">
<a href="#" role="button" class="filter-standard__option js-filter-option" data-type="rating" data-value="2" data-label="2" title="2 star">
<div class="card-standard__rating">
<div class="star-rating star-rating--5-max star-rating--2-rating"></div>
</div>
<div class="filter-standard__option-title js-filter-option-title">
2
</div>
</a>
</div>
<div class="cell medium-4 large-4">
<a href="#" role="button" class="filter-standard__option js-filter-option" data-type="rating" data-value="3" data-label="3" title="3 star">
<div class="card-standard__rating">
<div class="star-rating star-rating--5-max star-rating--3-rating"></div>
</div>
<div class="filter-standard__option-title js-filter-option-title">
3
</div>
</a>
</div>
<div class="cell medium-4 large-4">
<a href="#" role="button" class="filter-standard__option js-filter-option" data-type="rating" data-value="4-5" data-label="4+" title="4+ star">
<div class="card-standard__rating">
<div class="star-rating star-rating--5-max star-rating--4-rating"></div>
</div>
<div class="filter-standard__option-title js-filter-option-title">
4+
</div>
</a>
</div>
<div class="cell medium-4 large-4">
<a href="#" role="button" class="filter-standard__option js-filter-option" data-type="rating" data-value="" data-label="" title="Any">
<div class="filter-standard__option-title js-filter-option-title">
Any
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="trip-ideas-grid--offset-top">
<p class="trip-ideas-grid__message trip-ideas-grid__message--error js-results-error">Error</p>
<div class="trip-ideas-grid__loader js-loader">
<div class="loader">
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
<div class="js-api-results-container" data-module="card"></div>
<div class="trip-ideas-grid__button js-load-more">
<a href="#" class="button-p2 js-load-more " role="button">Load more</a>
</div>
</div>
</div>
<div class="accommodation-grid" data-module="accommodationGrid" data-filter-api-endpoint="{{filterApiEndpoint}}" data-datasource="{{dataSource}}" data-load-more-view="{{#if loadMoreView}}{{loadMoreView}}{{else}}_cp-more-results{{/if}}">
{{> @cp-accommodation-filter filter}}
<div class="trip-ideas-grid--offset-top">
<p class="trip-ideas-grid__message trip-ideas-grid__message--error js-results-error">{{errorMessage}}</p>
<div class="trip-ideas-grid__loader js-loader">{{> @loader }}</div>
<div class="js-api-results-container" data-module="card"></div>
<div class="trip-ideas-grid__button js-load-more">
{{> @cp-button-secondary url="#" text=button.text cssClasses="js-load-more"}}
</div>
</div>
</div>
{
"filter": {
"title": "Fill your heart with Ireland",
"subtitle": "Whatever you're looking for in a vacation, Ireland has something for you. Check out our trip ideas and get inspired.",
"toggleTitle": "Show filters",
"toggleActiveTitle": "Hide filters",
"backgroundResponsiveImage": {
"altText": "Alt Text",
"lowResolutionUrl": "/media/card-collection-with-image-background/image1.png",
"sources": [
{
"type": "image/jpeg",
"largeUrl": "/media/card-collection-with-image-background/image1.png",
"smallUrl": "/media/card-collection-with-image-background/image-mobile.png"
}
]
},
"location": {
"title": "Where would you like to go?",
"resetOptionTitle": "All of Ireland",
"city": {
"paramName": "city",
"placeholder": "City",
"options": [
{
"label": "Armagh",
"value": "ArmaghCity"
},
{
"label": "Belfast",
"value": "Belfast"
},
{
"label": "Cork",
"value": "Cork"
},
{
"label": "Derry~Londonderry",
"value": "Derry~Londonderry"
},
{
"label": "Dublin",
"value": "Dublin"
},
{
"label": "Galway",
"value": "Galway"
},
{
"label": "Kilkenny",
"value": "Kilkenny"
},
{
"label": "Limerick",
"value": "Limerick"
},
{
"label": "Lisburn",
"value": "Lisburn"
},
{
"label": "Newry",
"value": "Newry"
},
{
"label": "Waterford",
"value": "Waterford"
}
]
},
"county": {
"paramName": "county",
"placeholder": "County",
"options": [
{
"label": "Antrim",
"value": "Antrim"
},
{
"label": "Armagh",
"value": "Armagh"
},
{
"label": "Carlow",
"value": "Carlow"
},
{
"label": "Cavan",
"value": "Cavan"
},
{
"label": "Clare",
"value": "Clare"
},
{
"label": "Cork",
"value": "Cork"
},
{
"label": "Donegal",
"value": "Donegal"
},
{
"label": "Down",
"value": "Down"
},
{
"label": "Dublin",
"value": "Dublin"
},
{
"label": "Fermanagh",
"value": "Fermanagh"
},
{
"label": "Galway",
"value": "Galway"
},
{
"label": "Kerry",
"value": "Kerry"
},
{
"label": "Kildare",
"value": "Kildare"
},
{
"label": "Kilkenny",
"value": "Kilkenny"
},
{
"label": "Laois",
"value": "Laois"
},
{
"label": "Leitrim",
"value": "Leitrim"
},
{
"label": "Limerick",
"value": "Limerick"
},
{
"label": "Londonderry",
"value": "Londonderry"
},
{
"label": "Longford",
"value": "Longford"
},
{
"label": "Louth",
"value": "Louth"
},
{
"label": "Mayo",
"value": "Mayo"
},
{
"label": "Meath",
"value": "Meath"
},
{
"label": "Monaghan",
"value": "Monaghan"
},
{
"label": "Offaly",
"value": "Offaly"
},
{
"label": "Roscommon",
"value": "Roscommon"
},
{
"label": "Sligo",
"value": "Sligo"
},
{
"label": "Tipperary",
"value": "Tipperary"
},
{
"label": "Tyrone",
"value": "Tyrone"
},
{
"label": "Waterford",
"value": "Waterford"
},
{
"label": "Westmeath",
"value": "Westmeath"
},
{
"label": "Wexford",
"value": "Wexford"
},
{
"label": "Wicklow",
"value": "Wicklow"
}
]
}
},
"accommodationType": {
"title": "Accommodation type",
"paramName": "type",
"options": [
{
"title": "B&Bs",
"value": "BBs"
},
{
"title": "Caravan And Camping",
"value": "CaravanAndcamping"
},
{
"title": "Eco",
"value": "Eco"
},
{
"title": "Guesthouses",
"value": "Guesthouses"
},
{
"title": "Historic Houses And Castles",
"value": "HistoricHousesAndCastles"
},
{
"title": "Hostels",
"value": "Hostels "
},
{
"title": "Hotels",
"value": "Hotels"
},
{
"title": "Luxury",
"value": "Luxury"
},
{
"title": "Pubs & Restaurants",
"value": "PubsRestaurants"
},
{
"title": "Self Catering",
"value": "SelfCatering"
},
{
"title": "Unusual",
"value": "Unusual"
}
]
},
"rating": {
"title": "Accommodation rating",
"paramName": "rating",
"resetOptionTitle": "Any",
"starTitle": "star",
"options": [
{
"title": "1",
"value": "1"
},
{
"title": "2",
"value": "2"
},
{
"title": "3",
"value": "3"
},
{
"title": "4+",
"value": "4-5"
}
]
}
},
"filterApiEndpoint": "/components/preview/{3}--{1}?datasource={0}&count={1}&offset={2}&view={3}&type={4}&rating={5}&city={6}&county={7}&seed={8}&startitem={9}&total={10}",
"errorMessage": "Error",
"button": {
"text": "Load more"
},
"loadMoreView": "cp-more-results--accommodation"
}
There are no notes for this item.