Smart Breadcrumbs Issue

[SidFeyDesigns]

For some reason when on any top level categories the bread crumbs show an extra border at the end. It only does this on the top level categories.

Here is the breadcrumbs code:

<mvt:if expr="NOT (l.settings:page:code CIN g.screenCheck) AND l.settings:page:code NE 'SFNT'">
    <div class="row breadcrumbs">
        <nav class="column whole wrap float-none">
            <ul>
                <li><a href="https://&mvt:global:domain:name;/" title="Home" class="breadcrumb-home">Home</a><span class="breadcrumb-border">&#47;</span></li>
                <mvt:foreach iterator="cats" array="breadcrumbs:links">
                    <mvt:if expr="l.settings:cats:name EQ '...'">
                        <li><span class="cats-hidden">&mvt:cats:name;</span><span class="breadcrumb-border">&#47;</span></li>
                    <mvt:elseif expr="l.settings:cats:code EQ l.settings:breadcrumbs:current_item:code">
                        <li><span class="current-item">&mvt:cats:name;</span></li>
                    <mvt:else>
                        <li><a href="&mvt:cats:link;" title="&mvt:cats:name;">&mvt:cats:name;</a><span class="breadcrumb-border">&#47;</span></li>
                    </mvt:if>
                </mvt:foreach>
            </ul>
        </nav>
    </div>
    <!-- end breadcrumbs -->
</mvt:if>

Attached are two screen shots to show what I mean.

Thanks

-Nick

[Matt Zimmermann]

Hi Nick,

Try updating your breadcrumb code to this:

<mvt:if expr="NOT (l.settings:page:code CIN g.screenCheck) AND l.settings:page:code NE 'SFNT'">
    <div class="row breadcrumbs">
        <nav class="column whole wrap float-none">
            <ul>
                <li><a href="https://&mvt:global:domain:name;/" title="Home" class="breadcrumb-home">Home</a><span class="breadcrumb-border">&#47;</span></li>
                <mvt:foreach iterator="cats" array="breadcrumbs:links">
                    <mvt:if expr="l.settings:cats:name EQ '...' AND l.settings:cats:code EQ l.settings:breadcrumbs:current_item:code">
                        <li><span class="current-item">&mvt:cats:name;</span></li>
                    <mvt:elseif expr="l.settings:cats:name EQ '...'">
                        <li><span class="cats-hidden">&mvt:cats:name;</span><span class="breadcrumb-border">&#47;</span></li>
                    <mvt:elseif expr="l.settings:cats:code EQ l.settings:breadcrumbs:current_item:code">
                        <li><span class="current-item">&mvt:cats:name;</span></li>
                    <mvt:else>
                        <li><a href="&mvt:cats:link;" title="&mvt:cats:name;">&mvt:cats:name;</a><span class="breadcrumb-border">&#47;</span></li>
                    </mvt:elseif>
                </mvt:foreach>
            </ul>
        </nav>
    </div>
    <!-- end breadcrumbs -->
</mvt:if>

[SidFeyDesigns]

Unfortunately that did not fix the issue

[Matt Zimmermann]

If you remove the breadcrumb truncation in the settings, does it correct the issue?

[SidFeyDesigns]

No it didn't correct the issue.

[SidFeyDesigns]

I even reverted back to the original code that the suivant theme comes with and removed the breadcrumb truncation and it still didn't fix the issue.

[SidFeyDesigns]

Has anyone been able to find a solution for this?

Thanks.

[Matt Zimmermann]

I would recommend contacting either Support or Professional Services to have them take a look at the code in the administration portal.

[SidFeyDesigns]

okay thanks