How To: Show breadcrumbs also at the bottom of a page.
Collapse
X
-
MARK.B
vBulletin Support
------------
My Unofficial vBulletin 6.0.0 Demo: https://www.talknewsuk.com
My Unofficial vBulletin Cloud Demo: https://www.adminammo.com -
I like the idea of having the breadcrumbs on the top of the page, but I would also like to have them at the bottom of the page.
With vB5 it is very simple to do. I love the way hooks work. If you also would like to have breadcrumbs at the bottom of the page, follow these simple steps:- Go to AdminCP -> Style Manager -> Add New Template
- Name the Title breadcrumbs_footer
- In the Template use the following code: Code:
<vb:if condition="$page['crumbs']"> {vb:set breadcrumbSchema.itemprop, breadcrumb} <ul id="breadcrumbs" class="h-clearfix" {vb:schema {vb:raw breadcrumbSchema}}> <li class="crumb ellipsis"><a class="crumb-link" href="{vb:raw baseurl}/">{vb:phrase home}</a></li> <vb:each from="page.crumbs" value="crumb"> <vb:if condition="isset($crumb['phrase']) AND !empty($crumb['phrase'])"> {vb:set crumbTitle, {vb:rawphrase {vb:raw crumb.phrase}}} <vb:else /> {vb:set crumbTitle, {vb:raw crumb.title}} </vb:if> <li class="vb-icon separator"></li> <li class="crumb ellipsis"><vb:if condition="$crumb['url']"><a class="crumb-link" href="{vb:raw baseurl}{vb:raw crumb.url}">{vb:raw crumbTitle}</a><vb:else />{vb:raw crumbTitle}</vb:if></li> </vb:each> </ul> <vb:else /> </vb:if>
- Click Save
- Go to Products & Hooks -> Manage Hooks -> Add New Hook
- Select for Hook Location footer_start
- Give the hook a Title, for example Breadcrumbs Footer
- In the field Template Name fill out breadcrumbs_footer
- In Hook Arguments put: Code:
page=page
- Click Save
Thanks for any assistance.Comment
-
Translations provided by Google.
Wayne Luke
The Rabid Badger - a vBulletin Cloud demonstration site.
vBulletin 5 API👍 1Comment
-
I see this is a year old thread, figure I would ask here
I'm using VB 5.5.2 with VB Cloud
I copied the code and placed as a New Templete, etc
went to Hooks & Products, added a new Hook, etc........
Where the bottom of page breadcrumbs should be I have the following instead ( the 2nd and 3rd line is actually one total line )
{vb:set breadcrumbSchema.itemprop, breadcrumb}
vbhrase home}{vb:raw crumbTitle}{vb:raw crumbTitle>
{vb:set crumbTitle, {vb:rawphrase {vb:raw crumb.phrase}}} {vb:set crumbTitle, {vb:raw crumb.title}}
I will note that in Hooks the Execution Order is pre-set to 10, not sure if that makes a difference or not.
Any help would be appreciated
ThanksComment
-
I"ll add that when i did a new templete I Didn't do it from the Default style check box, I did it in the actually Style name
in my style manager I have Default, and Two styles checked for my site giving posters the option to change styles
So maybe I should add the breadcrumbs to the Default option ?Comment
-
This code won't work on Cloud at this time. You cannot use vBulletin markup in templates on Cloud.Translations provided by Google.
Wayne Luke
The Rabid Badger - a vBulletin Cloud demonstration site.
vBulletin 5 APIComment
-
Comment
-
-
There is no way to add a second set of Breadcrumbs in Cloud. Reverting a custom template will delete it.Translations provided by Google.
Wayne Luke
The Rabid Badger - a vBulletin Cloud demonstration site.
vBulletin 5 APIComment
-
I've tried to implement this hack but nothing is showing (vBulletin 5.5.5 self-hosted). Does anyone have this running on 5.5.5 - did you need to do anything to get it to work?Comment
-
Comment
Related Topics
Collapse
-
by consigliereI have my latest activity module on the forum tab and it allows me to function in a similar layout to vB4.2...which has alleviated the pain in this area for my users. I know this is possibly not how the...
-
Channel: vBulletin 5 Installs & Upgrades
-
-
by Mr BOne of my users reported that the topic page pagination is not working correctly after upgrade to vBulletin 5.4.5. I can recreate the issue and it works if the user is logged in but not when the user...3 Photos
-
Channel: Support Issues & Questions
-
Comment