{"id":7420,"date":"2019-10-05T13:17:12","date_gmt":"2019-10-05T07:47:12","guid":{"rendered":"https:\/\/www.hiddentechies.com\/blog\/?p=7420"},"modified":"2019-10-09T10:56:14","modified_gmt":"2019-10-09T05:26:14","slug":"magento-2-add-custom-links-in-footer-links","status":"publish","type":"post","link":"https:\/\/www.hiddentechies.com\/blog\/magento-2\/magento-2-add-custom-links-in-footer-links\/","title":{"rendered":"Magento 2 – How to Add Custom Links in Footer Links"},"content":{"rendered":"

In this post I am going to explain how to add custom links in footer in Magento 2.<\/p>\n

Here, I am using my custom module \u2013 Ht_Mymodule<\/p>\n

First you need to add default.xml file in your extension and add below code in it.<\/p>\n

File Path: app\/code\/Ht\/Mymodule\/view\/frontend\/layout\/default.xml<\/p>\n

<?xml version=\"1.0\"?>\r\n\r\n<page xmlns:xsi=\"http:\/\/www.w3.org\/2001\/XMLSchema-instance\" xsi:noNamespaceSchemaLocation=\"urn:magento:framework:View\/Layout\/etc\/page_configuration.xsd\">\r\n    <body>\r\n        <referenceBlock name=\"footer_links\">\r\n            <block class=\"Magento\\Framework\\View\\Element\\Html\\Link\" name=\"custom-link\">\r\n                <arguments>\r\n                    <argument name=\"label\" xsi:type=\"string\">About Us<\/argument>\r\n                    <argument name=\"path\" xsi:type=\"string\">about-us<\/argument>\r\n                <\/arguments>\r\n            <\/block>\r\n        <\/referenceBlock>\r\n    <\/body>\r\n<\/page><\/pre>\n
Clear the cache and cache for the result.<\/p>\n
\"Magento<\/p>\n
 <\/p>\n
Now if you want to add links from template file then add below code in default.xml<\/p>\n
<referenceBlock name=\"footer_links\">\r\n\t<block class=\"Magento\\Framework\\View\\Element\\Html\\Link\" name=\"custom-link-template\" template=\"Ht_Mymodule::footer-links.phtml\" after=\"-\" \/>\r\n<\/referenceBlock><\/pre>\n
Next to that, create footer-links.phtml template file.<\/p>\n
File Path: app\/code\/Ht\/Mymodule\/view\/frontend\/templates\/footer-links.phtml<\/p>\n
<li class=\"nav item\">\r\n    <a href=\"#\">\r\n        <?php echo __('About Us') ?>\r\n    <\/a>\r\n<\/li><\/pre>\n
Now, Clear the cache and cache for the result.<\/p>\n","protected":false},"excerpt":{"rendered":"
In this post I am going to explain how to add custom links in footer in Magento 2. Here, I am using my custom module \u2013 Ht_Mymodule First you need to add default.xml file in your extension and add below code in it. File Path: app\/code\/Ht\/Mymodule\/view\/frontend\/layout\/default.xml <?xml version=”1.0″?> <page xmlns:xsi=”http:\/\/www.w3.org\/2001\/XMLSchema-instance” xsi:noNamespaceSchemaLocation=”urn:magento:framework:View\/Layout\/etc\/page_configuration.xsd”> <body> <referenceBlock name=”footer_links”> <block… <\/p>\n
Continue Reading<\/a><\/div>\n","protected":false},"author":1,"featured_media":7452,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[59],"tags":[10,27],"_links":{"self":[{"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/posts\/7420"}],"collection":[{"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/comments?post=7420"}],"version-history":[{"count":1,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/posts\/7420\/revisions"}],"predecessor-version":[{"id":7422,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/posts\/7420\/revisions\/7422"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/media\/7452"}],"wp:attachment":[{"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/media?parent=7420"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/categories?post=7420"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/tags?post=7420"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}