<div class="tour-operators" data-module="tourOperatorsFilter" data-filter-api-endpoint="/components/preview/{3}--{1}?datasource={0}&count={1}&offset={2}&view={3}&type={4}&seed={5}&startitem={6}" data-datasource="">
<div class="tour-operators-filter filter-standard js-accommodation-filter">
<div class="filter-standard__content">
<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 filter-standard__container">
<div class="grid-x grid-margin-x">
<div class="cell medium-12">
<div class="filter-standard__group">
<div class="accommodation-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-3">
<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-3">
<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-3">
<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-3">
<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-3">
<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-3">
<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-3">
<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-3">
<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="tour-operators__message tour-operators__message--error js-results-error">Error</p>
<div class="tour-operators__loader js-loader">
<div class="loader">
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
<div class="js-api-results-container"></div>
<div class="tour-operators__button js-load-more">
<a href="#" class="button-p2 js-load-more " role="button">Load more</a>
</div>
</div>
<div class="tour-operators" data-module="tourOperatorsFilter" data-filter-api-endpoint="{{filterApiEndpoint}}" data-datasource="{{dataSource}}">
{{> @cp-tour-operators-filter filter}}
<p class="tour-operators__message tour-operators__message--error js-results-error">{{errorMessage}}</p>
<div class="tour-operators__loader js-loader">{{> @loader }}</div>
<div class="js-api-results-container"></div>
<div class="tour-operators__button js-load-more">
{{> @cp-button-secondary url="#" target=button.target text=button.text cssClasses="js-load-more"}}
</div>
</div>
{
"filter": {
"showResults": true,
"toggleTitle": "Show filters",
"toggleActiveTitle": "Hide filters",
"operatorType": {
"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}&seed={5}&startitem={6}",
"errorMessage": "Error",
"button": {
"text": "Load more"
}
}
There are no notes for this item.