Announcement

Collapse
No announcement yet.

How To: Show breadcrumbs also at the bottom of a page.

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • #16
    Originally posted by IggyP View Post
    anyone know of a way to do this for vb4?
    vBulletin 4 uses completely different code so this won't work at all.
    i believe a modification exists on vbulletin.org though.
    MARK.B | vBULLETIN SUPPORT

    TalkNewsUK - My vBulletin 5.5.2 Demo
    AdminAmmo - My Cloud Demo

    Comment


    • IggyP
      IggyP commented
      Editing a comment
      i am aware the canyon between versions..i did see lynes work there tho i intend to test for modern php and setup soon. thank you

  • #17
    Originally posted by TimNL View Post
    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:
    1. Go to AdminCP -> Style Manager -> Add New Template
    2. Name the Title breadcrumbs_footer
    3. 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>
    4. Click Save
    5. Go to Products & Hooks -> Manage Hooks -> Add New Hook
    6. Select for Hook Location footer_start
    7. Give the hook a Title, for example Breadcrumbs Footer
    8. In the field Template Name fill out breadcrumbs_footer
    9. In Hook Arguments put:
      Code:
      page=page
    10. Click Save
    That's it! You will now have your breadcrumbs directly above your Footer!
    Can someone please assist? I have a 5.4.1 forum (self-hosted) but do not see "Add New Template" in my AdminCP Style Manager. Not sure how to implement this since I can't complete the first step. I'm sure I'm overlooking something obvious.

    Thanks for any assistance.

    Comment


    • #18
      Originally posted by lottidah View Post

      Can someone please assist? I have a 5.4.1 forum (self-hosted) but do not see "Add New Template" in my AdminCP Style Manager. Not sure how to implement this since I can't complete the first step. I'm sure I'm overlooking something obvious.

      Thanks for any assistance.
      Click image for larger version

Name:	2018-06-03_11-35-16.png
Views:	5
Size:	74.8 KB
ID:	4392532

      Translations provided by Google.

      Wayne Luke
      The Rabid Badger - a vBulletin Cloud customization and demonstration site.
      vBulletin 5 Documentation - Updated every Friday. Report issues here.
      vBulletin 5 API - Full / Mobile
      I am not currently available for vB Messenger Chats.

      Comment


      • #19
        Originally posted by Wayne Luke View Post
        Click image for larger version

Name:	2018-06-03_11-35-16.png
Views:	5
Size:	74.8 KB
ID:	4392532
        Ha, I feel dumb. Thanks for the assistance!!

        Comment


        • #20
          There is a product i created for this @Vborg here with a few tweaks i created with full credit given to the original author in copyright notice in the footer
          Cometbar

          DartsLeague

          Comment

          Related Topics

          Collapse

          Working...
          X