mynamesStephanie Posted May 29, 2012 Share Posted May 29, 2012 Hi All, how to remove breadcrumb? please help Link to comment Share on other sites More sharing options...
phrasespot Posted May 30, 2012 Share 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 Link to comment Share on other sites More sharing options...
Bejoy Cherian Posted August 31, 2012 Share Posted August 31, 2012 I did as phraesopt said. but didnt work. shud i check sthng else ? Thank u Link to comment Share on other sites More sharing options...
Dh42 Posted August 31, 2012 Share Posted August 31, 2012 You should turn your shop to force compile and turn the cache off and reload the site. Link to comment Share on other sites More sharing options...
alfathony Posted February 21, 2013 Share Posted February 21, 2013 thaks :* Link to comment Share on other sites More sharing options...
vekia Posted February 21, 2013 Share 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 Link to comment Share on other sites More sharing options...
kotkotan Posted September 24, 2013 Share Posted September 24, 2013 how remove breadcrumb only from CMS pages and leave them on product and category pages? Link to comment Share on other sites More sharing options...
asdqwerty Posted September 25, 2013 Share Posted September 25, 2013 @ kotkotan Remove {if ($content_only == 0)} {include file="$tpl_dir./breadcrumb.tpl"} {/if} In your /themes/yourtheme/cms.tpl 1 Link to comment Share on other sites More sharing options...
vekia Posted September 25, 2013 Share 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 Link to comment Share on other sites More sharing options...
kotkotan Posted September 25, 2013 Share 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! Link to comment Share on other sites More sharing options...
adimh Posted October 16, 2013 Share Posted October 16, 2013 go to global.css and write above .breadcrumb {....display:none;} (line:854) Link to comment Share on other sites More sharing options...
asdqwerty Posted October 16, 2013 Share 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 Link to comment Share on other sites More sharing options...
vekia Posted October 16, 2013 Share Posted October 16, 2013 so you can use #cms .breadcrumb {display:none!important} voila 1 Link to comment Share on other sites More sharing options...
Bhodi Posted May 26, 2014 Share Posted May 26, 2014 Perfect - thx guys. Lost without you! love Bhodi Link to comment Share on other sites More sharing options...
theridinghood Posted June 23, 2014 Share 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 Link to comment Share on other sites More sharing options...
webdev.thoughtfood Posted April 9, 2015 Share Posted April 9, 2015 there is a file called breadcrumb.tpl in template folder, comment the code in that file Link to comment Share on other sites More sharing options...
hennyw Posted December 31, 2015 Share 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) Link to comment Share on other sites More sharing options...
vekia Posted January 2, 2016 Share 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? Link to comment Share on other sites More sharing options...
hennyw Posted January 2, 2016 Share Posted January 2, 2016 Hello, No I don't use the default one. I use siteground-9 Hope you can help me. Link to comment Share on other sites More sharing options...
vekia Posted January 2, 2016 Share 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 Link to comment Share on other sites More sharing options...
hennyw Posted January 2, 2016 Share 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. Link to comment Share on other sites More sharing options...
jjordan Posted January 8, 2016 Share Posted January 8, 2016 Just to clarify that in Prestashop 1.6 you need to modify header.tpl to remove the breadcrumb. 1 Link to comment Share on other sites More sharing options...
hennyw Posted January 8, 2016 Share 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? Link to comment Share on other sites More sharing options...
jjordan Posted January 11, 2016 Share 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. Link to comment Share on other sites More sharing options...
emilyoct Posted September 8, 2016 Share 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 Link to comment Share on other sites More sharing options...
rocky Posted September 8, 2016 Share Posted September 8, 2016 You can hide the breadcrumb bar from CMS pages using CSS: #cms .breadcrumb { display: none } 1 Link to comment Share on other sites More sharing options...
emilyoct Posted September 12, 2016 Share Posted September 12, 2016 Thank you rocky! It works You can hide the breadcrumb bar from CMS pages using CSS: #cms .breadcrumb { display: none } Link to comment Share on other sites More sharing options...
colorlife Posted October 20, 2016 Share Posted October 20, 2016 Hello, i need to remove breadcrumb on specific category and on all checkout step. Is possibile? How can i do? Link to comment Share on other sites More sharing options...
rocky Posted October 20, 2016 Share 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. Link to comment Share on other sites More sharing options...
colorlife Posted October 20, 2016 Share Posted October 20, 2016 Hello, i put at the end of global.css but not work Link to comment Share on other sites More sharing options...
rocky Posted October 20, 2016 Share 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? Link to comment Share on other sites More sharing options...
colorlife Posted October 20, 2016 Share 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? Link to comment Share on other sites More sharing options...
rocky Posted October 20, 2016 Share 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. Link to comment Share on other sites More sharing options...
colorlife Posted October 24, 2016 Share Posted October 24, 2016 Perfect. I put on wrong css. Now functions perfet Thanks Link to comment Share on other sites More sharing options...
Costantini Posted July 27, 2017 Share 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 Link to comment Share on other sites More sharing options...
Giuseppe1975 Posted July 31, 2018 Share 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) Link to comment Share on other sites More sharing options...
rocky Posted August 1, 2018 Share 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. Link to comment Share on other sites More sharing options...
coffeefish Posted April 11, 2020 Share 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? Link to comment Share on other sites More sharing options...
NPO Posted April 11, 2020 Share 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). Link to comment Share on other sites More sharing options...
Boonyawat Posted April 27, 2020 Share Posted April 27, 2020 Hi, How to remove the breadcrumb ONLY on mobile? Thank you Link to comment Share on other sites More sharing options...
rocky Posted April 27, 2020 Share 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 Link to comment Share on other sites More sharing options...
Boonyawat Posted April 27, 2020 Share Posted April 27, 2020 Thank you. Just curious.... Having breadcrumb visible on webpage does any good regarding SEO? Thank you Link to comment Share on other sites More sharing options...
rocky Posted April 27, 2020 Share 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 Link to comment Share on other sites More sharing options...
Boonyawat Posted April 27, 2020 Share 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 Link to comment Share on other sites More sharing options...
rocky Posted April 28, 2020 Share 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 > Link to comment Share on other sites More sharing options...
Rizzzle Posted December 4, 2020 Share Posted December 4, 2020 Hello gang, How to remove "home" from the breadcrumb in Prestashop 1.7? Thanks! Link to comment Share on other sites More sharing options...
EP Digital Posted February 17, 2021 Share Posted February 17, 2021 (edited) 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) Link to comment Share on other sites More sharing options...
.png.5d0642e8179664498d5fcea388e4a181.png)
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now