mynamesStephanie 1 Posted May 29, 2012 Hi All, how to remove breadcrumb? please help Share this post Link to post Share on other sites
phrasespot 264 Posted May 30, 2012 Find the file /themes/[your theme]/product.tpl. Locate and remove the following line {include file="$tpl_dir./breadcrumb.tpl"} 1 Share this post Link to post Share on other sites
Bejoy Cherian 0 Posted August 31, 2012 I did as phraesopt said. but didnt work. shud i check sthng else ? Thank u Share this post Link to post Share on other sites
Dh42 1,266 Posted August 31, 2012 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
vekia 8,952 Posted February 21, 2013 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 1 Share this post Link to post Share on other sites
kotkotan 3 Posted September 24, 2013 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
asdqwerty 3 Posted September 25, 2013 @ kotkotan Remove {if ($content_only == 0)} {include file="$tpl_dir./breadcrumb.tpl"} {/if} In your /themes/yourtheme/cms.tpl 1 Share this post Link to post Share on other sites
vekia 8,952 Posted September 25, 2013 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 1 Share this post Link to post Share on other sites
kotkotan 3 Posted September 25, 2013 @ 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
adimh 0 Posted October 16, 2013 go to global.css and write above .breadcrumb {....display:none;} (line:854) Share this post Link to post Share on other sites
asdqwerty 3 Posted October 16, 2013 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
vekia 8,952 Posted October 16, 2013 so you can use #cms .breadcrumb {display:none!important} voila 1 Share this post Link to post Share on other sites
Bhodi 1 Posted May 26, 2014 Perfect - thx guys. Lost without you! love Bhodi Share this post Link to post Share on other sites
theridinghood 1 Posted June 23, 2014 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. 1 Share this post Link to post Share on other sites
webdev.thoughtfood 0 Posted April 9, 2015 there is a file called breadcrumb.tpl in template folder, comment the code in that file Share this post Link to post Share on other sites
hennyw 4 Posted December 31, 2015 (edited) 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) Share this post Link to post Share on other sites
vekia 8,952 Posted January 2, 2016 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
hennyw 4 Posted January 2, 2016 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
vekia 8,952 Posted January 2, 2016 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
hennyw 4 Posted January 2, 2016 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
jjordan 3 Posted January 8, 2016 Just to clarify that in Prestashop 1.6 you need to modify header.tpl to remove the breadcrumb. 1 Share this post Link to post Share on other sites
hennyw 4 Posted January 8, 2016 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
jjordan 3 Posted January 11, 2016 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
emilyoct 0 Posted September 8, 2016 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
rocky 954 Posted September 8, 2016 You can hide the breadcrumb bar from CMS pages using CSS: #cms .breadcrumb { display: none } 1 Share this post Link to post Share on other sites
emilyoct 0 Posted September 12, 2016 Thank you rocky! It works 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
colorlife 1 Posted October 20, 2016 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
rocky 954 Posted October 20, 2016 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
colorlife 1 Posted October 20, 2016 Hello, i put at the end of global.css but not work Share this post Link to post Share on other sites
rocky 954 Posted October 20, 2016 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
colorlife 1 Posted October 20, 2016 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
rocky 954 Posted October 20, 2016 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
colorlife 1 Posted October 24, 2016 Perfect. I put on wrong css. Now functions perfet Thanks Share this post Link to post Share on other sites
Costantini 1 Posted July 27, 2017 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
Giuseppe1975 0 Posted July 31, 2018 (edited) 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) Share this post Link to post Share on other sites
rocky 954 Posted August 1, 2018 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
coffeefish 0 Posted April 11, 2020 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
NPO 20 Posted April 11, 2020 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
Boonyawat 4 Posted April 27, 2020 Hi, How to remove the breadcrumb ONLY on mobile? Thank you Share this post Link to post Share on other sites
rocky 954 Posted April 27, 2020 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. 1 Share this post Link to post Share on other sites
Boonyawat 4 Posted April 27, 2020 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
rocky 954 Posted April 27, 2020 (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 April 27, 2020 by rocky (see edit history) 1 Share this post Link to post Share on other sites
Boonyawat 4 Posted April 27, 2020 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 Share this post Link to post Share on other sites
rocky 954 Posted April 28, 2020 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
Rizzzle 4 Posted December 4, 2020 Hello gang, How to remove "home" from the breadcrumb in Prestashop 1.7? Thanks! Share this post Link to post Share on other sites