Navigation Menu

Skip to content

Instantly share code, notes, and snippets.

@fredryk
fredryk / gist:6731593
Created September 27, 2013 16:53
Updated Simple theme drop-down navigation
<ul id="main-menu" class="accordion">
{% for link in linklists.main-menu.links %}
{% assign has_sub_menu = false %}
{% assign parent_link_active = false %}
{% assign child_list_handle = link.title | handle %}
{% if linklists[child_list_handle] and linklists[child_list_handle].links.size > 0 %}
{% assign has_sub_menu = true %}
{% for l in linklists[child_list_handle].links %}
{% if l.active %}
{% assign parent_link_active = true %}
@carolineschnapp
carolineschnapp / gist:5135026
Created March 11, 2013 15:28
[Minimal] Within the product description editor, or the page editor, switch to the HTML view by clicking on "View HTML" at the top right. You then need to use the following code, while taking note of the instructions in the comments.
<!-- This is your tab navigation -->
<ul class="tabs">
<li><a class="active" href="#tab1">Sample Tab One</a></li>
<!-- The key here is that the href ID equals the <li> ID used below -->
<li><a href="#tab2">Sample Tab Two</a></li>
<li><a href="#tab3">Sample Tab Three</a></li>
</ul>
<!-- This is your tab content -->
<ul class="tabs-content">