Footer ( Corrdyn)

In this extension, we have used a customised feature instead of the default one. We have 4 levels column and on horizontal section too. Majority of footer links are coming from static SMT page. 

 <div  data-view="TOU.date"></div> 
<div data-view="Global.BackToTop"></div> 
<div class="footer-content"> 
    <div class="footer-banner">
        <div id="banner-footer-top" class="content-banner-top banner-footer-top" data-cms-area="global_banner_footer_top" data-cms-area-filters="path"></div> 
        <div id="banner-footer" class="content-banner banner-footer" data-cms-area="global_banner_footer" data-cms-area-filters="global"></div> 

    </div> 

    <div class="footer-content-nav-copyright"> 

        <div class="footer-content-nav"> 

            {{#if showFooterNavigationLinks}} 

                <ul class="footer-content-nav-list"> 

                    {{#each footerNavigationLinks}} 

                        <li> 

                            <a {{objectToAtrributes item}}> 

                                {{text}} 

                            </a> 

                        </li> 

                    {{/each}} 

                </ul> 

            {{/if}} 

        </div> 

    </div> 

    <div class="footer-content-newsletter-social"> 

      {{#if extraFooter.showLegacyNewsletter}} 

        <div class="footer-content-newsletter" data-view="FooterContent"></div> 

      {{else}} 

        <div class="newsletter-cct-area" data-cms-area="newsletter-cct-area" data-cms-area-filters="global"></div> 

      {{/if}} 

    </div> 

</div> 

<div class="footer-columns-wrapper"> 

    <div class="footer-columns-container"> 

        <div class="footer-columns"> 

            {{#if extraFooter.col1Links}} 

            <div class="footer-column-links"> 

                <ul> 

                {{#each extraFooter.col1Links}} 

                {{#if href}} 

                    <li class="footer-column-link-listitem"><a class="footer-column-link" {{objectToAtrributes item}} data-hashtag="{{datahashtag}}" data-touchpoint="{{datatouchpoint}}" data-target="{{datatarget}}">{{text}}</a></li> 

                {{else}} 

                    <li class="footer-column-heading-listitem"><h4 class="footer-column-heading">{{text}}</h4></li> 

                {{/if}} 

                {{/each}} 

                </ul> 

            </div> 

            {{/if}} 

            {{#if extraFooter.col2Links}} 

            <div class="footer-column-links"> 

                <ul> 

                {{#each extraFooter.col2Links}} 

                {{#if href}} 

                    <li class="footer-column-link-listitem"><a class="footer-column-link" {{objectToAtrributes item}} data-hashtag="{{datahashtag}}" data-touchpoint="{{datatouchpoint}}" data-target="{{datatarget}}">{{text}}</a></li> 

                {{else}} 

                    <li class="footer-column-heading-listitem"><h4 class="footer-column-heading">{{text}}</h4></li> 

                {{/if}} 

                {{/each}} 

                </ul> 

            </div> 

            {{/if}} 

            {{#if extraFooter.col3Links}} 

            <div class="footer-column-links"> 

                <ul> 

                {{#each extraFooter.col3Links}} 

                {{#if href}} 

                    <li class="footer-column-link-listitem"><a class="footer-column-link" {{objectToAtrributes item}} data-hashtag="{{datahashtag}}" data-touchpoint="{{datatouchpoint}}" data-target="{{datatarget}}">{{text}}</a></li> 

                {{else}} 

                    <li class="footer-column-heading-listitem"><h4 class="footer-column-heading">{{text}}</h4></li> 

                {{/if}} 

                {{/each}} 

                </ul> 

            </div> 

            {{/if}} 

            <div class="footer-column-links"> 

                <ul> 

                    <li class="footer-column-heading-listitem"><h4 class="footer-column-heading">Contact Us:</h4></li> 

                    <li class="footer-column-link-listitem fourth-column-header"> 

                        <div class="fourth-column">Phone Orders or Questions</div> 

                        <div class="fourth-column-content"><a href="tel:+18004199524">800-419-9524</a></div> 

                    </li> 

                    <li class="footer-column-link-listitem fourth-column-header"> 

                        <div class="fourth-column">Fax Orders</div> 

                        <div class="fourth-column-content">800-446-5597</div> 

                    </li> 

                    <li class="footer-column-link-listitem fourth-column-header"> 

                        <div class="fourth-column">Email Us</div> 

                        <div class="fourth-column-content"><a href="/contact-us" data-touchpoint="home">Service@ValleyVet.com</a></div> 

                    </li> 

                     <li class="footer-column-link-listitem fourth-column-header desktop-view-site-search"> 

                        <div class="fourth-column">Valley Vet Supply</div> 

                        <div class="fourth-column-content">1118 Pony Express Hwy.</div> 

                        <div class="fourth-column-content">Marysville, Kansas 66508</div> 

                        <div class="fourth-column-content">www.ValleyVet.com</div> 

                    </li> 

                </ul> 

            </div> 

        </div> 

                    <div class="footer-linkes-custom-address mobile-view-site-search"> 

                    <div class="fourth-column1 fourth-column-header">Valley Vet Supply </div> 

                 <div class="address-data-footer-vv">1118 Pony Express Hwy. Marysville, Kansas 66508</div>     

                    <div class="fourth-column-content1 ">www.ValleyVet.com</div> 

            </div><br /> 

        <div class="footer-content-copyright"> 

            {{translate 'Copyright &copy; Valley Vet Supply '}}{{Year}} 

        </div> 

    </div>  

    <div class="footer-extra"> 

        <div class=" footer-columns-container"> 

            {{#if extraFooter.socialMediaLinks}} 

                <div class="footer-social-media "> 

                    <ul> 

                        {{#each extraFooter.socialMediaLinks}} 

                            <li><a {{objectToAtrributes item}} data-hashtag="{{datahashtag}}" data-touchpoint="{{datatouchpoint}}" data-target="{{datatarget}}" target="_blank">{{#if icon}}<div class="{{icon}}"></div>{{else}}{{text}}{{/if}}</a></li> 

                        {{/each}} 

                    </ul> 

                </div> 

            {{/if}} 

            <div class="badges_secure"> 

                <div class="vet_vipps"><a href="https://safe.pharmacy/buy-safely" rel="noopener" target="_blank"><figure><img class="" src="https://www.valleyvet.com/images/dotPharmacy_logo_1.png" data-src="https://www.valleyvet.com/images/dotPharmacy_logo_1.png" alt="safe.pharmacy Logo"></figure></a></div> 

            <div class="security-badge-one-alighnment"> 

                <div class="net_sol"> 

                    <a href="/security" data-touchpoint="home"> 

                        <figure> 

                            <img class="" src="https://www.valleyvet.com/images/locksm.png" data-src="https://www.valleyvet.com/images/locksm.png" alt="Secure Lock"> 

                        </figure> 

                    </a> 

                </div> 

                <a href="/site-reviews" data-touchpoint="home"> 

                    <div class="siterating"> 

                        <div id="siteratingLink">Valley Vet Supply<br>Customer Reviews</div> 

                    </div> 

                </a>  

            </div> 

            </div>         

        </div> 

    </div> 

</div>