{{!--
{{#each categories}}
    {{#if id '===' '441'}}
        {{#each children}}

        <div class="solu_catediv">

                <div class="twodiv">
                    {{#if image}}
                        {{> components/common/responsive-img
                            image=image
                            fallback_size=theme_settings.zoom_size
                            lazyload=theme_settings.lazyload_mode
                            class="menu-category-image"
                        }}
                    {{/if}}
                </div>
                <div>
                    {{{description}}}
                </div>

        </div>

        {{/each}}
    {{/if}}
{{/each}}
--}}

<div class="solution-menu-dropdown">
    {{#each categories}}
        {{#if id '===' '441'}}
            {{#each children}}
            <div class="solu_catediv" id="solution_{{id}}">
                <div class="twodiv solution-image">
                    {{#if image}}
                    <img src="{{getImage  image 'productthumb_size'}}" data-src="{{getImage image 'zoom_size'}}" alt="{{image.alt}}" class="lazyload">
                    {{/if}}
                </div>
                <div class="solution-content">
                    {{{description}}}
                </div>
            </div>
            {{/each}}
        {{/if}}
    {{/each}}
</div>




<script type="text/javascript">
    $(document).ready(function(){
        var soluLength = $('.tab_box .solutions-item .solu_catediv').length;
        if(soluLength < 6 && soluLength > 3) {
            $('.solu_catediv').css({
                'width':`calc(100% / ${soluLength})`
            })
        }else if(soluLength > 5) {
            $('#solution-menu-dropdown').css({
                'flex-wrap':"wrap",
                "max-height": "initial"
            })
        }

        // $(".solution-content a").each(function(){
        //     console.log($(this).attr("href"));
        //     $(this).attr("href", $(this).attr("href").replace("%%GLOBAL_ShopPathSSL%%","") );
        // })

    })
</script>