Cp Overview Header Hero Edit 

<div class="overview-header-hero" data-module="overviewHeaderHero">
    <div class="overview-header-hero--mobile">
        <div class="overview-header-hero__top-section">
            <div class="grid-container overview-header-hero__grid-container">
                <div class="overview-header-hero__content grid-x">
                    <div class="cell small-10 medium-11">
                        <h1 class="overview-header-hero__title"></h1>
                    </div>
                    <div class="cell small-2 medium-1">
                    </div>
                </div>
            </div>
            <div class="grid-container overview-header-hero__grid-container overview-header-hero__image-carousel-container ">
                <div class="grid-x">
                    <div class="cell">
                        <div role="region" class="image-carousel-hero  " data-module="ImageCarouselHero" data-preload="true" data-image-large-preload="" data-image-small-preload="">
                            <div class="carousel" aria-label="">
                                <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>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="overview-header-hero--desktop">
        <div class="overview-header-hero__top-section">
            <div class="grid-container overview-header-hero__grid-container overview-header-hero__title-container">
                <div class="overview-header-hero__content grid-x">
                    <div class="cell small-10 medium-8">
                        <h1 class="overview-header-hero__title"></h1>
                    </div>
                    <div class="cell medium-2 medium-offset-1">
                    </div>
                    <div class="cell small-2 medium-1">
                    </div>
                </div>
            </div>
        </div>
        <div class="grid-container overview-header-hero__grid-container overview-header-hero__image-carousel-container ">
            <div class="grid-x">
                <div class="cell">
                    <div role="region" class="image-carousel-hero  " data-module="ImageCarouselHero" data-preload="true" data-image-large-preload="" data-image-small-preload="">
                        <div class="carousel" aria-label="">
                            <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>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
 
{{{customeditframe.editframeStart}}}
<div class="overview-header-hero" data-module="overviewHeaderHero">
    <div class="overview-header-hero--mobile">
        <div class="overview-header-hero__top-section">
            <div class="grid-container overview-header-hero__grid-container">
                <div class="overview-header-hero__content grid-x">
                    <div class="cell small-10 medium-11">
                        <h1 class="overview-header-hero__title">{{title}}</h1>
                    </div>
                    <div class="cell small-2 medium-1">
                        {{#if likeButton}}
                        {{> @cp-hero-like-button likeButton}}
                        {{/if}}
                    </div>
                </div>
            </div>
            <div class="grid-container overview-header-hero__grid-container overview-header-hero__image-carousel-container {{#ifLengthGreaterOrEqual imageCarouselHero.slides 7}}overview-header-hero__image-carousel-container--more-than-six{{/ifLengthGreaterOrEqual}}">
                <div class="grid-x">
                    <div class="cell">
                        {{> @cp-image-carousel-hero imageCarouselHero }}
                    </div>
                </div>
            </div>
            {{#if brandMark}}
            <div class="grid-container overview-header-hero__grid-container">
                <div class="grid-x">
                    <div class="cell">
                        <div class="overview-header-hero__brand-mark">
                            {{{brandMark.svg}}}
                        </div>
                    </div>
                </div>
            </div>
            {{/if}}
        </div>
    </div>
    <div class="overview-header-hero--desktop">
        <div class="overview-header-hero__top-section">
            <div class="grid-container overview-header-hero__grid-container overview-header-hero__title-container">
                <div class="overview-header-hero__content grid-x">
                    <div class="cell small-10 medium-8">
                        <h1 class="overview-header-hero__title">{{title}}</h1>
                    </div>
                    <div class="cell medium-2 medium-offset-1">
                        {{#if brandMark}}
                        <div class="overview-header-hero__brand-mark">
                            {{{brandMark.svg}}}
                        </div>
                        {{/if}}
                    </div>
                    <div class="cell small-2 medium-1">
                        {{#if likeButton}}
                        {{> @cp-hero-like-button likeButton}}
                        {{/if}}
                    </div>
                </div>
            </div>
        </div>
        <div class="grid-container overview-header-hero__grid-container overview-header-hero__image-carousel-container {{#ifLengthGreaterOrEqual imageCarouselHero.slides 7}}overview-header-hero__image-carousel-container--more-than-six{{/ifLengthGreaterOrEqual}}">
            <div class="grid-x">
                <div class="cell">
                    {{> @cp-image-carousel-hero imageCarouselHero }}
                </div>
            </div>
        </div>
    </div>
</div>
{{{customeditframe.editframeStop}}}
 
/* No context defined for this component. */

There are no notes for this item.