<div class="scroll_container">
    <div class="scrollable_container">

        <input id="typeNoteBookContaier" value="true" type="hidden"/>

        <ul id="my-list-results" class="my_list">
            {{#each quicklist}}
                {{#if quicklistItemsInDifferentFamilies}}
                    <li class="my_list_product" id="{{term}}">
                        <a href="javascript:removeQuicklistResult('{{term}}')" class="delete">&nbsp;</a>
                        <a class="show_filter multiple" title="{{term}}" href="javascript:void(0);">{{term}} <span>({{i18n "quickListTemplate.someSuggestions"}})</span></a>

                        <div class="product_suggestions_container">
                        {{#each quicklist}}
                            <span class="suggestions_title">{{facetDescription}}</span>

                            <ul class="suggestions_list">
                                {{#each families}}
                                    <li class="suggestion">
                                        <a class="suggestion_link" title="{{facetDescription}}" href="{{STORE_CONTEXT_ROOT}}/category?secId={{../facetId}}&famId={{facetId}}&term={{termEncoded}}&source={{QL}}" onclick="javascript:showLoader()"><span class="text">{{facetDescription}}</span> <span class="quantity">({{itemsCount}})</span></a>
                                    </li>
                                {{/each}}
                            </ul>

                        {{/each}}
                        </div>
                    </li>
                {{/if}}


                {{#if quicklistItemsInOneFamily}}
                    <li class="my_list_product" id="{{term}}">
                        <a href="javascript:removeQuicklistResult('{{term}}')" class="delete">&nbsp;</a>
                        <a class="show_filter" title="{{term}}" href="{{STORE_CONTEXT_ROOT}}/category?secId={{secId}}&famId={{facetId}}&term={{termEncoded}}&source={{QL}}" onclick="javascript:showLoader()">{{term}}</a>
                    </li>
                {{/if}}

                {{#if quicklistNoItemsFound}}
                    <li class="my_list_product" id="{{term}}">
                        <a href="javascript:removeQuicklistResult('{{term}}')" class="delete">&nbsp;</a>
                        <a class="show_filter" title="{{term}}" href="{{STORE_CONTEXT_ROOT}}/searching?term={{termEncoded}}&source={{QL}}" onclick="javascript:showLoader()">{{term}}</a>
                    </li>
                {{/if}}
           {{/each}}
        </ul>
        <div id="scroll-my-list" class="custom_scroll_container active">
            <span class="scroll_end top"></span>
            <div class="custom_scroll"></div>
            <span class="scroll_end bottom"></span>
        </div>
    </div>
</div>
<a class="orange_button" title="{{i18n "quickListTemplate.searchProductsTitle"}}" href="javascript:initQuickListResults();">{{i18n "quickListTemplate.addMoreProducts"}}</a>
<a class="white_button" title="{{i18n "quickListTemplate.misListasTitle"}}" href="javaScript: void(0);" onclick="javascript:initMiListasFromAsistente();dataLayer.push({event:'event_gtm', category:'acciones usuario', action:'ver mis listas'});">{{i18n "quickListTemplate.misListasTitle"}}</a>