Hello,
I would like to know a way to have a side navigation menu like in this example : https://community.shopify.com/c/shopify-design/adjustments-to-sidebar-navigation-menu/m-p/1144728#M292787
The conversation is resolved but there is no solution explained.
Could someone direct me in the right direction ? I am willing to switch theme or to add liquid/custom code if necessary to have a similar side navigation menu as the example.
Thank you for your help,
Flo
Hi @Flo_bb please share the menu-drawer.liquid file. i will edit it. also share what text you want to display verticaly.
Hi @Ahsan_ANC , sorry for the late reply.
I do not have a menu-drawer.liquid file in my theme.
Thank you,
Florian
can you search for any file containing a word menu in sections or snippets folder not in assets folder ?
I have changed theme for Boundless, please find the snippet below.
Please see picture below for the text to display vertically.
{% for link in linklists[section.settings.sidebar_top_link_list].links %}
{% assign outerLoopIndex = forloop.index %}
{% if link.links != blank %}
{% assign has_active_link = false %}
{% if link.active or link.child_active %}
{% assign has_active_link = true %}
{% endif %}
- {{ link.title }}
{% for childlink in link.links %}
{% if childlink.links != blank %}
{% assign has_active_childlink = false %}
{% if childlink.active or childlink.child_active %}
{% assign has_active_childlink = true %}
{% endif %}
- {{ childlink.title }}
{% for grandchildlink in childlink.links %}
- {{ grandchildlink.title | escape }}
{% endfor %}
{% else %}
- {{ childlink.title | escape }}
{% endif %}
{% endfor %}
{% else %}
- {{ link.title }}
{% endif %}
{% endfor %}
-
{% if shop.customer_accounts_enabled %}
{% if customer %}
- {{ 'layout.customer.account' | t }}
- {{ 'layout.customer.log_out' | t | customer_logout_link }}
{% else %}
- {{ 'layout.customer.log_in' | t | customer_login_link }}
- {{ 'layout.customer.create_account' | t | customer_register_link }}
{% endif %}
{% endif %}
{% for link in linklists[section.settings.sidebar_bottom_link_list].links %}
- {{ link.title }}
{% endfor %}
{% if settings.social_twitter_link != blank %}
- Twitter
{% endif %}
{% if settings.social_facebook_link != blank %}
- Facebook
{% endif %}
{% if settings.social_pinterest_link != blank %}
- Pinterest
{% endif %}
{% if settings.social_google_plus_link != blank %}
- Google Plus
{% endif %}
{% if settings.social_instagram_link != blank %}
- Instagram
{% endif %}
{% if settings.social_snapchat_link != blank %}
- Snapchat
{% endif %}
{% if settings.social_tumblr_link != blank %}
- Tumblr
{% endif %}
{% if settings.social_youtube_link != blank %}
- YouTube
{% endif %}
{% if settings.social_vimeo_link != blank %}
- Vimeo
{% endif %}
{% if settings.social_fancy_link != blank %}
- Fancy
{% endif %}
{% schema %}
{
"name": {
"cs": "Nabídka v postranní liště",
"da": "Sidebjælkemenu",
"de": "Seitenleistenmenü",
"en": "Sidebar menu",
"es": "Menú de la barra lateral",
"fi": "Sivupalkkivalikko",
"fr": "Menu de la barre latérale",
"it": "Menu sidebar",
"ja": "サイドバーメニュー",
"ko": "사이드바 메뉴",
"nb": "Sidepanelmeny",
"nl": "Zijbalkmenu",
"pl": "Menu paska bocznego",
"pt-BR": "Menu lateral",
"pt-PT": "Menu lateral",
"sv": "Sidomeny",
"th": "เมนูแถบด้านข้าง",
"tr": "Yan çubuk menüsü",
"vi": "Menu thanh bên",
"zh-CN": "侧边栏菜单",
"zh-TW": "側邊欄選單"
},
"class": "sidebar-menu-section",
"settings": [
{
"type": "link_list",
"id": "sidebar_top_link_list",
"label": {
"cs": "Primární nabídka",
"da": "Primær menu",
"de": "Hauptmenü",
"en": "Primary menu",
"es": "Menú primario",
"fi": "Ensisijainen valikko",
"fr": "Menu principal",
"it": "Menu principale",
"ja": "プライマリメニュー",
"ko": "기본 메뉴",
"nb": "Primærmeny",
"nl": "Eerste menu",
"pl": "Główne menu",
"pt-BR": "Menu principal",
"pt-PT": "Menu primário",
"sv": "Primärmeny",
"th": "เมนูหลัก",
"tr": "Birincil menü",
"vi": "Menu chính",
"zh-CN": "主菜单",
"zh-TW": "主要選單"
},
"default": "main-menu"
},
{
"type": "link_list",
"id": "sidebar_bottom_link_list",
"label": {
"cs": "Vedlejší nabídka",
"da": "Ekstra menu",
"de": "Zusatzmenü",
"en": "Additional menu",
"es": "Menú adicional",
"fi": "Lisävalikko",
"fr": "Menu supplémentaire",
"it": "Menu aggiuntivo",
"ja": "追加メニュー",
"ko": "추가 메뉴",
"nb": "Tilleggsmeny",
"nl": "Extra menu",
"pl": "Dodatkowe menu",
"pt-BR": "Menu adicional",
"pt-PT": "Menu adicional",
"sv": "Ytterligare meny",
"th": "เมนูเพิ่มเติม",
"tr": "Ek menü",
"vi": "Menu bổ sung",
"zh-CN": "其他菜单",
"zh-TW": "附加選單"
},
"default": "footer",
"info": {
"cs": "V této nabídce se nezobrazí položky rozevíracího seznamu",
"da": "Denne menu viser ikke rullemenupunkter",
"de": "Dieses Menü zeigt keine Dropdowns an",
"en": "This menu won't show dropdown items",
"es": "Este menú no mostrará elementos desplegables",
"fi": "Tämä valikko ei näytä pudotuskohteita",
"fr": "Ce menu n'affichera pas les éléments des menus déroulants",
"it": "Questo menu non mostrerà elementi a discesa",
"ja": "このメニューにはドロップダウンアイテムは表示されません",
"ko": "이 메뉴는 드롭 다운 항목을 표시하지 않습니다.",
"nb": "Denne menyen vil ikke vise rullegardinelementer",
"nl": "Dit menu laat geen vervolgkeuze-artikelen zien.",
"pl": "W tym menu pozycje rozwijane nie będą wyświetlane",
"pt-BR": "Este menu não mostra itens suspensos",
"pt-PT": "Este menu não irá mostrar itens pendentes",
"sv": "Den här menyn kommer inte att visa objekt i rullgardinsmenyn",
"th": "เมนูนี้จะไม่แสดงรายการดรอปดาวน์",
"tr": "Bu menü açılır öğeleri göstermez",
"vi": "Menu này sẽ không hiển thị các mục thả xuống",
"zh-CN": "此菜单不会显示下拉项",
"zh-TW": "這個選單不會顯示下拉式項目"
}
}
]
}
{% endschema %}