Community 

<div class="community-search" data-module="communitySearch" data-search-api-endpoint="https://azure-qa-cmty.ireland.com/api/search/{0}" data-custom-search-term="Atlantic Way">
    <div class="grid-container">
        <div class="grid-x">
            <div class="community-search__heading cell">
                <div class="community-search__heading-text">
                    <h3 class="community-search__title js-community-search-title" data-title="Community posts related to {0}">Community posts related to {0}</h3>
                    <p class="community-search__subtitle">Get opinions from trusted locals or from past travellers to see what else Galway has to offer.</p>
                    <p class="community-search__caption">Usually responds between 24 - 72 hours</p>
                </div>
                <div class="community-search__heading-logo"></div>
            </div>
            <div class="community-search__results-wrapper cell">
                <template>
                    <div class="community-search-post">
                        <a class="community-search-post__link">
                            <div class="community-search-post__profile">
                                <div class="community-search-post__avatar-wrapper">
                                    <div class="community-search-post__avatar" style="background-image: url('https://images.unsplash.com/photo-1502307100811-6bdc0981a85b?ixlib&#x3D;rb-1.2.1&amp;ixid&#x3D;eyJhcHBfaWQiOjEyMDd9&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;w&#x3D;200&amp;q&#x3D;80')"></div>
                                </div>
                                <div class="community-search-post__username"></div>
                            </div>
                            <div class="community-search-post__content">
                                <p class="community-search-post__title"></p>
                                <div class="community-search-post__replies" data-replies-plural="{0} replies" data-replies-singular="{0} reply">
                                    <div class="community-search-post__replies-icon"></div>
                                    <p class="community-search-post__replies-label"></p>
                                </div>
                            </div>
                        </a>
                    </div>
                </template>
                <div class="js-results">
                    <p class="community-search__message community-search__message--error">Something went wrong...</p>
                </div>
                <div class="community-search__button">
                    <a href="#" class="button-p1 button-p1--with-icon  " role="button">Join the conversation</a>
                </div>
            </div>
        </div>
    </div>
</div>
 
<div class="community-search" data-module="communitySearch" data-search-api-endpoint="{{searchApiEndpoint}}" data-custom-search-term="{{searchTerm}}">
    <div class="grid-container">
        <div class="grid-x">
            <div class="community-search__heading cell">
                <div class="community-search__heading-text">
                    <h3 class="community-search__title js-community-search-title" data-title="{{title}}">{{title}}</h3>
                    <p class="community-search__subtitle">{{subtitle}}</p>
                    {{#if caption}}
                    <p class="community-search__caption">{{caption}}</p>
                    {{/if}}
                </div>
                <div class="community-search__heading-logo"></div>
            </div>
            <div class="community-search__results-wrapper cell">
                <template>
                {{> @cp-community-search-post}}
                </template>
                <div class="js-results">
                    <p class="community-search__message community-search__message--error">{{errorMessage}}</p>
                </div>
                <div class="community-search__button">
                    {{> @cp-button-primary target=button.target url=button.url text=button.text modifier="with-icon" }}
                </div>
            </div>
        </div>
    </div>
</div>
 
{
  "searchApiEndpoint": "https://azure-qa-cmty.ireland.com/api/search/{0}",
  "searchTerm": "Atlantic Way",
  "title": "Community posts related to {0}",
  "subtitle": "Get opinions from trusted locals or from past travellers to see what else Galway has to offer.",
  "caption": "Usually responds between 24 - 72 hours",
  "defaultUserImage": "https://images.unsplash.com/photo-1502307100811-6bdc0981a85b?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=200&q=80",
  "repliesLabelSingular": "{0} reply",
  "repliesLabelPlural": "{0} replies",
  "errorMessage": "Something went wrong...",
  "button": {
    "url": "#",
    "text": "Join the conversation"
  }
}

There are no notes for this item.