Removing breadcrumbs from certain pages...

[Alex Clarke]

Now, I remember I was once able to do this, but I've forgotten how (unless ZenCart files have changed)!

I'm trying to remove the breadcrumbs from my privacy policy, terms and conditions and contact us page.

Last time I remember opening up the tpl files and commenting out the breadcrumbs php code. However, I can't find the code anymore! :|

Anyone able to point me in the right directions, please?

[gjh42]

The call for the breadcrumbs happens in tpl_main_page.php. If your template has separate copies of it for the privacy etc pages, you would find them under the appropriate subfolders.

Alternatively, you can test for $current_page_base == privacy etc, and skip the breadcrumb display if true. See the comments at the top of tpl_main_page.php for more info.

if(!$current_page_base == 'privacy' and !$current_page_base == 'terms etc') {
  //breadcrumb code here will be executed
} 

(the ! means "not".)

[Kim]

You don't have to code for it- you can use the CSS ...


#PAGE_ID .breadCrumb { display: none;}

[Alex Clarke]

"Excellent"

Thanks for the replies guys.

I'll probably go down the CSS route, as it's nice and simple.

[gjh42]

Thanks, Kim, that's way better! Now how come that answer has never been given for this question before, by those who know? Or is this (nearly) the only variant of the question it will work for?

[Alex Clarke]

You don't have to code for it- you can use the CSS ...


#PAGE_ID .breadCrumb { display: none;}

Just tried this and it didn't work.

I tested it out on the Advanced Search page by adding the following code to the end of my stylesheet.

#advSearchDefault .breadCrumb { display: none;}

Any ideas?

[seethrou]

If you mean the navBreadCrumb in the centerColumn of the Advanced Search Page. Sometimes it need to find the exact items in your page after the hints. And #advSearchDefault is under the #navBreadCrumb, and you can't override it.


Try the following.

#advancedsearchBody #navBreadCrumb {
	display: none;
}

[Alex Clarke]

That did the trick! Thanks for the help. :)

[beep]

You don't have to code for it - you can use the CSS ...


#PAGE_ID .breadCrumb { display: none;}

I'd like to use this method to position the breadcrumbs differently on my product info pages (to the left of the image) but can't seem to get the right page id. I've tried..

.productGeneralBody #navBreadCrumb{}
.productGeneral #navBreadCrumb{}
#productGeneralBody #navBreadCrumb{}
#productGeneral #navBreadCrumb{}

evidently I'm not hitting the nail on the head. Does anyone know the correct page id for the product pages, and also perhaps the category pages?

[gjh42]

You need to look at the page body id for Kim's suggestion. In this case, it's #productinfoBody.

Look in view source, or get Firefox and its Web Developer or Firebug extensions; they are vital tools for editing page styling.

The category listing page shares an id with the product listing page, so you can't use this method to single it out. You can do it with Smart Backgrounds from Free Addons.