Cp Product Header Intro Edit

{{{customeditframe.editframeStart}}}
<div class="product-header-intro" data-module="productHeaderIntro" data-preload="true">
    <div class="product-header-intro__main-container">
        <div class="grid-container product-header-intro__grid-container">
            <div class="product-header-intro__content grid-x">
                {{#if heading}}
                <div class="cell semilarge--hidden {{#if enableTravelSection}}{{#if map}}small-8 medium-10{{else}}small-12{{/if}}{{/if}} {{#if enableTravelSection}}semilarge-8{{else}}semilarge-12 large-9{{/if}}">
                    <h3 class="product-header-intro__heading">{{heading}}</h3>
                </div>
                {{/if}}
                {{#if enableTravelSection}}
                    {{#if map}}
                    <div class="cell small-4 medium-2 semilarge--hidden">
                        <div class="product-header-intro__map">
                            {{{map.svg}}}
                        </div>
                    </div>
                    {{/if}}
                {{/if}}
                <div class="cell small-12 {{#if enableTravelSection}}semilarge-8 large-7 product-header-intro__text-contents{{else}}semilarge-12 large-9{{/if}}">
                    {{#if heading}}
                    <h3 class="product-header-intro__heading semilarge--show">{{heading}}</h3>
                    {{/if}}
                    {{#if highlightList}}
                    {{> @cp-highlight-list highlightList}}
                    {{/if}}
                    {{#if bodyText}}
                    <div class="js-body-container">
                        <div class="product-header-intro__body-text js-body-text">{{{bodyText}}}</div>
                        {{#if cta}}
                            <div class="product-header-intro__read-more-less">
                                {{> @cp-read-more-read-less cta}}
                            </div>
                        {{/if}}
                    </div>
                    {{/if}}
                </div>
                {{#if enableTravelSection}}
                <div class="cell semilarge-4 large-offset-1 product-header-intro__divider">
                    {{#if map}}
                        <div class="product-header-intro__map semilarge--show">
                            {{{map.svg}}}
                        </div>
                    {{/if}}
                    {{#if travelSectionHeader}}
                        <h2 class="product-header-intro__heading-travel">{{travelSectionHeader}}</h2>
                    {{/if}}
                    <div class="product-header-intro__details-container">
                        {{#if eventDate}}
                            <p class="product-header-intro__event-dates">
                                <span class="product-header-intro__event-dates-copy">{{eventDate}}</span>
                            </p>
                        {{/if}}
                        {{#if locationCountyName}}
                            <p class="product-header-intro__location">
                                <span class="product-header-intro__located-in-copy">{{locatedInLabel}}</span>
                                {{#if locationCountyUrl}}
                                <a href="{{locationCountyUrl}}" class="product-header-intro__county-name" target="_self" aria-label="Read more about {{locationCountyName}}">{{locationCountyName}}</a>
                                {{else}}
                                <span class="product-header-intro__located-in-copy">{{locationCountyName}}</span>
                                {{/if}}
                            </p>
                        {{/if}}
                    </div>
                    {{#if travelSectionBody}}
                        <div class="product-header-intro__travel-section-body">{{{travelSectionBody}}}</div>
                    {{/if}}
                    {{#if externalCTA}}
                        {{> @cp-button-primary url=externalCTA.url text=externalCTA.text modifier="with-icon-external" target="_blank" cssClasses="product-header-intro__external-cta-button"}}
                    {{/if}}
                    <div class="product-header-intro__logo-text-container {{#ifNotEquals experienceBrandLogos.length 1}} product-header-intro__logo-text-container--multiple-logos{{/ifNotEquals}}">
                        {{#if supportLogoCopy}}
                        <div class="product-header-intro__logo-copy">{{{supportLogoCopy}}}</div>
                        {{/if}}
                        {{#if experienceBrandLogos}}
                            <div class="product-header-intro__logo-container">
                                {{#each experienceBrandLogos}}
                                    <a href="{{url}}" class="product-header-intro__logo-link" aria-label="Learn more about {{altText}}">
                                        <img src="{{imageUrl}}" alt="{{altText}}" class="product-header-intro__logo" />
                                    </a>
                                {{/each}}
                            </div>
                        {{/if}}
                    </div>
                </div>
                {{/if}}
            </div>
        </div>
    </div>
</div>
{{{customeditframe.editframeStop}}}