Navigation Set Question

[mstella1]

Hi,

Trying to use a custom navigation set because I have a ton of categories so I think it will be easier for me to make 2 or 3 this way instead of hard coding all over the place.

How to do I call it in the page? I made a custom set called "NAV-CAT".

This doesn't work, just trying to show what I am trying to do:
<mvt:item name="category_tree" param="NAV-CAT" />

Thanks,
Mike

[SidFeyDesigns]

Its in the Navigation Set Tab underneath the Code field

miva-navset-item-tag.png

[mstella1]

Thanks! How did I miss that LOL!

[SidFeyDesigns]

mstella1 No problem. Pretty easy to miss lol. It doesn't exactly stand out.

[mstella1]

I am working on a side nav bar that I need to use for some categories and having trouble finishing it. It is partially working.

It will display every thing on level 1 but once I get to level 2/child nav item it will only show the first one in each category.

So instead of this:

Postcards
Sub Cat 1
Sub Cat 2
Sub Cat 3

It is doing this:
Postcards
Sub Cat 1


<mvt:if expr="NOT ISNULL l.settings:readytheme:navigationitems">
<mvt:foreach iterator="navigationitem" array="readytheme:navigationitems">
<button class="accordion">&mvt:navigationitem:link;</button>
<mvt:if expr="NOT ISNULL l.settings:navigationitem:items">
<mvt:foreach iterator="navigationitem_level2" array="navigationitem:items">
<div class="panel">&mvt:navigationitem_level2:link;
<mvt:if expr="NOT ISNULL l.settings:navigationitem_level2:items">
<mvt:foreach iterator="navigationitem_level3" array="navigationitem_level2:items">
<div class="panel">&mvt:navigationitem_level3:link;</div>
</mvt:foreach>
</mvt:if>
</div>
</mvt:foreach>
</mvt:if>
</mvt:foreach>
</mvt:if>
</div>

[SidFeyDesigns]

With what you've provided it looks like a closing div tag may be in the wrong spot.

Try moving the closing div in red to where I inserted the closing div in blue.

The last orange closing div looks like it could be removed too unless there is an opening div that was not pasted into your post.

<mvt:if expr="NOT ISNULL l.settings:readytheme:navigationitems">
    <mvt:foreach iterator="navigationitem" array="readytheme:navigationitems">
        <button class="accordion">&mvt:navigationitem:link;</button>
        <mvt:if expr="NOT ISNULL l.settings:navigationitem:items">
            <mvt:foreach iterator="navigationitem_level2" array="navigationitem:items">
                <div class="panel">&mvt:navigationitem_level2:link;</div>
                <mvt:if expr="NOT ISNULL l.settings:navigationitem_level2:items">
                    <mvt:foreach iterator="navigationitem_level3" array="navigationitem_level2:items">
                        <div class="panel">&mvt:navigationitem_level3:link;</div>
                    </mvt:foreach>
                </mvt:if>
                </div>
            </mvt:foreach>
        </mvt:if>
    </mvt:foreach>
</mvt:if>
</div>

[mstella1]

Got it thanks! I think I moved the div so many times yesterday trying to get it I missed that one you pointed out. I ended up moving them again after the foreach loop and that fixed it for me. Appreciate having a fresh set of eyes on things.

<mvt:if expr="NOT ISNULL l.settings:readytheme:navigationitems">
<mvt:foreach iterator="navigationitem" array="readytheme:navigationitems">
<button class="accordion">&mvt:navigationitem:link;</button>
<mvt:if expr="NOT ISNULL l.settings:navigationitem:items">
<div class="panel"><mvt:foreach iterator="navigationitem_level2" array="navigationitem:items">
&mvt:navigationitem_level2:link;
<mvt:if expr="NOT ISNULL l.settings:navigationitem_level2:items">
<div class="panel"> <mvt:foreach iterator="navigationitem_level3" array="navigationitem_level2:items">
&mvt:navigationitem_level3:link;
</mvt:foreach></div>
</mvt:if>
</mvt:foreach></div>
</mvt:if>
</mvt:foreach>
</mvt:if>

[SidFeyDesigns]

Glad you worked it out. I had a feeling there was some accordian functionality going on based off the button class.

[mstella1]

You are correct about the accordion style menu. Still tweaking the design but loving that nav set options. No more hard coding menus for me!