<div class="image-carousel-hero " data-module="ImageCarouselHero" data-preload="true" data-image-large-preload="" data-image-small-preload="">
<div class="carousel">
<div class="carousel__slider">
</div>
</div>
<div class="image-carousel-hero__details-container">
<div class="image-carousel-hero-controls">
<div class="image-carousel-hero-controls__button image-carousel-hero-controls__button--prev js-hero-prev"></div>
<div class="image-carousel-hero-controls__button image-carousel-hero-controls__button--next js-hero-next"></div>
</div>
<div class="image-carousel-hero__information-icon-container">
<button class="image-carousel-hero__information-icon js-information-icon" aria-label="More information"></button>
</div>
</div>
</div>
{{{customeditframe.editframeStart}}}
<div class="image-carousel-hero {{#ifEquals maxItems 12}}image-carousel-hero--max-12{{/ifEquals}} {{#ifEquals slides.length 1}}image-carousel-hero--one-item{{/ifEquals}}" data-module="ImageCarouselHero" data-preload="true" data-image-large-preload="{{slides.0.backgroundResponsiveImage.sources.0.largeUrl}}" data-image-small-preload="{{slides.0.backgroundResponsiveImage.sources.0.smallUrl}}">
<div class="carousel">
{{#if likeButton}}
{{> @cp-hero-like-button likeButton}}
{{/if}}
<div class="carousel__slider">
{{#each slides}}
<div class="carousel__slide cell hero-slide">
{{> @cp-image-carousel-hero-slide}}
</div>
{{/each}}
</div>
</div>
<div class="image-carousel-hero__details-container">
{{> @cp-image-carousel-hero-controls}}
<div class="image-carousel-hero__information-icon-container">
<button class="image-carousel-hero__information-icon js-information-icon" aria-label="More information"></button>
</div>
</div>
</div>
{{{customeditframe.editframeStop}}}
/* No context defined for this component. */
There are no notes for this item.