Storyteller cmp_primary_navigation linking

[lesliekirk]

I need the &mvt:navigationitem:name; in to be linked.

<label for="l-&mvt:navigationitem:id;-toggle">&mvt:navigationitem:name;<span class="icon--chevron-down"></span>

Changing it to &mvt:navigationitem:link; is not the desired result.

[Matt Zimmermann]

Hi Leslie,

This will add the link in, however you may need to modify some styling and/or behavior depending on what you are looking for.

<label for="l-&mvt:navigationitem:id;-toggle"><a href="&mvt:navigationitem:url;" target="&mvte:navigationitem:link_targ;">&mvt:navigationitem:name;<span class="icon--chevron-down"></span></a></label>

[lesliekirk]

Hi Leslie,

This will add the link in, however you may need to modify some styling and/or behavior depending on what you are looking for.

<label for="l-&mvt:navigationitem:id;-toggle"><a href="&mvt:navigationitem:url;" target="&mvte:navigationitem:link_targ;">&mvt:navigationitem:name;<span class="icon--chevron-down"></span></a></label>

Thanks, Matt.

Here's what I wound up using:

<label for="l-&mvt:navigationitem:id;-toggle"><a href="&mvt:navigationitem:url;" target="&mvte:navigationitem:link_targ;">&mvt:navigationitem:name;</a><span class="icon--chevron-down"></span></label>

plus I had to tweak CSS

.cmp-primary-navigation a, .cmp-primary-navigation label {
    display: inline-block;}

[lesliekirk]

As I'm working on this I seem to have come up with yet another question. I want to link to a Category but I thought it would appear in the "border--secondary" line based on the conditional

vt:if expr="NOT ISNULL l.settings:readytheme:navigationitems">
            <mvt:foreach iterator="navigationitem" array="readytheme:navigationitems">
                <mvt:if expr="l.settings:navigationitem:link_dest CIN 'CLST|CTGY|PLST'">
                    <li class="color--white">
                        <mvt:if expr="NOT ISNULL l.settings:navigationitem:items">
                            <input id="l-&mvt:navigationitem:id;-toggle" data-toggle type="checkbox">
                            <label for="l-&mvt:navigationitem:id;-toggle"><a href="&mvt:navigationitem:url;" target="&mvte:navigationitem:link_targ;">&mvt:navigationitem:name;</a><span class="icon--chevron-down"></span></label>
                            <ul>
                                <mvt:foreach iterator="navigationitem_level2" array="navigationitem:items">
                                    <li class="color--white">&mvt:navigationitem_level2:link;</li>
                                </mvt:foreach>
                            </ul>
                        <mvt:else>
                            &mvt:navigationitem:link;
                        </mvt:if>
                    </li>
                </mvt:if>
            </mvt:foreach>
            <li><hr class="border--secondary"></li>
            <mvt:foreach iterator="navigationitem" array="readytheme:navigationitems">
                <mvt:if expr="NOT (l.settings:navigationitem:link_dest CIN 'CLST|CTGY|PLST')">
                    <li class="color--secondary">
                        <mvt:if expr="NOT ISNULL l.settings:navigationitem:items">
                            <input id="l-&mvt:navigationitem:id;-toggle" data-toggle type="checkbox">
                            <label for="l-&mvt:navigationitem:id;-toggle"><a href="&mvt:navigationitem:url;" target="&mvte:navigationitem:link_targ;">&mvt:navigationitem:name;</a><span class="icon--chevron-down"></span></label>
                            <ul>
                                <mvt:foreach iterator="navigationitem_level2" array="navigationitem:items">
                                    <li class="color--secondary">&mvt:navigationitem_level2:link;</li>
                                </mvt:foreach>
                            </ul>
                        <mvt:else>
                            &mvt:navigationitem:link;
                        </mvt:if>
                    </li>
                </mvt:if>
            </mvt:foreach>
        </mvt:if>

Shouldn't this line tell the category not to appear below the line?

<mvt:if expr="NOT (l.settings:navigationitem:link_dest CIN 'CLST|CTGY|PLST')">

[Matt Zimmermann]

Hi Leslie,

If the destination page is the category list, category display, or product list page, it will show above the line. Otherwise, it will appear below the line.

[lesliekirk]

Hi Leslie,

If the destination page is the category list, category display, or product list page, it will show above the line. Otherwise, it will appear below the line.

Well...it's not. That's the problem. I have two category destinations that are below the line

[Matt Zimmermann]

Are they to custom category pages?

[lesliekirk]

Are they to custom category pages?

They are not - they use the CTGY Page template

[Matt Zimmermann]

Hmm, I'm really not sure why you would be seeing that. I'm assuming they are not custom links and are set through the ReadyTheme Navigation Set as Category/Category Code.

[lesliekirk]

Hmm, I'm really not sure why you would be seeing that. I'm assuming they are not custom links and are set through the ReadyTheme Navigation Set as Category/Category Code.

I'll try converting to the URI Management to see if that fixes it.