How to add a second menu to footer

Solved
novice
Excursionist
59 0 6

Hi, I am using the boundless theme. I want to add a second menu to the footer. How can I go about doing so? Thanks.

0 Likes
KetanKumar
Shopify Partner
14394 1672 5179

Hello, @novice 
It can be done by doing some code customization. please send me a personal message and we can discuss what you'd like

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
GV1
Tourist
16 0 1

by mistake

0 Likes
Jasoliya
Shopify Expert
4136 569 1000

This is an accepted solution.


Hi @novice 

For that you have to change some code in your file.

Open Section->footer.liquid file.

If you have not made any changes then replace you whole  {% schema %}  code by following:

{% schema %}
{
"name": {
"de": "Fußzeile",
"en": "Footer",
"es": "Pie de página",
"fr": "Pied de page",
"it": "Footer",
"ja": "フッター",
"pt-BR": "Rodapé"
},
"class": "footer-section",
"settings": [
{
"type": "link_list",
"id": "footer_link_list",
"label": {
"de": "Menü",
"en": "Menu",
"es": "Menú",
"fr": "Menu",
"it": "Menu",
"ja": "メニュー",
"pt-BR": "Menu"
},
"default": "footer",
"info": {
"de": "Dieses Menü zeigt keine Dropdowns an",
"en": "This menu won't show dropdown items",
"es": "Este menú no mostrará elementos desplegables",
"fr": "Ce menu n'affichera pas les éléments des menus déroulants",
"it": "Questo menu non mostrerà elementi a discesa",
"ja": "このメニューにはドロップダウンアイテムは表示されません",
"pt-BR": "Este menu não mostra itens suspensos"
}
},
{
"type": "link_list",
"id": "footer_link_list1",
"label": {
"de": "Menü",
"en": "Menu",
"es": "Menú",
"fr": "Menu",
"it": "Menu",
"ja": "メニュー",
"pt-BR": "Menu"
},
"default": "footer",
"info": {
"de": "Dieses Menü zeigt keine Dropdowns an",
"en": "This menu won't show dropdown items",
"es": "Este menú no mostrará elementos desplegables",
"fr": "Ce menu n'affichera pas les éléments des menus déroulants",
"it": "Questo menu non mostrerà elementi a discesa",
"ja": "このメニューにはドロップダウンアイテムは表示されません",
"pt-BR": "Este menu não mostra itens suspensos"
}
},
{
"type": "checkbox",
"id": "show_payment_icons",
"label": {
"de": "Zahlungssymbole anzeigen",
"en": "Show payment icons",
"es": "Mostrar iconos de pago",
"fr": "Afficher les icônes de paiement",
"it": "Mostra le icone di pagamento",
"ja": "支払いアイコンを表示する",
"pt-BR": "Exibir ícones de pagamento"
},
"default": true
}
]
}
{% endschema %}


Now at top of file you can find this code:

{% if linklists[section.settings.footer_link_list].links.size > 0 %}


Add below code next to this whole condition,So it look like bellow 

{% if linklists[section.settings.footer_link_list].links.size > 0 %}
<ul class="list--inline site-footer__linklist">
{% for link in linklists[section.settings.footer_link_list].links %}
<li class="h4"><a href="{{ link.url }}">{{ link.title }}</a></li>
{% endfor %}
</ul>
{% endif %}


{% if linklists[section.settings.footer_link_list1].links.size > 0 %}
<ul class="list--inline site-footer__linklist">
{% for link in linklists[section.settings.footer_link_list1].links %}
<li class="h4"><a href="{{ link.url }}">{{ link.title }}</a></li>
{% endfor %}
</ul>
{% endif %}

Now open your theme editor and select second menu.

 

 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
novice
Excursionist
59 0 6

Thank you this worked!

0 Likes
downandtown
New Member
1 0 0

Could you instruct me on how to do this for my website, I'm using the Brooklyn theme. 

0 Likes