Cp Trip Idea Card Horizontal

<div data-module="card" class="card-horizontal js-card-generic "> <a class="card-horizontal__link js-link" href="#"> <div class="card-horizontal__image js-image"> <figure class="image js-image image--original-size " data-module="imagelazy" data-is-small-image=""> <img class="image__lowres js-image-lazyload" data-src="" alt=""> <picture class="image__container"> <img class="js-image-lazyload js-fallback-image" data-src="" alt=""> </picture> </figure> </div> <div class="card-horizontal__copy"> <p class="card-horizontal__page-type js-page-type"></p> <h2 class="card-horizontal__title js-title"></h2> <p class="card-horizontal__subtitle js-subtitle"></p> <p class="card-horizontal__location js-location-name"></p> </div> </a> </div>
<div data-module="card" class="card-horizontal js-card-generic {{#if tags}}has-tags{{/if}}" {{#if location}}data-longitude="{{location.longitude}}" data-latitude="{{location.latitude}}"{{/if}} {{#if isEditorialCard}}data-editorial-card="true"{{/if}}> <a class="card-horizontal__link js-link" href="{{#if link.url}}{{link.url}}{{else}}#{{/if}}" {{#if link.target}} target="{{link.target}}"{{#ifEquals link.target "_blank"}} rel="noopener"{{/ifEquals}}{{/if}} {{#if cardId}}data-card-id={{cardId}}{{/if}}> <div class="card-horizontal__image js-image"> {{> @cp-medium-image lowResolutionUrl=responsiveImage.lowResolutionUrl fallbackImageUrl=responsiveImage.fallbackImageUrl sources=responsiveImage.sources caption=responsiveImage.caption originalSize=true forceLoad=responsiveImage.forceLoad}} </div> <div class="card-horizontal__copy"> {{#if webAppMode}} {{#if location}}{{> @cp-location-marker longitude=location.longitude latitude=location.latitude}}{{/if}} {{> @cp-like-button likeText}} {{/if}} <p class="card-horizontal__page-type js-page-type">{{pageType}}</p> {{#if tripInfo.text}} <div class="card-horizontal__trip-idea-info card-horizontal__trip-idea-info--{{tripInfo.travelMethod}}"> {{tripInfo.text}} </div> {{/if}} <h2 class="card-horizontal__title js-title">{{{title}}}</h2> <p class="card-horizontal__subtitle js-subtitle">{{{subtitle}}}</p> <p class="card-horizontal__location js-location-name">{{locationName}}</p> </div> </a> </div>
/* No context defined for this component. */

There are no notes for this item.