Jump to content

Recommended Posts

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

 

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

  • Like 1

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

@ kotkotan

 

Remove

 

{if ($content_only == 0)}
       {include file="$tpl_dir./breadcrumb.tpl"}
{/if}
 
In your /themes/yourtheme/cms.tpl
  • Like 1

Share this post


Link to post
Share on other sites

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

  • Like 1

Share this post


Link to post
Share on other sites

 

@ kotkotan

 

Remove

 

{if ($content_only == 0)}
       {include file="$tpl_dir./breadcrumb.tpl"}
{/if}
 
In your /themes/yourtheme/cms.tpl

 

works! thanks!

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

 

Keep in mind that this would remove it everywhere

Share this post


Link to post
Share on other sites

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

 

voila ;)

  • Like 1

Share this post


Link to post
Share on other sites

Perfect - thx guys. Lost without you!

 

love Bhodi

Share this post


Link to post
Share on other sites

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.

  • Like 1

Share this post


Link to post
Share on other sites

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 by hennyw (see edit history)

Share this post


Link to post
Share on other sites

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?

Share this post


Link to post
Share on other sites

Hello,

 

No I don't use the default one.

I use siteground-9

Hope you can help me.

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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

  • Thanks 1

Share this post


Link to post
Share on other sites

Why prestashop 1.6?

Why can't I do it in 1.4.7?

What must I modify in header.tpl?

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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

 

Share this post


Link to post
Share on other sites

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

#cms .breadcrumb { display: none }
  • Like 1

Share this post


Link to post
Share on other sites

Thank you rocky! It works 

:wub:

 

 

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

#cms .breadcrumb { display: none }

Share this post


Link to post
Share on other sites

Hello, 

 

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

Share this post


Link to post
Share on other sites

Try:

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

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

Share this post


Link to post
Share on other sites

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?

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


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

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites
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?

Share this post


Link to post
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).

Share this post


Link to post
Share on other sites

Hi,

 

How to remove the breadcrumb ONLY on mobile?

 

Thank you

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

 

Thank you

Share this post


Link to post
Share on other sites
Posted (edited)

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 by rocky (see edit history)
  • Thanks 1

Share this post


Link to post
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

Share this post


Link to post
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 >

Share this post


Link to post
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...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More