Magento 2 – How to Add Page URL Link in Footer

magento2

I am trying to add new link in footer using CMS block and I know how to do that.first create new block in admin then go to your theme's layout->default.xml file and add below code so it will show link in Front end footer section.

<referenceContainer name="footer">
        <block class="Magento\Framework\View\Element\Html\Link\Current" name="Our Store">
            <arguments>
                <argument name="label" xsi:type="string">Our Story</argument>
                <argument name="path" xsi:type="string">Our Story</argument>
            </arguments>
        </block>
    </referenceContainer>

Now I have one problem is that which path I need to assign so when I click on this link it go to my Block's contain.

 <argument name="path" xsi:type="string">Our Story</argument>

on the above code what I need to specify or replace Our Story? so when I click on Our Story I go to this block's contain that I add in admin.right now I am getting 404 page not found.

Best Answer

check the path you gave and the cms page url key is same!

You are getting 404. So your cms page url key is not same as path!

Related Solutions

Magento – Adding title to cms footer block

You can add container div, css class using below code.

If you want to give title of block you need to add a phtml file as shown in below code:

       <referenceContainer name="footer">
            <container name="cms_footer_links_cs_container" title="CMS Footer Links" htmlTag="div" htmlClass="links">
            <block class="Magento\Theme\Block\Html\Footer" name="footer_link_title" template="html/customlinkfooter.phtml"/>
            <block class="Magento\Framework\View\Element\Html\Links" name="footer_links_custom">
                <arguments>
                    <argument name="css_class" xsi:type="string">footer links</argument>
                </arguments>
            </block>
            </container>
        </referenceContainer>

        <referenceBlock name="footer_links_custom">
            <block class="Magento\Framework\View\Element\Html\Link\Current" name="2custom-link">
                <arguments>
                    <argument name="label" xsi:type="string">Custom Links</argument>
                    <argument name="path" xsi:type="string">page-url</argument>
                </arguments>
            </block>
        </referenceBlock>

Create file add title in app/design/frontend/Magento_Themecustom/templates/html/linkfooter.phtml

<div>
    <span><?php echo "Custom Links"; ?></span>
</div>

Magento – Customize Footer in magento2

Short Answer

My solution is remove the footer_links and add a footer block in footer, then add any codes in the block to create a footer I want.

Detail

In /app/design/frontend/vendor/theme/Magento_Theme/layout/default.xml, add codes:

<referenceBlock name="footer_links" remove="true"/>
<referenceContainer name="footer">
    <block class="Magento\Cms\Block\Block" name="footer_block">
        <arguments>
            <argument name="block_id" xsi:type="string">footer_block</argument>
        </arguments>
    </block>
</referenceContainer>

In dashboard - content - blocks, add a new block which identifier is "footer_block", add the footer codes in it. Below is a code example, you could add any html or js in it.

<ul class="footer links">
    <h5>How Can We Help?</h5>
    <li class="nav item">
        <a href="#">Search Terms</a>
    </li>
    <li class="nav item">
        <a href="#" data-action="advanced-search">Advanced Search</a>
    </li>
    <li class="nav item">
        <a href="#">Contact Us</a>
    </li>
    <li class="nav item">
        <a href="#">Orders and Returns</a>
    </li>
</ul>
...
(other ul or image codes)

Save the block.

Edit the css file.

Refresh cache.