Cp Editorial Map And Card Grid Edit 

<div class="editorial-map-and-card-grid   " data-module="editorialMapAndCardGrid" data-map-key="">
    <div class="editorial-map-and-card-grid__inner grid-layout__full-width">
        <div class="grid-x grid-margin-x">
        </div>
        <div class="editorial-map-and-card-grid__card-view ">
            <div class="grid-x grid-margin-x">
            </div>
        </div>
        <div class="editorial-map-and-card-grid__map-view">
            <div data-default-overlay-button-text="" class="editorial-map-and-card-grid__map-result-overlay js-overlay">
                <div data-module="card" class="card-standard 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="">
                                <template>
                                    <figure class="image js-image  js-small-image loaded" data-module="imagelazy">
                                        <img class="image__lowres js-image-lazyload" data-object-fit />
                                        <picture class="image__container"></picture>
                                    </figure>
                                </template>
                                <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">
                        <div class="card-standard__image-container js-image-container">
                            <figure class="image js-image  " data-module="imagelazy" data-is-small-image="">
                                <template>
                                    <figure class="image js-image   loaded" data-module="imagelazy">
                                        <img class="image__lowres js-image-lazyload" data-object-fit />
                                        <picture class="image__container"></picture>
                                    </figure>
                                </template>
                                <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>
                        <p class="card-standard__page-type js-page-type"></p>
                        <div class="card-standard__inner">
                            <div class="card-standard__details">
                                <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>
                <a href="#" class="editorial-map-and-card-grid__map-result-overlay-close js-overlay-close"></a>
            </div>
            <div class="editorial-map-and-card-grid__map-results-container">
                <div class="overlay-card-modal-container js-overlay-map-card-modal">
                    <div class="overlay-card-modal-container__inner">
                        <button class="overlay-card-modal-container__back js-card-modal-close"></button>
                        <div class="overlay-card-modal-container__card-wrapper js-card-modal-inner">
                        </div>
                        <div class="overlay-card-modal-container__button-wrapper">
                            <a class="button-p1 button-p1--with-icon js-button-link"></a>
                            <button class="button-p2 button-p2--with-icon button-p2--with-icon-map js-button-map"></button>
                        </div>
                    </div>
                </div>
                <div class="editorial-map-and-card-grid__map-results js-map-results">
                    <div class="editorial-map-and-card-grid__map-api-results">
                    </div>
                </div>
            </div>
            <div class="editorial-map-and-card-grid__map-container">
                <link href="https://api.mapbox.com/mapbox-gl-js/v1.8.1/mapbox-gl.css" rel="stylesheet" />
                <div class="editorial-map-and-card-grid__map js-editorial-map-card-grid-map" id="map"></div>
            </div>
        </div>
    </div>
</div>
 
{{{customeditframe.editframeStart}}}
<div class="editorial-map-and-card-grid {{#ifEquals type "map"}}map-view{{/ifEquals}} {{#ifEquals type "mapAndCards"}}map-view{{/ifEquals}} {{#ifEquals type "cards"}}card-view{{/ifEquals}}" data-module="editorialMapAndCardGrid" data-map-key="{{mapKey}}">
    <div class="editorial-map-and-card-grid__inner grid-layout__full-width">
        <div class="grid-x grid-margin-x">
            {{#if title}}<h2 class="editorial-map-and-card-grid__title cell">{{{title}}}</h2>{{/if}}
            {{#if subtitle}}<p class="editorial-map-and-card-grid__subtitle cell">{{{subtitle}}}</p>{{/if}}
            {{#ifEquals type "mapAndCards"}}
            <div class="editorial-map-and-card-grid-toggle">
                <a href="#" class="editorial-map-and-card-grid-toggle__map-toggle js-show-map">Map View</a>
                <a href="#" class="editorial-map-and-card-grid-toggle__card-toggle js-show-cards">Card View</a>
            </div>
            {{/ifEquals}}
        </div>
        {{> @cp-card-view }}
        {{> @cp-map-view }}
    </div>
</div>
{{{customeditframe.editframeStop}}}
 
/* No context defined for this component. */

There are no notes for this item.