SwissUpLabs Logo

Footer

Argento Force footer consists of two CMS blocks:

  • footer_information - Footer Information;
  • footer_cms_content - Footer CMS Content.

Footer Information

Original CMS block content:

<div class="footer-information">
    <ul class="footer argento-grid">
        <li class="col-md-3 col-xs-12">
            <div data-role="title" class="h4">Connect with us</div>
            <div data-role="content" class="social-icons colorize-fa-stack-hover">
                <a href="https://facebook.com/" class="icon icon-facebook">
                    <span class="fa-stack">
                        <i class="fa fa-square fa-stack-2x fa-inverse"></i>
                        <i class="fa fa-facebook fa-stack-1x"></i>
                    </span>
                </a>
                <a href="https://twitter.com/" class="icon icon-twitter">
                    <span class="fa-stack">
                        <i class="fa fa-square fa-stack-2x fa-inverse"></i>
                        <i class="fa fa-twitter fa-stack-1x"></i>
                    </span>
                </a>
                <a href="https://www.linkedin.com/" class="icon icon-linkedin">
                    <span class="fa-stack">
                        <i class="fa fa-square fa-stack-2x fa-inverse"></i>
                        <i class="fa fa-linkedin fa-stack-1x"></i>
                    </span>
                </a>
                <a href="https://youtube.com/" class="icon icon-youtube">
                    <span class="fa-stack">
                        <i class="fa fa-square fa-stack-2x fa-inverse"></i>
                        <i class="fa fa-youtube-play fa-stack-1x"></i>
                    </span>
                </a>
            </div>
        </li>
        <li class="col-md-3 col-xs-12">
            <div data-role="title" class="h4">Store locator</div>
            <div data-role="content">
                <a href='{{store direct_url="find-store"}}'>Find a store near your location.</a>
            </div>
        </li>
        <li class="col-md-3 col-xs-12">
            <div data-role="title" class="h4">Support</div>
            <div data-role="content" class="links">
                <a href='{{store direct_url="helpdesk"}}'>Questions? We’d be happy to help.</a>
            </div>
        </li>
        <li class="col-md-3 col-xs-12">
            <div data-role="title" class="h4">Sign up for latest offers</div>
            <div data-role="content">{{block class="Magento\Newsletter\Block\Subscribe" template="subscribe.phtml"}}</div>
        </li>
    </ul>
</div>

Footer CMS Content

Original CMS block content:

<div class="footer-links">
    <ul class="footer links argento-grid">
        <li class="col-md-3 col-xs-12">
            <div data-role="title" class="h4">About Us</div>
            <ul data-role="content" class="links">
                <li><a href='{{store direct_url="retail-store"}}'>Our retail store</a></li>
                <li><a href='{{store direct_url="privacy-policy-cookie-restriction-mode"}}'>Data Privacy</a></li>
                <li><a href='{{store direct_url="terms-and-conditions"}}'>Terms and conditions</a></li>
            </ul>
        </li>
        <li class="col-md-3 col-xs-12">
            <div data-role="title" class="h4">Learn More</div>
            <ul data-role="content" class="links">
                <li><a href='{{store direct_url="contact#contact-links"}}'>Social media</a></li>
                <li><a href='{{store direct_url="contact"}}'>Contact Us</a></li>
                <li><a href='{{store direct_url="contact#map"}}'>Map</a></li>
            </ul>
        </li>
        <li class="col-md-3 col-xs-12">
            <div data-role="title" class="h4">Be inspired by</div>
            <ul data-role="content" class="links">
                <li><a href='{{store direct_url="blog"}}'>Blog</a></li>
                <li><a href='{{store direct_url="typography"}}'>Typography page</a></li>
                <li><a href='{{store direct_url="testimonials"}}'>Testimonials</a></li>
            </ul>
        </li>
        <li class="col-md-3 col-xs-12">
            <div data-role="title" class="h4">Force Store</div>
            <div data-role="content">
                <div class="argento-grid">
                    <div class="col-lg-6">FifthAve Street 31</div>
                    <div class="col-lg-6"><a href="mailto:contact@company.com">Email Us</a></div>
                </div>
                <div class="argento-grid ">
                    <div class="col-lg-6">New York USA</div>
                    <div class="col-lg-6">+01 122 334 566</div>
                </div>
            </div>
        </li>
    </ul>
</div>
Next up
Edit this Page