[Solved] How To Remove Breadcrumb

[mynamesStephanie 1]

Hi All,

 

how to remove breadcrumb? please help

[phrasespot 262]

Find the file /themes/[your theme]/product.tpl. Locate and remove the following line

 

{include file="$tpl_dir./breadcrumb.tpl"}

[Bejoy Cherian 0]

I did as phraesopt said. but didnt work. shud i check sthng else ? Thank u

[Dh42 1,261]

You should turn your shop to force compile and turn the cache off and reload the site.

[alfathony 0]

thaks :*

[vekia 8,835]

so the final solution is:

 

1) remove from template:

{include file="$tpl_dir./breadcrumb.tpl"}

2) turn on force compilation to recompile your theme

 

don't forget to turn off force compilation after recompile process (by recompile process i mean one refresh of your website;)

 

@Dh42, @phrasespot awesome support, as always

i marked this topic as solved

[kotkotan 3]

how remove breadcrumb only from CMS pages and leave them on product and category pages?

[asdqwerty 3]

@ kotkotan

 

Remove

 

{if ($content_only == 0)}

       {include file="$tpl_dir./breadcrumb.tpl"}

{/if}

 

In your /themes/yourtheme/cms.tpl

[vekia 8,835]

that's right, if you want to remove it only or certain pages, you have to modify template files related to page you want to edit

[kotkotan 3]

 

@ kotkotan

 

Remove

 

{if ($content_only == 0)}

       {include file="$tpl_dir./breadcrumb.tpl"}

{/if}

 

In your /themes/yourtheme/cms.tpl

 

works! thanks!

[adimh 0]

go to global.css and write above  .breadcrumb {....display:none;} (line:854)

[asdqwerty 3]

go to global.css and write above  .breadcrumb {....display:none;} (line:854)

 

Keep in mind that this would remove it everywhere

[vekia 8,835]

so you can use #cms .breadcrumb {display:none!important}

 

voila

[Bhodi 1]

Perfect - thx guys. Lost without you!

 

love Bhodi

[theridinghood 1]

I cant find the line in product.tpl, im using using prestashop 1.6

 

{include file="$tpl_dir./breadcrumb.tpl"}

 

I want to hide breadcrumb everywhere.

[webdev.thoughtfood 0]

there is a file called breadcrumb.tpl in template folder, comment the code in that file

[hennyw 4]

I want to remove them everywhere to.

Everything here above doesn't work

I use prestashop  1.4.7.0

can anyone help me?

Edited December 31, 2015 by hennyw (see edit history)

[vekia 8,835]

I want to remove them everywhere to.

Everything here above doesn't work

I use prestashop  1.4.7.0

can anyone help me?

 

what theme you use in your prestashop? default one?

[hennyw 4]

Hello,

 

No I don't use the default one.

I use siteground-9

Hope you can help me.

[vekia 8,835]

in prestashop 1.4 it's a case of theme files

we dont know how breadcrumb is coded in theme that you use

 

usually it's enough to empty the breadcrumb.tpl file, but as i mentioned - usually it is a case of theme

[hennyw 4]

Thanks for the support.

I have cleard the file, but they are still there.

I also switch on  force compilation.

Hope to find it out soon.

[jjordan 2]

Just to clarify that in Prestashop 1.6 you need to modify header.tpl to remove the breadcrumb.

[hennyw 4]

Why prestashop 1.6?

Why can't I do it in 1.4.7?

What must I modify in header.tpl?

[jjordan 2]

Some people tell that you need to remove the line

 

{include file="$tpl_dir./breadcrumb.tpl"}

 

from the file /themes/[your theme]/product.tpl

 

That doesn't apply to Prestashop 1.6, where that same line has to be removed from the file /themes/[your theme]/header.tpl, at least when you use the default theme (default-bootstrap).

 

Since you are using a different them I can suggest you some approaches:

* go to global.css and write above  .breadcrumb {....display:none;}

* use a CSS inspector like the one included in Chrome developer mode and look for the class and CSS file where breadcrumb is styled and hide it.

* go into your theme's source code and look for a line including something like {include file="$tpl_dir./breadcrumb.tpl"}, then remove this line.

[emilyoct 0]

I am using PS 1.6 and it doesn't work for me, I can't find these code in cms.tpl 

Can anyone please help me what should I do to breadcrumb only from CMS pages and leave them on product and category pages please?

 

 

@ kotkotan

 

Remove

 

{if ($content_only == 0)}

       {include file="$tpl_dir./breadcrumb.tpl"}

{/if}

 

In your /themes/yourtheme/cms.tpl

 

[rocky 918]

You can hide the breadcrumb bar from CMS pages using CSS:

#cms .breadcrumb { display: none }

[emilyoct 0]

Thank you rocky! It works 

 

 

You can hide the breadcrumb bar from CMS pages using CSS:

#cms .breadcrumb { display: none }

[colorlife 1]

Hello, 

 

i need to remove breadcrumb on specific category and on all checkout step. Is possibile? How can i do?

[rocky 918]

Try:

#order .breadcrumb, #order-opc .breadcrumb, .category-3 .breadcrumb { display: none }

Change 3 to the ID of the category you want the breadcrumb hidden.

[colorlife 1]

Hello, i put at the end of global.css but not work

[rocky 918]

Works fine on my PrestaShop v1.6.1.7 test site using the default theme. What version of PrestaShop are you using? Are you using a third-party theme?

[colorlife 1]

Hello i use default theme and Prestashop 1.6.1.4. I put on global.css on folder css. Is right?

[rocky 918]

Yes, that should work, unless you're using a third-party checkout module, in which case the code would need to be modified.

[colorlife 1]

Perfect. I put on wrong css. Now functions perfet

Thanks 

[vuoshino 0]

hi,

we are using prestashop 1.6.1.4 with the theme leothemewine but all these trick doesn't works. I tried to modify breadcrumb.tpl, header.tpl, added the fuction to the css but nothing works. can someone help us? thanks

[Giuseppe1975 0]

On 20/10/2016 at 1:43 PM, rocky said:

Try:

#order .breadcrumb, #order-opc .breadcrumb, .category-3 .breadcrumb { display: none }

Change 3 to the ID of the category you want the breadcrumb hidden.

Hi! Where I should write this? I'm using 1.6.1.18 version. Thanks for your help.

Edited July 31, 2018 by Giuseppe1975 (see edit history)

[rocky 918]

Add it to the end of themes/default-bootstrap/css/global.css. Remember to go to Advanced Parameters > Performance and click the "Clear cache" button if you have the "Cache" option enabled to update the theme cache.