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:
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
Comment