Skip to content

Instantly share code, notes, and snippets.

@andreibabor
Last active April 12, 2021 08:22
Show Gist options
  • Save andreibabor/a07b5834f94e501b5a57afafb03d9492 to your computer and use it in GitHub Desktop.
Save andreibabor/a07b5834f94e501b5a57afafb03d9492 to your computer and use it in GitHub Desktop.
Shopify: Alphabet Navigation
<section class="section">
<div class="container">
<div class="one-whole column">
<div class="navcover">
{% for block in section.blocks %}
<div class="cmsnav gri{{forloop.index}}">
{% if block.settings.menu != blank %}
<h6>{{ linklists[block.settings.menu].title }}</h6>
<ul>
{% for link in linklists[block.settings.menu].links %}
<li>
<p>
<a href="{{ link.url }}">{{ link.title }}</a>
</p>
</li>
{% endfor %}
</ul>
{% endif %}
</div>
{% endfor %}
</div>
</div>
</div>
</section>
{% schema %}
{
"name": "A - Z Navigations",
"settings": [
],
"blocks": [
{
"type": "logo_image",
"name": "Logo",
"settings": [
{
"type": "link_list",
"id": "menu",
"label": "Menu",
"info": "This menu won't show drop-down items"
}
]
}
]
}
{% endschema %}
@andreibabor
Copy link
Author

create a block section with a menu inside

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment