Jump to content

[Solved] How To Remove Breadcrumb


Recommended Posts

  • 3 months later...
  • 5 months later...

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

  • Like 1
Link to comment
Share on other sites

  • 7 months later...
  • 3 weeks later...
  • 7 months later...
  • 4 weeks later...
  • 9 months later...
  • 8 months later...

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.

Link to comment
Share on other sites

  • 7 months later...

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

 

Link to comment
Share on other sites

  • 1 month later...
  • 9 months later...
  • 1 year later...
  • 1 year later...
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?

Link to comment
Share on other sites

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).

Link to comment
Share on other sites

  • 3 weeks later...

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.

  • Thanks 1
Link to comment
Share on other sites

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

 

Screen Shot 2020-04-27 at 7.57.46 pm.png

Link to comment
Share on other sites

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 >

Link to comment
Share on other sites

  • 7 months later...
  • 2 months later...

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 by EP Digital (see edit history)
Link to comment
Share on other sites

  • 3 years later...

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

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...