<div class="offer-filter grid-container offer-filter--no-filter" data-module="offerFilter" data-filter-api-endpoint="/components/preview/{3}--{1}?datasource={0}&count={1}&offset={2}&view={3}&type={4}&city={5}&county={6}" data-datasource="" data-load-count="48" data-show-count="16">
<div class="offer-filter-options filter-standard js-accommodation-filter">
<div class="filter-standard__content">
<div class="offer-filter-options__container js-filters-container">
<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 class="grid-x">
<div class="cell medium-4 large-4">
<div class="filter-standard__wrapper">
<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>
<div class="cell medium-offset-1 medium-7 large-7">
<div class="filter-standard__wrapper">
<div class="filter-standard__group">
<div class="offer-filter-type-filter js-tour-operators-type-filter" data-accommodation-type-param-name="type">
<div class="filter-standard__title">Operator type</div>
<div class="grid-x grid-margin-x">
<div class="cell medium-4">
<a href="#" role="button" class="filter-standard__option js-filter-option" data-type="type" data-value="accommodation" data-label="Accommodation" title="Accommodation">
<div class="filter-standard__option-title js-filter-option-title">
Accommodation
</div>
</a>
</div>
<div class="cell medium-4">
<a href="#" role="button" class="filter-standard__option js-filter-option" data-type="type" data-value="guided-holidays" data-label="Guided Holidays" title="Guided Holidays">
<div class="filter-standard__option-title js-filter-option-title">
Guided Holidays
</div>
</a>
</div>
<div class="cell medium-4">
<a href="#" role="button" class="filter-standard__option js-filter-option" data-type="type" data-value="activities" data-label="Activities" title="Activities">
<div class="filter-standard__option-title js-filter-option-title">
Activities
</div>
</a>
</div>
<div class="cell medium-4">
<a href="#" role="button" class="filter-standard__option js-filter-option" data-type="type" data-value="local-operators" data-label="Local Operators" title="Local Operators">
<div class="filter-standard__option-title js-filter-option-title">
Local Operators
</div>
</a>
</div>
<div class="cell medium-4">
<a href="#" role="button" class="filter-standard__option js-filter-option" data-type="type" data-value="fly-and-drive" data-label="Fly and drive" title="Fly and drive">
<div class="filter-standard__option-title js-filter-option-title">
Fly and drive
</div>
</a>
</div>
<div class="cell medium-4">
<a href="#" role="button" class="filter-standard__option js-filter-option" data-type="type" data-value="sail-and-drive" data-label="Sail and drive" title="Sail and drive">
<div class="filter-standard__option-title js-filter-option-title">
Sail and drive
</div>
</a>
</div>
<div class="cell medium-4">
<a href="#" role="button" class="filter-standard__option js-filter-option" data-type="type" data-value="rail-and-sail" data-label="Rail and sail" title="Rail and sail">
<div class="filter-standard__option-title js-filter-option-title">
Rail and sail
</div>
</a>
</div>
<div class="cell medium-4">
<a href="#" role="button" class="filter-standard__option js-filter-option" data-type="type" data-value="irish-operators" data-label="Irish Operators" title="Irish Operators">
<div class="filter-standard__option-title js-filter-option-title">
Irish Operators
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<p class="offer-filter__message offer-filter__message--error js-results-error">Error</p>
<div class="offer-filter__loader js-loader">
<div class="loader">
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
<div class="js-api-revealed grid-x grid-padding-x"></div>
<div class="js-api-results-container offer-filter__temp-results-container"></div>
<div class="offer-filter__button js-load-more">
<a href="#" class="button-p2 js-load-more " role="button">Load more</a>
</div>
</div>
<div class="offer-filter grid-container {{#unless displayFilterButton}}offer-filter--no-filter{{/unless}}" data-module="offerFilter" data-filter-api-endpoint="{{filterApiEndpoint}}" data-datasource="{{dataSource}}" data-load-count="{{loadCount}}" data-show-count="{{showCount}}">
{{> @cp-offer-filter-options filter}}
<p class="offer-filter__message offer-filter__message--error js-results-error">{{errorMessage}}</p>
<div class="offer-filter__loader js-loader">{{> @loader }}</div>
<div class="js-api-revealed grid-x grid-padding-x"></div>
<div class="js-api-results-container offer-filter__temp-results-container"></div>
<div class="offer-filter__button js-load-more">
{{> @cp-button-secondary url="#" target=button.target text=button.text cssClasses="js-load-more"}}
</div>
</div>
{
"displayFilterButton": false,
"filter": {
"showResults": true,
"toggleTitle": "Show filters",
"toggleActiveTitle": "Hide filters",
"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"
}
]
}
},
"offerType": {
"title": "Operator type",
"paramName": "type",
"options": [
{
"title": "Accommodation",
"value": "accommodation"
},
{
"title": "Guided Holidays",
"value": "guided-holidays"
},
{
"title": "Activities",
"value": "activities"
},
{
"title": "Local Operators",
"value": "local-operators"
},
{
"title": "Fly and drive",
"value": "fly-and-drive"
},
{
"title": "Sail and drive",
"value": "sail-and-drive"
},
{
"title": "Rail and sail",
"value": "rail-and-sail"
},
{
"title": "Irish Operators",
"value": "irish-operators"
}
]
}
},
"filterApiEndpoint": "/components/preview/{3}--{1}?datasource={0}&count={1}&offset={2}&view={3}&type={4}&city={5}&county={6}",
"loadCount": 48,
"showCount": 16,
"errorMessage": "Error",
"button": {
"text": "Load more"
}
}
There are no notes for this item.