Storyteller cmp_primary_navigation linking

[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.

[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]

Are they to custom category pages?

They are not - they use the CTGY Page template

[Matt Zimmermann]

Are they to custom category pages?

[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]

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]

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')">

[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;}

[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]

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.