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


            • Has anyone been able to find a solution for this?

              Thanks.

              Comment


              • I would recommend contacting either Support or Professional Services to have them take a look at the code in the administration portal.
                Matt Zimmermann
                Director of UI/UX Standards and Theme Development
                / Miva, Inc.

                Comment


                • okay thanks

                  Comment

                  Working...
                  X

                  This website uses cookies to identify visitors, track visitors to our website, store login session information and to remember your user preferences. By continuing to use this site you agree to our use of cookies. Learn More.

                  This website uses cookies. By continuing to use this site you agree to our use of cookies. Learn More.

                  Accept