Share |
Blog Pro RSS

Product Catalogue Breadcrumb Navigation

Author - Karen Mills

For a Product Catalogue that has a 3-page workflow (Navigation > List > Details), add the following code into a Custom Code Module on the details page, so that the breadcrumb will link to a page that shows a populated List:

<script type="text/javascript">
$(document).ready( function () {
  // get the 2 input element ( previous / next buttons )
  var inputs = $('.StatusHolder .ListImage input');

  // get the category links ( breadcrumb like links )
  var links = $('.StatusHolder .ListCategoryLink a');

  // empty StatusHolder element
  $('.StatusHolder').html("")

  .append(inputs[0])
  .append(inputs[1]);

});
</script>

Post New Comment

Name *
Email *
Your email will not be published
Subscribe
Website
Comment *
Enter the code shown *
Share |
Forward To Friends
Print

Blog Categories

Category Topics
10
3

Popular pages

RSS Reader

RSS Reader

An essential module that utilises external sources to display up-to-date content. ...RSS Reader... More

Document Library

Document Library

Ensuring customers find the right document, clear categorisation is the top priority with searching... More

Blog

Blog

An interactive tool for online discussion. Inspire. Comment. Reflect. ...Website Blog Module... More