Breadcrumb

[geoffb]

Hi, i am using this code below

{if isset($SECTION_NAME) && ($SECTION_NAME == "home")}
  {else}
  <div id="breadcrumb">
    <ul>
      <li><a href="{$STORE_URL}">{$LANG.common.home}</a></li>
      {foreach from=$CRUMBS item=crumb}
      <li><a href="{$crumb.url}">{$crumb.title}</a></li>
      {/foreach}
    </ul>
  </div>
  {/if}

which is an if/else statement to basically not show a breadcrumb is its the homepage, only trouble is - when you go through to the basket, confirm pages to purchase ect I just end up with 'Home' being displayed.

 

What I'd like to be able to do is not show it (like on homepage) when the user is going through the basket/checkout process.

 

Any way I can complete this, maybe add template names to the if statement?

 

Geoff

[bsmither]

I haven't tried this -- still researching -- but I have an idea that in the layout.css file where all of the section names are found, we can add things like:

#home #breadcrumb {display: none;}

 

This means that when there is a div id="home", then the following div id="breadcrumb" will not display. If that throws off the layout, then visibility:hidden; (consumes the space, but otherwise not visible).

[geoffb]

Hi bsmither,

 

Yes that seems the easiest way, I originally had the breadcrumb section outside the

<div class="{$SECTION_NAME}_wrapper">

but now added as the first item in the div so I can now target the div of checkout_wrapper and have hidden the breadcrumb div.

 

Thanks, sometimes the simplest answers are the quickest!

 

Geoff