Announcement

Collapse
No announcement yet.

Smart Breadcrumbs Issue

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • Smart Breadcrumbs Issue

    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:

    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
    Attached Files

  • Hi Nick,

    Try updating your breadcrumb code to this:
    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 '...' 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>
    Matt Zimmermann
    Director of UI/UX Standards and Theme Development
    / Miva, Inc.

    Comment


    • Unfortunately that did not fix the issue

      Comment


      • If you remove the breadcrumb truncation in the settings, does it correct the issue?
        Matt Zimmermann
        Director of UI/UX Standards and Theme Development
        / Miva, Inc.

        Comment


        • No it didn't correct the issue.

          Comment


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

            Comment

            Working...
            X