Cp Editorial Card

<div data-module="card" class="card-standard card-standard--editorial card-standard--editorial- js-editorial-card js-card-standard js-card-generic "> <template class="js-small-image-template"> <div class="card-standard__small-image-container js-small-image-container"> <figure class="image js-image js-small-image" data-module="imagelazy" data-is-small-image=""> <img class="image__lowres js-image-lazyload" data-object-fit data-src="" alt=""> <picture class="image__container"> <img class="js-image-lazyload js-fallback-image" data-object-fit data-src="" alt=""> </picture> </figure> </div> </template> <a href="#" class="card-standard__anchor js-link"> <p class="card-standard__page-type js-page-type"></p> <div class="card-standard__inner"> <div class="card-standard__details"> <p class="card-standard__headline"></p> <h3 class="card-standard__title js-title"></h3> <p class="card-standard__subtitle js-subtitle"></p> </div> <p class="card-standard__location js-location-name"></p> </div> </a> </div>
<div data-module="card" class="card-standard card-standard--editorial card-standard--editorial-{{presentationMode}} js-editorial-card js-card-standard js-card-generic {{#if isSmall}}card-standard--small{{/if}} {{#if locationName}}has-location{{/if}}{{#ifEquals cardType "Destination"}} card-standard--destination{{/ifEquals}} {{#if tags}}has-tags{{/if}}" {{#if cardId}}data-card-id={{cardId}}{{/if}} {{#if location}}data-longitude="{{location.longitude}}" data-latitude="{{location.latitude}}"{{/if}}> {{#if webAppMode}} {{#if location}}{{> @cp-location-marker longitude=location.longitude latitude=location.latitude}}{{/if}} {{> @cp-like-button likeText}} {{/if}} {{#ifEquals presentationMode "video"}} <div class="card-standard__media-atom-container"> {{> @cp-rich-media-atom is360Video=is360Video title=title subtitle=subtitle fullVideo=fullVideo isInsideTransform=true }} <p class="card-standard__location js-location-name">{{locationName}}</p> {{#if tags}} {{> @cp-hashtags tags }} {{/if}} </div> {{/ifEquals}} {{#ifNotEquals presentationMode "video"}} <template class="js-small-image-template"> <div class="card-standard__small-image-container js-small-image-container"> {{> @cp-medium-image additionalCssClasses="js-small-image" lowResolutionUrl=responsiveImage.lowResolutionUrl fallbackImageUrl=responsiveImage.fallbackImageUrl sources=responsiveImage.sources caption=responsiveImage.caption dynamicImage=dynamicImage forceLoad=responsiveImage.forceLoad}} </div> </template> <a href="{{#if link.url}}{{link.url}}{{else}}#{{/if}}" {{#if link.target}} target="{{link.target}}"{{#ifEquals link.target "_blank"}} rel="noopener"{{/ifEquals}}{{/if}} class="card-standard__anchor js-link"> {{#ifEquals presentationMode "collage"}} <div class="card-standard__image-container card-standard__image-container--collage"> <div class="card-standard__collage-inner"> {{#each simpleImages}} <div class="card-standard__collage-item" style="background-image: url('{{src}}')"></div> {{/each}} </div> </div> {{/ifEquals}} {{#ifEquals presentationMode "imageNoPadding"}} <div class="card-standard__image-container js-image-container {{#if fullWidthImage}} card-standard__image-container--full-width {{/if}}"> {{> @cp-medium-image lowResolutionUrl=responsiveImage.lowResolutionUrl fallbackImageUrl=responsiveImage.fallbackImageUrl sources=responsiveImage.sources caption=responsiveImage.caption dynamicImage=dynamicImage forceLoad=responsiveImage.forceLoad}} </div> {{/ifEquals}} {{#ifEquals presentationMode "image"}} <div class="card-standard__image-container card-standard__image-container--padding js-image-container {{#if fullWidthImage}} card-standard__image-container--full-width {{/if}}"> {{> @cp-medium-image lowResolutionUrl=responsiveImage.lowResolutionUrl fallbackImageUrl=responsiveImage.fallbackImageUrl sources=responsiveImage.sources caption=responsiveImage.caption dynamicImage=dynamicImage forceLoad=responsiveImage.forceLoad}} </div> {{/ifEquals}} {{#ifEquals presentationMode "imageFullWidth"}} <div class="card-standard__image-container card-standard__image-container--full-width js-image-container {{#if fullWidthImage}} card-standard__image-container--full-width {{/if}}"> {{> @cp-medium-image lowResolutionUrl=responsiveImage.lowResolutionUrl fallbackImageUrl=responsiveImage.fallbackImageUrl sources=responsiveImage.sources caption=responsiveImage.caption dynamicImage=dynamicImage forceLoad=responsiveImage.forceLoad}} </div> {{/ifEquals}} <p class="card-standard__page-type js-page-type">{{pageType}}</p> <div class="card-standard__inner"> <div class="card-standard__details"> {{#if timeSpan.text}}<time class="card-standard__read-time js-readtime" datetime="{{timeSpan.stamp}}">{{timeSpan.text}}</time>{{/if}} <p class="card-standard__headline">{{headline}}</p> <h3 class="card-standard__title js-title">{{{title}}}</h3> <p class="card-standard__subtitle js-subtitle">{{{subtitle}}}</p> </div> <p class="card-standard__location js-location-name">{{locationName}}</p> {{#if tags}} {{> @cp-hashtags tags }} {{/if}} </div> </a> {{/ifNotEquals}} </div>
/* No context defined for this component. */

There are no notes for this item.