<div class="featured-trip-ideas-card" data-module="card" data-card-id="" data-item-count="">
    <div class="featured-trip-ideas-card__image-container">
        <div class="featured-trip-ideas-map" data-module="featuredTripIdeasMap">
            <div class="featured-trip-ideas-map__map-container js-map-container" data-map-img="/img/maps/map-of-ireland.svg">
                <img class="featured-trip-ideas-map__map-image js-map-image" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" height="499" width="387" />
                <svg class="featured-trip-ideas-map__svg-map js-map" xmlns="http://www.w3.org/2000/svg" width="387" height="499" viewBox="0 0 387 499" fill="none">
                </svg>
            </div>
        </div>
    </div>
    <div class="featured-trip-ideas-card__text-container">
        <div>
            <p class="featured-trip-ideas-card__travel-details featured-trip-ideas-card__travel-details--">
            </p>
            <p class="featured-trip-ideas-card__description js-subtitle">
            </p>
        </div>
        <div>
            <p class="featured-trip-ideas-card__location featured-trip-ideas-card__location--first">From <span class="featured-trip-ideas-card__location--bold"></span> To <span class="featured-trip-ideas-card__location--bold"></span></p>
        </div>
    </div>
    <a href="#" class="featured-trip-ideas-card__link"></a>
</div>
{{{customeditframe.editframeStart}}}
<div class="featured-trip-ideas-card" data-module="card" data-card-id="{{cardId}}" {{#each wayPoints}}{{#if @last}}data-longitude="{{longitude}}" data-latitude="{{latitude}}"{{/if}}{{/each}} data-item-count="{{wayPoints.length}}">
    <div class="featured-trip-ideas-card__image-container">
        {{#if responsiveImage}}
        {{> @cp-medium-image lowResolutionUrl=responsiveImage.lowResolutionUrl
        fallbackImageUrl=responsiveImage.fallbackImageUrl sources=responsiveImage.sources
        caption=responsiveImage.caption dynamicImage=dynamicImage forceLoad=responsiveImage.forceLoad
        additionalCssClasses="featured-trip-ideas-card__image"}}
        {{/if}}
        {{#if webAppMode}}
            {{> @cp-like-button text=likeText}}
        {{/if}}
        {{> @cp-featured-trip-ideas-map wayPoints=wayPoints secondaryLocations=secondaryLocations }}
    </div>
    <div class="featured-trip-ideas-card__text-container">
        <div>
            {{#if pageType}}<p class="featured-trip-ideas-card__page-type js-page-type">{{pageType}}</p>{{/if}}
            {{#if title}}
                <h2 class="featured-trip-ideas-card__title featured-trip-ideas-card__title--first js-title">{{{title}}}</h2>
            {{/if}}
            <p class="featured-trip-ideas-card__travel-details featured-trip-ideas-card__travel-details--{{travelMethod}}">
                {{#if travelTime}}
                <span class="featured-trip-ideas-card__travel-details--bold">{{travelTime.number}}</span>
                <span>{{travelTime.text}}</span>
                {{/if}}
                {{#if travelDistance}}
                <span class="featured-trip-ideas-card__travel-details--bold">{{travelDistance.number}}</span>
                <span>{{travelDistance.text}}</span>
                {{/if}}
            </p>
            {{#if title}}
                <h2 class="featured-trip-ideas-card__title featured-trip-ideas-card__title--second">{{{title}}}</h2>
            {{/if}}
            <p class="featured-trip-ideas-card__description js-subtitle">
                {{#if description}}
                {{{description}}}
                {{/if}}
            </p>
        </div>
        <div>
            {{#ifEquals wayPoints.length 1}}
                <p class="featured-trip-ideas-card__location featured-trip-ideas-card__location--second js-location-name"><span class="featured-trip-ideas-card__location--bold">{{#each wayPoints}}{{#if @last}}{{name}}{{/if}}{{/each}}</span></p>
            {{/ifEquals}}
            {{#ifNotEquals wayPoints.length 1}}
                <p class="featured-trip-ideas-card__location featured-trip-ideas-card__location--first">From <span class="featured-trip-ideas-card__location--bold">{{#each wayPoints}}{{#if @first}}{{name}}{{/if}}{{/each}}</span> To <span class="featured-trip-ideas-card__location--bold">{{#each wayPoints}}{{#if @last}}{{name}}{{/if}}{{/each}}</span></p> 
            {{/ifNotEquals}}
            {{#if tags}}
                {{> @cp-hashtags tags}}
            {{/if}}
            {{#if button}}
                <a href="{{#if button.url}}{{button.url}}{{else}}#{{/if}}" class="featured-trip-ideas-card__button button-p1 button-p1--with-icon js-link" role="button">{{button.text}}</a>
            {{/if}}
        </div>
    </div>
    <a href="{{#if button.url}}{{button.url}}{{else}}#{{/if}}" class="featured-trip-ideas-card__link"></a>
</div>
{{{customeditframe.editframeStop}}}
/* No context defined for this component. */

There are no notes for this item.