remove Product Name from Smart Breadcrumbs

[lesliekirk]

How do you remove the Product Name from the Smart Breadcrumbs?

[lesliekirk]

Re: remove Product Name from Smart Breadcrumbs

Really, nobody knows how to do this?

[Pamela Hazelton]

Re: remove Product Name from Smart Breadcrumbs

Wow, I never realized the coding isn't there to remove. Only a character count cap and link level cap.

[Bruce - PhosphorMedia]

Re: remove Product Name from Smart Breadcrumbs

Ah, what are you trying to do? (Or send me coffee, I can't figure out a reason to remove the "product name" from a bread-crumb.) :)

[lesliekirk]

Re: remove Product Name from Smart Breadcrumbs

Store has some pretty long category and product names - when it's all put together it looks a bit unruly.

[Bruce - PhosphorMedia]

Re: remove Product Name from Smart Breadcrumbs

More Coffee it is!


This might be kind of fugly, but you might consider using some CSS foo to shorten the "display space" of a given product name, then exposing it when hovered over. (Sort of like a fly out menu or Popup.)


Something like

.selector { width:100px; overflow-x:hidden }
.selector:hover { width:inherit; }

[Pamela Hazelton]

Re: remove Product Name from Smart Breadcrumbs

Getting rid of it is common, because the Product Name itself is right there on the page. In other cases, we might want to format it completely differently outside of CSS.

[rajnishsi]

Re: remove Product Name from Smart Breadcrumbs

You can add some sort of conditional inside breadcrumbs to check whether you are in PROD page, and then not display the part where name itself appears. On product pages, product name would be the last part in breadcrumbs array, and will be the one without anchor tag, my guess would be the second elseif statement in there.

[lesliekirk]

Re: remove Product Name from Smart Breadcrumbs

In theory that sounds like a plan, but I'm not really sure how to implement it. There is an all or nothing conditional to keep it from displaying on the SFNT screen:

<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 large-np">
			<ul>
				<li><a href="&mvt:breadcrumbs:homelink;" 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>

[rajnishsi]

Re: remove Product Name from Smart Breadcrumbs

You can try with something like 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 large-np">
            <ul>
                <li><a href="&mvt:breadcrumbs:homelink;" 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">
                        <mvt:if expr="l.settings:page:code NE 'PROD'">
                            <li><span class="current-item">&mvt:cats:name;</span></li>
                        </mvt:if>
                    <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>

I haven't checked it but should work, I'm assuming that the middle else part is responsible for the last crumb on product page. If not, you can wrap that conditional around first one too.

[eldon99]

Re: remove Product Name from Smart Breadcrumbs

Along the same lines we need to be able to do a conditional override of the product name with a custom product field. I tried to use both the built-in custom fields coding (both new and legacy) and toolkit without success. Can the smart breadcrumbs tie into the custom product fields?

[rajnishsi]

Re: remove Product Name from Smart Breadcrumbs

There shouldn't be any issue with that, can you share the code you tried ?

[eldon99]

Re: remove Product Name from Smart Breadcrumbs

rajnishsi,

Thank you for the feedback. I was able to get it to work. I had my code under the wrong conditional.