Cp Discovery Hero Edit 

<div class="discovery-hero" data-module="discoveryHero" data-has-tear="false">
    <div class="hero-controls hero-controls--left">
        <div class="hero-controls__timer js-hero-timer active">
            <svg class="hero-controls__timer-circle">
                <circle r="27" cx="33" cy="33"></circle>
            </svg>
            <div class="hero-controls__button hero-controls__button--pause js-hero-pause"></div>
            <div class="hero-controls__button hero-controls__button--play js-hero-play disabled"></div>
        </div>
    </div>
    <div class="carousel">
        <div class="carousel__slider">
        </div>
    </div>
    <div class="hero-controls hero-controls--right">
        <div class="hero-controls__button hero-controls__button--prev js-hero-prev"></div>
        <div class="hero-controls__button hero-controls__button--next js-hero-next"></div>
    </div>
</div>
 
{{{customeditframe.editframeStart}}}
<div class="discovery-hero{{#if isTearVariant}} discovery-hero--has-tear{{/if}}" data-module="discoveryHero" data-has-tear="{{#if isTearVariant}}true{{else}}false{{/if}}">
    {{#if isTearVariant}}
    <div class="discovery-hero__heading">
        <div class="grid-container">
            <div class="grid-x">
                <div class="cell medium-6">
                    <h1 class="discovery-hero__title">{{{title}}}</h1>
                    <p class="discovery-hero__subtitle">{{{subtitle}}}</p>
                    {{#if tags }}
                        <div class="discovery-hero__tags">
                            {{> @cp-hashtags tags }}
                        </div>
                    {{/if}}
                </div>
            </div>
        </div>
    </div>
    {{/if}}
    {{> @cp-hero-controls isTimer=true modifier="left"}}
    <div class="carousel">
        <div class="carousel__slider">
            {{#each slides}}
            {{#if ../isTearVariant}}
            <div class="carousel__slide cell hero-slide hero-slide--has-tear">
                {{> @cp-discovery-hero-slide-with-tear-edit}}
            </div>
            {{else}}
            <div class="carousel__slide cell hero-slide {{#if theme}}hero-slide--{{theme}}{{/if}}">
                {{> @cp-discovery-hero-slide-edit}}
            </div>
            {{/if}}
            {{/each}}
        </div>
    </div>
    {{> @cp-hero-controls modifier="right"}}
</div>
{{{customeditframe.editframeStop}}}
 
/* No context defined for this component. */

There are no notes for this item.