Cacher is the code snippet organizer for pro developers

<div class="clearfix"></div>
<div class="subcategory-listing col-md-12 container-fluid clearfix">
    <mvt:foreach iterator="sub_category" array="sub_categories">
        <mvt:assign name="subcat_image" value="''" />
        <mvt:item name="toolkit" param="cxp|pcount|l.all_settings:sub_category:id" />
        <mvt:if expr="pcount GT 0">
            <mvt:assign name="prodcounter" value="0" />
            <mvt:foreach iterator="sub_product" array="sub_products">
                <mvt:assign name="prodcounter" value="g.prodcounter + 1" />
                <mvt:if expr="g.prodcounter EQ 1">
                    <mvt:item name="toolkit" param="customimage|subcat_image|l.all_settings:sub_product:id|thumb|234|144|1" />
                </mvt:if>
            </mvt:foreach>
        </mvt:if>
        <mvt:if expr="ISNULL g.subcat_image">
            <mvt:item name="toolkit" param="subcat2|ccount2|l.all_settings:sub_category:code" />
            <mvt:if expr="ccount2 GT 0">
               <mvt:assign name="scatscounter" value="0" />
               <mvt:foreach iterator="sub_category2" array="sub_categories2">
                <mvt:assign name="scatscounter" value=" g.scatscounter + 1" />
                <mvt:if expr="g.scatscounter EQ 1">
                <mvt:assign name="subcat_image" value="''" />
                <mvt:item name="toolkit" param="cxpc|pcount|l.all_settings:sub_category2:code" />
                <mvt:if expr="pcount GT 0">
                    <mvt:assign name="prodcounter" value="0" />
                    <mvt:foreach iterator="sub_product" array="sub_products">
                        <mvt:assign name="prodcounter" value="g.prodcounter + 1" />
                        <mvt:if expr="g.prodcounter EQ 1">
                            <mvt:item name="toolkit" param="customimage|subcat_image|l.all_settings:sub_product:id|thumb|234|144|1" />
                        </mvt:if>
                    </mvt:foreach>
                </mvt:if>                    
                </mvt:if>
                </mvt:foreach>
            </mvt:if>
        </mvt:if>
        <div class="col-md-4 col-sm-4 col-xs-6 subcategory-wrapper">
            <div class="subcategory-item box-shadow">
                <div class="item-image">
                <mvt:item name="toolkit" param="cattreeimage|subcatImage|l.all_settings:sub_category:code" />
                <mvt:if expr="g.subcatImage">
                    <img src="&mvte:global:subcatImage" class="img-responsive" alt="Shop &mvte:sub_category:name; Now" title="Shop &mvte:sub_category:name; Now" />
                <mvt:elseif expr="g.subcat_image">
                    <a href="/&mvt:sub_category:code;.html"><img src="&mvt:global:subcat_image" class="img-responsive" alt="Shop &mvte:sub_category:name; Now" title="Shop &mvte:sub_category:name; Now" /></a>
                <!-- If there is no image to pull it will check for existence of a category title image -->
                <mvt:elseif expr="NOT ISNULL l.settings:sub_category:image">
                    <a href="/&mvt:sub_category:code;.html"><img src="&mvt:sub_category:image;" class="img-responsive" alt="Shop &mvte:sub_category:name; Now" title="Shop &mvte:sub_category:name; Now" /></a>
                <mvt:else>
                    <a href="/&mvt:sub_category:code;.html"><img src="graphics/00000001/images/img-unavailable.png" class="img-responsive" alt="Shop &mvte:sub_category:name; Now" title="Shop &mvte:sub_category:name; Now" /></a>
                </mvt:if>                   
                </div>
                <div class="item-details">
                    <h5><a href="/&mvta:sub_category:code;.html">&mvte:sub_category:name;</a></h5>
                </div>
            </div>
        </div>
    </mvt:foreach>
</div>