Customize Footer in magento2 Planned maintenance scheduled April 17/18, 2019 at 00:00UTC (8:00pm US/Eastern) Announcing the arrival of Valued Associate #679: Cesar Manara Unicorn Meta Zoo #1: Why another podcast?Override footer content with custom cms blocks?How can i rewrite TierPrice Block in Magento2Adding title to cms footer blockHow do I add a span inside a referenceBlock in Magento 2How to add Page URL link in footer magento2Add Social Links in Footer - Magento 2Open footer block link in new tab/windowConditionally Add Body Class Within Module Block?Magento2 - How to hide price until login by using custom block about customer session?Add a template file to cms page Magento 2Add inline javascript to head - magento2
How does cp -a work
Stars Make Stars
Java 8 stream max() function argument type Comparator vs Comparable
How can I make names more distinctive without making them longer?
If 'B is more likely given A', then 'A is more likely given B'
3 doors, three guards, one stone
Are my PIs rude or am I just being too sensitive?
Withdrew £2800, but only £2000 shows as withdrawn on online banking; what are my obligations?
What do you call a plan that's an alternative plan in case your initial plan fails?
Sorting numerically
How do I mention the quality of my school without bragging
IndentationError when pasting code in Python 3 interpreter mode
How to motivate offshore teams and trust them to deliver?
Single word antonym of "flightless"
Letter Boxed validator
Should I use Javascript Classes or Apex Classes in Lightning Web Components?
How can I fade player when goes inside or outside of the area?
If a contract sometimes uses the wrong name, is it still valid?
What are 'alternative tunings' of a guitar and why would you use them? Doesn't it make it more difficult to play?
What are the pros and cons of Aerospike nosecones?
How widely used is the term Treppenwitz? Is it something that most Germans know?
Why does Python start at index 1 when iterating an array backwards?
How to assign captions for two tables in LaTeX?
Did Kevin spill real chili?
Customize Footer in magento2
Planned maintenance scheduled April 17/18, 2019 at 00:00UTC (8:00pm US/Eastern)
Announcing the arrival of Valued Associate #679: Cesar Manara
Unicorn Meta Zoo #1: Why another podcast?Override footer content with custom cms blocks?How can i rewrite TierPrice Block in Magento2Adding title to cms footer blockHow do I add a span inside a referenceBlock in Magento 2How to add Page URL link in footer magento2Add Social Links in Footer - Magento 2Open footer block link in new tab/windowConditionally Add Body Class Within Module Block?Magento2 - How to hide price until login by using custom block about customer session?Add a template file to cms page Magento 2Add inline javascript to head - magento2
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;
I know how to remove default Magento2 footer link.
in default.xml file add below code.
<referenceBlock name="footer_links" remove="true"/>
also I know how to add new link in footer using default.xml file
<referenceContainer name="footer">
<block class="MagentoFrameworkViewElementHtmlLinkCurrent" name="Our Store">
<arguments>
<argument name="label" xsi:type="string">Our Store</argument>
<argument name="path" xsi:type="string">our_story</argument>
</arguments>
</block>
</referenceContainer>
but I want to add footer link like I attach image for that how can I do formatting and code so I get what I want?
default.xml file code is below.And this is default magento code I didn't change anything in this file. now I want to add footer link like I show in image above.How can I do? In magento 1.x we go to footer.phtml file and place code or call cms block or page. can we do same in magento2 or do only using 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>
<referenceContainer name="header.panel">
<block class="MagentoFrameworkViewElementHtmlLinks" name="header.links">
<arguments>
<argument name="css_class" xsi:type="string">header links</argument>
</arguments>
</block>
</referenceContainer>
<referenceBlock name="logo">
<arguments>
<argument name="logo_img_width" xsi:type="number">148</argument>
<argument name="logo_img_height" xsi:type="number">43</argument>
</arguments>
</referenceBlock>
<referenceContainer name="footer">
<block class="MagentoStoreBlockSwitcher" name="store_switcher" as="store_switcher" after="footer_links" template="switch/stores.phtml"/>
</referenceContainer>
<referenceBlock name="report.bugs" remove="true"/>
<move element="copyright" destination="before.body.end"/>
</body>
</page>
enter preformatted text here
magento2
add a comment |
I know how to remove default Magento2 footer link.
in default.xml file add below code.
<referenceBlock name="footer_links" remove="true"/>
also I know how to add new link in footer using default.xml file
<referenceContainer name="footer">
<block class="MagentoFrameworkViewElementHtmlLinkCurrent" name="Our Store">
<arguments>
<argument name="label" xsi:type="string">Our Store</argument>
<argument name="path" xsi:type="string">our_story</argument>
</arguments>
</block>
</referenceContainer>
but I want to add footer link like I attach image for that how can I do formatting and code so I get what I want?
default.xml file code is below.And this is default magento code I didn't change anything in this file. now I want to add footer link like I show in image above.How can I do? In magento 1.x we go to footer.phtml file and place code or call cms block or page. can we do same in magento2 or do only using 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>
<referenceContainer name="header.panel">
<block class="MagentoFrameworkViewElementHtmlLinks" name="header.links">
<arguments>
<argument name="css_class" xsi:type="string">header links</argument>
</arguments>
</block>
</referenceContainer>
<referenceBlock name="logo">
<arguments>
<argument name="logo_img_width" xsi:type="number">148</argument>
<argument name="logo_img_height" xsi:type="number">43</argument>
</arguments>
</referenceBlock>
<referenceContainer name="footer">
<block class="MagentoStoreBlockSwitcher" name="store_switcher" as="store_switcher" after="footer_links" template="switch/stores.phtml"/>
</referenceContainer>
<referenceBlock name="report.bugs" remove="true"/>
<move element="copyright" destination="before.body.end"/>
</body>
</page>
enter preformatted text here
magento2
have you done 5 columns footer?
– Bojjaiah
Nov 30 '16 at 7:33
Have you got solution ? Have you any custom theme?
– Pawan
Aug 17 '17 at 4:55
@Watson .. have you gotten solution? if you have solution please post here.
– Sarvesh Tiwari
Dec 28 '17 at 6:38
@ErSarveshVTiwari no can't find solution.
– Dhaval
Dec 28 '17 at 7:16
add a comment |
I know how to remove default Magento2 footer link.
in default.xml file add below code.
<referenceBlock name="footer_links" remove="true"/>
also I know how to add new link in footer using default.xml file
<referenceContainer name="footer">
<block class="MagentoFrameworkViewElementHtmlLinkCurrent" name="Our Store">
<arguments>
<argument name="label" xsi:type="string">Our Store</argument>
<argument name="path" xsi:type="string">our_story</argument>
</arguments>
</block>
</referenceContainer>
but I want to add footer link like I attach image for that how can I do formatting and code so I get what I want?
default.xml file code is below.And this is default magento code I didn't change anything in this file. now I want to add footer link like I show in image above.How can I do? In magento 1.x we go to footer.phtml file and place code or call cms block or page. can we do same in magento2 or do only using 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>
<referenceContainer name="header.panel">
<block class="MagentoFrameworkViewElementHtmlLinks" name="header.links">
<arguments>
<argument name="css_class" xsi:type="string">header links</argument>
</arguments>
</block>
</referenceContainer>
<referenceBlock name="logo">
<arguments>
<argument name="logo_img_width" xsi:type="number">148</argument>
<argument name="logo_img_height" xsi:type="number">43</argument>
</arguments>
</referenceBlock>
<referenceContainer name="footer">
<block class="MagentoStoreBlockSwitcher" name="store_switcher" as="store_switcher" after="footer_links" template="switch/stores.phtml"/>
</referenceContainer>
<referenceBlock name="report.bugs" remove="true"/>
<move element="copyright" destination="before.body.end"/>
</body>
</page>
enter preformatted text here
magento2
I know how to remove default Magento2 footer link.
in default.xml file add below code.
<referenceBlock name="footer_links" remove="true"/>
also I know how to add new link in footer using default.xml file
<referenceContainer name="footer">
<block class="MagentoFrameworkViewElementHtmlLinkCurrent" name="Our Store">
<arguments>
<argument name="label" xsi:type="string">Our Store</argument>
<argument name="path" xsi:type="string">our_story</argument>
</arguments>
</block>
</referenceContainer>
but I want to add footer link like I attach image for that how can I do formatting and code so I get what I want?
default.xml file code is below.And this is default magento code I didn't change anything in this file. now I want to add footer link like I show in image above.How can I do? In magento 1.x we go to footer.phtml file and place code or call cms block or page. can we do same in magento2 or do only using 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>
<referenceContainer name="header.panel">
<block class="MagentoFrameworkViewElementHtmlLinks" name="header.links">
<arguments>
<argument name="css_class" xsi:type="string">header links</argument>
</arguments>
</block>
</referenceContainer>
<referenceBlock name="logo">
<arguments>
<argument name="logo_img_width" xsi:type="number">148</argument>
<argument name="logo_img_height" xsi:type="number">43</argument>
</arguments>
</referenceBlock>
<referenceContainer name="footer">
<block class="MagentoStoreBlockSwitcher" name="store_switcher" as="store_switcher" after="footer_links" template="switch/stores.phtml"/>
</referenceContainer>
<referenceBlock name="report.bugs" remove="true"/>
<move element="copyright" destination="before.body.end"/>
</body>
</page>
enter preformatted text here
magento2
magento2
edited Jun 1 '16 at 6:18
Dhaval
asked May 31 '16 at 9:28
DhavalDhaval
81061740
81061740
have you done 5 columns footer?
– Bojjaiah
Nov 30 '16 at 7:33
Have you got solution ? Have you any custom theme?
– Pawan
Aug 17 '17 at 4:55
@Watson .. have you gotten solution? if you have solution please post here.
– Sarvesh Tiwari
Dec 28 '17 at 6:38
@ErSarveshVTiwari no can't find solution.
– Dhaval
Dec 28 '17 at 7:16
add a comment |
have you done 5 columns footer?
– Bojjaiah
Nov 30 '16 at 7:33
Have you got solution ? Have you any custom theme?
– Pawan
Aug 17 '17 at 4:55
@Watson .. have you gotten solution? if you have solution please post here.
– Sarvesh Tiwari
Dec 28 '17 at 6:38
@ErSarveshVTiwari no can't find solution.
– Dhaval
Dec 28 '17 at 7:16
have you done 5 columns footer?
– Bojjaiah
Nov 30 '16 at 7:33
have you done 5 columns footer?
– Bojjaiah
Nov 30 '16 at 7:33
Have you got solution ? Have you any custom theme?
– Pawan
Aug 17 '17 at 4:55
Have you got solution ? Have you any custom theme?
– Pawan
Aug 17 '17 at 4:55
@Watson .. have you gotten solution? if you have solution please post here.
– Sarvesh Tiwari
Dec 28 '17 at 6:38
@Watson .. have you gotten solution? if you have solution please post here.
– Sarvesh Tiwari
Dec 28 '17 at 6:38
@ErSarveshVTiwari no can't find solution.
– Dhaval
Dec 28 '17 at 7:16
@ErSarveshVTiwari no can't find solution.
– Dhaval
Dec 28 '17 at 7:16
add a comment |
3 Answers
3
active
oldest
votes
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="MagentoCmsBlockBlock" 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.
add a comment |
On one of my projects I added footer columns with links and for better mobile functionality I had to make collapsible functionality so I did the following
<block class="MagentoFrameworkViewElementTemplate" name="footer-middle-navigate" template="Magento_Theme::html/collapsible.phtml">
<arguments>
<argument name="block_title" translate="true" xsi:type="string">Navigation</argument>
<argument name="block_css" xsi:type="string">block-collapsible-nav</argument>
</arguments>
<block class="MagentoFrameworkViewElementHtmlLinks" name="footer_navigation">
<block class="MagentoFrameworkViewElementHtmlLinkCurrent" name="our-shops">
<arguments>
<argument name="label" xsi:type="string" translate="true">Our shops</argument>
<argument name="path" xsi:type="string">/our-shop.html</argument>
</arguments>
</block>
<block class="MagentoFrameworkViewElementHtmlLinkCurrent" name="faq">
<arguments>
<argument name="label" xsi:type="string" translate="true">FAQ</argument>
<argument name="path" xsi:type="string">/faq.html</argument>
</arguments>
</block>
<block class="MagentoFrameworkViewElementHtmlLinkCurrent" name="blog">
<arguments>
<argument name="label" xsi:type="string" translate="true">Blog</argument>
<argument name="path" xsi:type="string">blog.html</argument>
</arguments>
</block>
<block class="MagentoFrameworkViewElementHtmlLinkCurrent" name="contact">
<arguments>
<argument name="label" xsi:type="string" translate="true">Contact</argument>
<argument name="path" xsi:type="string">contact/</argument>
</arguments>
</block>
<block class="MagentoFrameworkViewElementHtmlLinkCurrent" name="my-account">
<arguments>
<argument name="label" xsi:type="string" translate="true">My account</argument>
<argument name="path" xsi:type="string">customer/account/</argument>
</arguments>
</block>
<block class="MagentoFrameworkViewElementHtmlLinkCurrent" name="my-orders">
<arguments>
<argument name="label" xsi:type="string" translate="true">My orders</argument>
<argument name="path" xsi:type="string">sales/order/history/</argument>
</arguments>
</block>
</block>
add a comment |
The way that I find easiest is to find the relevant xml file that your theme is inheriting from. I assume you're either using the blank theme or inheriting from it.
Here you can see how the footer links were originally added, what you're inheriting from:
magentovendormagentomodule-themeviewfrontendlayout.xml
Docs, we're looking for something like parameters for this:
http://devdocs.magento.com/guides/v2.0/frontend-dev-guide/layouts/xml-manage.html#ref_container
Closest I can get so far:
<block class="MagentoFrameworkViewElementLink" name="account_link" group="navigation-sections">
<arguments>
<argument name="title" translate="true" xsi:type="string">Account</argument>
<argument name="use_force" xsi:type="boolean">true</argument>
<argument name="text" xsi:type="string"><![CDATA[<!-- Account links -->]]></argument>
</arguments>
</block>
I want to add column header like "About Us" , "Shop Toys" . "Account" , "Customer Services" , "Newsletter" and how can I do that?
– Dhaval
May 31 '16 at 10:29
Not sure. Scouring the files now for you, I'd like an answer too. The documentation is lousy.
– LM_Fielding
May 31 '16 at 10:30
Editing into answer
– LM_Fielding
May 31 '16 at 10:32
brother it's not working.
– Dhaval
May 31 '16 at 10:53
if you see my image there is first column " About Us" and it has four sub category like our story , our store etc.. I want that can you tell how can I set this?
– Dhaval
May 31 '16 at 11:17
|
show 3 more comments
Your Answer
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "479"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f117669%2fcustomize-footer-in-magento2%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
3 Answers
3
active
oldest
votes
3 Answers
3
active
oldest
votes
active
oldest
votes
active
oldest
votes
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="MagentoCmsBlockBlock" 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.
add a comment |
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="MagentoCmsBlockBlock" 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.
add a comment |
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="MagentoCmsBlockBlock" 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.
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="MagentoCmsBlockBlock" 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.
edited Sep 16 '17 at 4:12
answered Sep 16 '17 at 3:24
Key ShangKey Shang
1,7061235
1,7061235
add a comment |
add a comment |
On one of my projects I added footer columns with links and for better mobile functionality I had to make collapsible functionality so I did the following
<block class="MagentoFrameworkViewElementTemplate" name="footer-middle-navigate" template="Magento_Theme::html/collapsible.phtml">
<arguments>
<argument name="block_title" translate="true" xsi:type="string">Navigation</argument>
<argument name="block_css" xsi:type="string">block-collapsible-nav</argument>
</arguments>
<block class="MagentoFrameworkViewElementHtmlLinks" name="footer_navigation">
<block class="MagentoFrameworkViewElementHtmlLinkCurrent" name="our-shops">
<arguments>
<argument name="label" xsi:type="string" translate="true">Our shops</argument>
<argument name="path" xsi:type="string">/our-shop.html</argument>
</arguments>
</block>
<block class="MagentoFrameworkViewElementHtmlLinkCurrent" name="faq">
<arguments>
<argument name="label" xsi:type="string" translate="true">FAQ</argument>
<argument name="path" xsi:type="string">/faq.html</argument>
</arguments>
</block>
<block class="MagentoFrameworkViewElementHtmlLinkCurrent" name="blog">
<arguments>
<argument name="label" xsi:type="string" translate="true">Blog</argument>
<argument name="path" xsi:type="string">blog.html</argument>
</arguments>
</block>
<block class="MagentoFrameworkViewElementHtmlLinkCurrent" name="contact">
<arguments>
<argument name="label" xsi:type="string" translate="true">Contact</argument>
<argument name="path" xsi:type="string">contact/</argument>
</arguments>
</block>
<block class="MagentoFrameworkViewElementHtmlLinkCurrent" name="my-account">
<arguments>
<argument name="label" xsi:type="string" translate="true">My account</argument>
<argument name="path" xsi:type="string">customer/account/</argument>
</arguments>
</block>
<block class="MagentoFrameworkViewElementHtmlLinkCurrent" name="my-orders">
<arguments>
<argument name="label" xsi:type="string" translate="true">My orders</argument>
<argument name="path" xsi:type="string">sales/order/history/</argument>
</arguments>
</block>
</block>
add a comment |
On one of my projects I added footer columns with links and for better mobile functionality I had to make collapsible functionality so I did the following
<block class="MagentoFrameworkViewElementTemplate" name="footer-middle-navigate" template="Magento_Theme::html/collapsible.phtml">
<arguments>
<argument name="block_title" translate="true" xsi:type="string">Navigation</argument>
<argument name="block_css" xsi:type="string">block-collapsible-nav</argument>
</arguments>
<block class="MagentoFrameworkViewElementHtmlLinks" name="footer_navigation">
<block class="MagentoFrameworkViewElementHtmlLinkCurrent" name="our-shops">
<arguments>
<argument name="label" xsi:type="string" translate="true">Our shops</argument>
<argument name="path" xsi:type="string">/our-shop.html</argument>
</arguments>
</block>
<block class="MagentoFrameworkViewElementHtmlLinkCurrent" name="faq">
<arguments>
<argument name="label" xsi:type="string" translate="true">FAQ</argument>
<argument name="path" xsi:type="string">/faq.html</argument>
</arguments>
</block>
<block class="MagentoFrameworkViewElementHtmlLinkCurrent" name="blog">
<arguments>
<argument name="label" xsi:type="string" translate="true">Blog</argument>
<argument name="path" xsi:type="string">blog.html</argument>
</arguments>
</block>
<block class="MagentoFrameworkViewElementHtmlLinkCurrent" name="contact">
<arguments>
<argument name="label" xsi:type="string" translate="true">Contact</argument>
<argument name="path" xsi:type="string">contact/</argument>
</arguments>
</block>
<block class="MagentoFrameworkViewElementHtmlLinkCurrent" name="my-account">
<arguments>
<argument name="label" xsi:type="string" translate="true">My account</argument>
<argument name="path" xsi:type="string">customer/account/</argument>
</arguments>
</block>
<block class="MagentoFrameworkViewElementHtmlLinkCurrent" name="my-orders">
<arguments>
<argument name="label" xsi:type="string" translate="true">My orders</argument>
<argument name="path" xsi:type="string">sales/order/history/</argument>
</arguments>
</block>
</block>
add a comment |
On one of my projects I added footer columns with links and for better mobile functionality I had to make collapsible functionality so I did the following
<block class="MagentoFrameworkViewElementTemplate" name="footer-middle-navigate" template="Magento_Theme::html/collapsible.phtml">
<arguments>
<argument name="block_title" translate="true" xsi:type="string">Navigation</argument>
<argument name="block_css" xsi:type="string">block-collapsible-nav</argument>
</arguments>
<block class="MagentoFrameworkViewElementHtmlLinks" name="footer_navigation">
<block class="MagentoFrameworkViewElementHtmlLinkCurrent" name="our-shops">
<arguments>
<argument name="label" xsi:type="string" translate="true">Our shops</argument>
<argument name="path" xsi:type="string">/our-shop.html</argument>
</arguments>
</block>
<block class="MagentoFrameworkViewElementHtmlLinkCurrent" name="faq">
<arguments>
<argument name="label" xsi:type="string" translate="true">FAQ</argument>
<argument name="path" xsi:type="string">/faq.html</argument>
</arguments>
</block>
<block class="MagentoFrameworkViewElementHtmlLinkCurrent" name="blog">
<arguments>
<argument name="label" xsi:type="string" translate="true">Blog</argument>
<argument name="path" xsi:type="string">blog.html</argument>
</arguments>
</block>
<block class="MagentoFrameworkViewElementHtmlLinkCurrent" name="contact">
<arguments>
<argument name="label" xsi:type="string" translate="true">Contact</argument>
<argument name="path" xsi:type="string">contact/</argument>
</arguments>
</block>
<block class="MagentoFrameworkViewElementHtmlLinkCurrent" name="my-account">
<arguments>
<argument name="label" xsi:type="string" translate="true">My account</argument>
<argument name="path" xsi:type="string">customer/account/</argument>
</arguments>
</block>
<block class="MagentoFrameworkViewElementHtmlLinkCurrent" name="my-orders">
<arguments>
<argument name="label" xsi:type="string" translate="true">My orders</argument>
<argument name="path" xsi:type="string">sales/order/history/</argument>
</arguments>
</block>
</block>
On one of my projects I added footer columns with links and for better mobile functionality I had to make collapsible functionality so I did the following
<block class="MagentoFrameworkViewElementTemplate" name="footer-middle-navigate" template="Magento_Theme::html/collapsible.phtml">
<arguments>
<argument name="block_title" translate="true" xsi:type="string">Navigation</argument>
<argument name="block_css" xsi:type="string">block-collapsible-nav</argument>
</arguments>
<block class="MagentoFrameworkViewElementHtmlLinks" name="footer_navigation">
<block class="MagentoFrameworkViewElementHtmlLinkCurrent" name="our-shops">
<arguments>
<argument name="label" xsi:type="string" translate="true">Our shops</argument>
<argument name="path" xsi:type="string">/our-shop.html</argument>
</arguments>
</block>
<block class="MagentoFrameworkViewElementHtmlLinkCurrent" name="faq">
<arguments>
<argument name="label" xsi:type="string" translate="true">FAQ</argument>
<argument name="path" xsi:type="string">/faq.html</argument>
</arguments>
</block>
<block class="MagentoFrameworkViewElementHtmlLinkCurrent" name="blog">
<arguments>
<argument name="label" xsi:type="string" translate="true">Blog</argument>
<argument name="path" xsi:type="string">blog.html</argument>
</arguments>
</block>
<block class="MagentoFrameworkViewElementHtmlLinkCurrent" name="contact">
<arguments>
<argument name="label" xsi:type="string" translate="true">Contact</argument>
<argument name="path" xsi:type="string">contact/</argument>
</arguments>
</block>
<block class="MagentoFrameworkViewElementHtmlLinkCurrent" name="my-account">
<arguments>
<argument name="label" xsi:type="string" translate="true">My account</argument>
<argument name="path" xsi:type="string">customer/account/</argument>
</arguments>
</block>
<block class="MagentoFrameworkViewElementHtmlLinkCurrent" name="my-orders">
<arguments>
<argument name="label" xsi:type="string" translate="true">My orders</argument>
<argument name="path" xsi:type="string">sales/order/history/</argument>
</arguments>
</block>
</block>
edited Apr 11 at 18:23
MagentoAaron
390115
390115
answered Nov 11 '16 at 12:05
Vlad PatruVlad Patru
878416
878416
add a comment |
add a comment |
The way that I find easiest is to find the relevant xml file that your theme is inheriting from. I assume you're either using the blank theme or inheriting from it.
Here you can see how the footer links were originally added, what you're inheriting from:
magentovendormagentomodule-themeviewfrontendlayout.xml
Docs, we're looking for something like parameters for this:
http://devdocs.magento.com/guides/v2.0/frontend-dev-guide/layouts/xml-manage.html#ref_container
Closest I can get so far:
<block class="MagentoFrameworkViewElementLink" name="account_link" group="navigation-sections">
<arguments>
<argument name="title" translate="true" xsi:type="string">Account</argument>
<argument name="use_force" xsi:type="boolean">true</argument>
<argument name="text" xsi:type="string"><![CDATA[<!-- Account links -->]]></argument>
</arguments>
</block>
I want to add column header like "About Us" , "Shop Toys" . "Account" , "Customer Services" , "Newsletter" and how can I do that?
– Dhaval
May 31 '16 at 10:29
Not sure. Scouring the files now for you, I'd like an answer too. The documentation is lousy.
– LM_Fielding
May 31 '16 at 10:30
Editing into answer
– LM_Fielding
May 31 '16 at 10:32
brother it's not working.
– Dhaval
May 31 '16 at 10:53
if you see my image there is first column " About Us" and it has four sub category like our story , our store etc.. I want that can you tell how can I set this?
– Dhaval
May 31 '16 at 11:17
|
show 3 more comments
The way that I find easiest is to find the relevant xml file that your theme is inheriting from. I assume you're either using the blank theme or inheriting from it.
Here you can see how the footer links were originally added, what you're inheriting from:
magentovendormagentomodule-themeviewfrontendlayout.xml
Docs, we're looking for something like parameters for this:
http://devdocs.magento.com/guides/v2.0/frontend-dev-guide/layouts/xml-manage.html#ref_container
Closest I can get so far:
<block class="MagentoFrameworkViewElementLink" name="account_link" group="navigation-sections">
<arguments>
<argument name="title" translate="true" xsi:type="string">Account</argument>
<argument name="use_force" xsi:type="boolean">true</argument>
<argument name="text" xsi:type="string"><![CDATA[<!-- Account links -->]]></argument>
</arguments>
</block>
I want to add column header like "About Us" , "Shop Toys" . "Account" , "Customer Services" , "Newsletter" and how can I do that?
– Dhaval
May 31 '16 at 10:29
Not sure. Scouring the files now for you, I'd like an answer too. The documentation is lousy.
– LM_Fielding
May 31 '16 at 10:30
Editing into answer
– LM_Fielding
May 31 '16 at 10:32
brother it's not working.
– Dhaval
May 31 '16 at 10:53
if you see my image there is first column " About Us" and it has four sub category like our story , our store etc.. I want that can you tell how can I set this?
– Dhaval
May 31 '16 at 11:17
|
show 3 more comments
The way that I find easiest is to find the relevant xml file that your theme is inheriting from. I assume you're either using the blank theme or inheriting from it.
Here you can see how the footer links were originally added, what you're inheriting from:
magentovendormagentomodule-themeviewfrontendlayout.xml
Docs, we're looking for something like parameters for this:
http://devdocs.magento.com/guides/v2.0/frontend-dev-guide/layouts/xml-manage.html#ref_container
Closest I can get so far:
<block class="MagentoFrameworkViewElementLink" name="account_link" group="navigation-sections">
<arguments>
<argument name="title" translate="true" xsi:type="string">Account</argument>
<argument name="use_force" xsi:type="boolean">true</argument>
<argument name="text" xsi:type="string"><![CDATA[<!-- Account links -->]]></argument>
</arguments>
</block>
The way that I find easiest is to find the relevant xml file that your theme is inheriting from. I assume you're either using the blank theme or inheriting from it.
Here you can see how the footer links were originally added, what you're inheriting from:
magentovendormagentomodule-themeviewfrontendlayout.xml
Docs, we're looking for something like parameters for this:
http://devdocs.magento.com/guides/v2.0/frontend-dev-guide/layouts/xml-manage.html#ref_container
Closest I can get so far:
<block class="MagentoFrameworkViewElementLink" name="account_link" group="navigation-sections">
<arguments>
<argument name="title" translate="true" xsi:type="string">Account</argument>
<argument name="use_force" xsi:type="boolean">true</argument>
<argument name="text" xsi:type="string"><![CDATA[<!-- Account links -->]]></argument>
</arguments>
</block>
edited May 31 '16 at 10:35
answered May 31 '16 at 10:23
LM_FieldingLM_Fielding
7281437
7281437
I want to add column header like "About Us" , "Shop Toys" . "Account" , "Customer Services" , "Newsletter" and how can I do that?
– Dhaval
May 31 '16 at 10:29
Not sure. Scouring the files now for you, I'd like an answer too. The documentation is lousy.
– LM_Fielding
May 31 '16 at 10:30
Editing into answer
– LM_Fielding
May 31 '16 at 10:32
brother it's not working.
– Dhaval
May 31 '16 at 10:53
if you see my image there is first column " About Us" and it has four sub category like our story , our store etc.. I want that can you tell how can I set this?
– Dhaval
May 31 '16 at 11:17
|
show 3 more comments
I want to add column header like "About Us" , "Shop Toys" . "Account" , "Customer Services" , "Newsletter" and how can I do that?
– Dhaval
May 31 '16 at 10:29
Not sure. Scouring the files now for you, I'd like an answer too. The documentation is lousy.
– LM_Fielding
May 31 '16 at 10:30
Editing into answer
– LM_Fielding
May 31 '16 at 10:32
brother it's not working.
– Dhaval
May 31 '16 at 10:53
if you see my image there is first column " About Us" and it has four sub category like our story , our store etc.. I want that can you tell how can I set this?
– Dhaval
May 31 '16 at 11:17
I want to add column header like "About Us" , "Shop Toys" . "Account" , "Customer Services" , "Newsletter" and how can I do that?
– Dhaval
May 31 '16 at 10:29
I want to add column header like "About Us" , "Shop Toys" . "Account" , "Customer Services" , "Newsletter" and how can I do that?
– Dhaval
May 31 '16 at 10:29
Not sure. Scouring the files now for you, I'd like an answer too. The documentation is lousy.
– LM_Fielding
May 31 '16 at 10:30
Not sure. Scouring the files now for you, I'd like an answer too. The documentation is lousy.
– LM_Fielding
May 31 '16 at 10:30
Editing into answer
– LM_Fielding
May 31 '16 at 10:32
Editing into answer
– LM_Fielding
May 31 '16 at 10:32
brother it's not working.
– Dhaval
May 31 '16 at 10:53
brother it's not working.
– Dhaval
May 31 '16 at 10:53
if you see my image there is first column " About Us" and it has four sub category like our story , our store etc.. I want that can you tell how can I set this?
– Dhaval
May 31 '16 at 11:17
if you see my image there is first column " About Us" and it has four sub category like our story , our store etc.. I want that can you tell how can I set this?
– Dhaval
May 31 '16 at 11:17
|
show 3 more comments
Thanks for contributing an answer to Magento Stack Exchange!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f117669%2fcustomize-footer-in-magento2%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
have you done 5 columns footer?
– Bojjaiah
Nov 30 '16 at 7:33
Have you got solution ? Have you any custom theme?
– Pawan
Aug 17 '17 at 4:55
@Watson .. have you gotten solution? if you have solution please post here.
– Sarvesh Tiwari
Dec 28 '17 at 6:38
@ErSarveshVTiwari no can't find solution.
– Dhaval
Dec 28 '17 at 7:16