Changing Breadcrumbs

[SwiftModders]

Hey everyone. I am integrating and customizing my v3 installation and it is looking great. The only issues are the breadcrumbs and integrating Kayako. Where do I go to change the URL's provided in the breadcrumb and can I remove "Support" as the top Breadcrumb?

 

Thanks in advanced!

[DataHosts]

homepage.tpl is the file that holds all main page links for the system. You can add, delete, or edit this and get the results you are looking for....I believe.

[Matt]

You can change the text displayed in the breadcrumbs inside the language file, for example lang/English.txt

[SwiftModders]

Not what I am looking to do, even though that is nice. I want to change the breadcrumbs. So that the divider isn't a ">" and also so the main breadcrumb (which is "Support") doesn't go to your support page. Or if I could delete the "Support" breadcrumb all together that would be nice.

[Matt]

You'd need to do some string manipulation on the breadcrumbnav template item. Take a look at the Smarty documentation and look in particular at the string replace functions. You'll need to do replacements for > and index.php which is the homepage url.

[SwiftModders]

Great, so now I have to learn how to use Smarty Templates to remove one thing from the breadcrumbs. When I figure this out, I will make tutorial for people in my position.

[Matt]

Well it's not that difficult really:

{$breadcrumbnav|replace:'>':'#!->'}

[SwiftModders]

Yes it really is, that does not work.

 

It turns the #!-> into a link and that replace function doesn't support ». Thanks.

 

Update:

 

Fixed by using this:

{$breadcrumbnav|replace:' >':' »'}

 

Thanks.

 

Matt, can you replace more than 1 string though, how would that look? I don't see it in the documentation.

[muchos]

how / where do i execute this?

[trine]

how / where do i execute this?

 

Simply find {$breadcrumbnav} in your header template, then replace it with the code above

[Iceman]

Matt, can you replace more than 1 string though, how would that look? I don't see it in the documentation.

 

Yup, try this...

{$breadcrumbnav|replace:'string1':'string2'|replace:'string3':'string4'}

http://smarty.php.net/manual/en/language.combining.modifiers.php

Cheers,

Paul

[skshost]

you can use that to replace "Support" with nothing if you'd like.

[gbrennae]

Try Something like this to transform for bootstrap:

 

<ul class="row breadcrumb span12">{$breadcrumbnav|replace:'</a> >':'</a><span class="divider">/</span></li>'|replace:'<a href=':'<li><a href='}</li></ul>

[kanum]

Try Something like this to transform for bootstrap:

 

<ul class="row breadcrumb span12">{$breadcrumbnav|replace:'</a> >':'</a><span class="divider">/</span></li>'|replace:'<a href=':'<li><a href='}</li></ul>

 

Thanks! Work great.

 

One question you know how can I add a Icon only to Portal Home?

[disgruntled]

CSS File: adjust to requirements.

 

Add

.home-icon { margin-left: -10px; margin-top: -10px; height: 10px; width:10px;}

 

header.tpl

 

Edit to

<ul>

<li><img class="home-icon" src="someimage.png"><a href="{if $loggedin}clientarea{else}index{/if}.php">{$LANG.hometitle}</a></li>

</ul>

 

All your doing is adding and image and then adjusting its size and position, i would suggest you use an image a little larger than you need, and down size it, rather than smaller and up size, that is if you cant find/make an image that is the size you want, it also means a slightly larger image will allow for more scalability if you later alter the font size of the breadcrumbs

Edited March 11, 2013 by disgruntled