[Solved] How To Remove Breadcrumb

[mynamesStephanie]

Hi All,

 

how to remove breadcrumb? please help

[phrasespot]

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

 

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

[Bejoy Cherian]

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

[Dh42]

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

[alfathony]

thaks :*

[vekia]

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]

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

[asdqwerty]

@ kotkotan

 

Remove

 

{if ($content_only == 0)}

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

{/if}

 

In your /themes/yourtheme/cms.tpl

[vekia]

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]

 

@ kotkotan

 

Remove

 

{if ($content_only == 0)}

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

{/if}

 

In your /themes/yourtheme/cms.tpl

 

works! thanks!

[adimh]

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

[asdqwerty]

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

 

Keep in mind that this would remove it everywhere

[vekia]

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

 

voila

[Bhodi]

Perfect - thx guys. Lost without you!

 

love Bhodi

[theridinghood]

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]

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

[hennyw]

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]

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]

Hello,

 

No I don't use the default one.

I use siteground-9

Hope you can help me.

[vekia]

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]

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]

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

[hennyw]

Why prestashop 1.6?

Why can't I do it in 1.4.7?

What must I modify in header.tpl?

[jjordan]

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]

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]

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

#cms .breadcrumb { display: none }

[emilyoct]

Thank you rocky! It works 

 

 

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

#cms .breadcrumb { display: none }

[colorlife]

Hello, 

 

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

[rocky]

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]

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

[rocky]

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]

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

[rocky]

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

[colorlife]

Perfect. I put on wrong css. Now functions perfet

Thanks 

[Costantini]

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]

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]

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.

[coffeefish]

On 4/10/2015 at 12:59 AM, webdev.thoughtfood said:

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

Doesn`t work for Presa 1.7
Any other ideas for presta 1.7 with classic theme to remove breadcrumbs everywhere?

[NPO]

Hi coffeefish,

If you want to remove all breadcrumbs you can set them to: display: none.

The breadcrumbs will disappear, the line will move up but the code is still intact (you never know).

You need to edit the breadcrumb.tpl file, add (before the last bracket)

style="display: none"

to the line starting: <nav data-depth="{breadcrumb.count.......  (should be line 1 or 2).

[Boonyawat]

Hi,

 

How to remove the breadcrumb ONLY on mobile?

 

Thank you

[rocky]

You can add CSS like the following:

@media (max-width: 767px) {
    .breadcrumb { display: none }
}

This will remove the breadcrumb when the browser width is less than 768px. You can adjust that number until you're happy with when the breadcrumb disappears.

[Boonyawat]

Thank you. Just curious.... Having breadcrumb visible on webpage does any good regarding SEO?

 

Thank you

[rocky]

I'm not an SEO expert. After a quick Google search, I found this page that says that breadcrumbs are indirectly good for SEO and hiding them using CSS is a bad idea.

Edited April 27, 2020 by rocky (see edit history)

[Boonyawat]

Rocky, if you don't mind. Please take a look at this picture

For some reason I don't know how... My breadcrumb has both / and > 

They take up the same location. If you can guide me where I can remove one of them that would be very helpful. I decide to keep the breadcrumb on my webpage.

 

Thank you

 

[rocky]

It's hard to help without checking the code on your website. I'm guessing the / is being added by your breadcrumb.tpl file and the > is being added using CSS. You'll have to either edit your breadcrumb.tpl to remove the / or edit your CSS to remove the >

[Rizzzle]

Hello gang,

How to remove "home" from the breadcrumb in Prestashop 1.7?

Thanks!

[EP Digital]

vous pouvez masquer avec du code css personnalisé (vous pouvez coller du code dans un fichier css personnalisé)

#cms .breadcrumb {

display: aucun;

}

ou si vous souhaitez masquer une seule page cms, vous devez vous baser sur l'ID de page cms. Exemple

# cms.cms-id- X  .breadcrumb {

display: aucun;

}

 

X = votre numéro d'identification de page

Edited February 17, 2021 by EP Digital (see edit history)

[Webo.Agency]

Update - most optimized version to remove breadcrumb from any TPL:
 

...

{block name='breadcrumb'}{/block}

....

Using style only hide element. This remove from code when on different template that render page