In this article, we'll explore how to remove breadcrumbs throughout the website without affecting rendering or functionality.
About SuiteCommerce Breadcrumbs
When working with SuiteCommerce, it might seem like a simple solution to comment out the breadcrumbs from all layout templates, such as checkout_layout.tpl, shopping_layout.tpl, or myaccount_layout.tpl, to remove them from the site. However, this approach can lead to unintended consequences that may affect the overall functionality and rendering of the site.
Breadcrumbs are often integrated into the site’s structure in a way that other elements or scripts might rely on their presence. Removing them by commenting out the code could break these dependencies, leading to rendering errors or issues in how the site operates.
Removing SuiteCommerce Breadcrumbs
A safer approach instead of outright commenting out the breadcrumbs will be hiding breadcrumbs with CSS. To do this, follow the steps below:
Step 1: Log in to Site Management Tools (SMT) on the current page with breadcrumbs on
Step 2: Go to edit mode and select the very first empty div on top
Step 3: Add a CMS HTML block, and add a style tag <style></style>.
Step 4: Target all these classes: .breadcrumb, .facets-facet-browse-breadcrum and .global-views-breadcrumb and set their display properties to none: display: none
Step 5: Hit Save, then publish updates.
That's it! The breadcrumbs should now be hidden on your SuiteCommerce website.
Want to learn more about breadcrumbs? Check out this tutorial article on how to Add Breadcrumbs to Your Custom Views in SuiteCommerce!
Author: Carlos Gutierrez
Get stuck in a step during this article?
We like to update our blogs and articles to make sure they help resolve any troubleshooting difficulties you are having. Sometimes, there is a related feature to enable or a field to fill out that we miss during the instructions. If this article didn't resolve the issue, please use the chat and let us know so that we can update it!
Oracle NetSuite Alliance Partner & Commerce Partner
If you have general questions about SuiteCommerce or more specific questions about how our team can support your business as you implement NetSuite or SuiteCommerce, feel free to contact us anytime. Anchor Group is a certified Oracle NetSuite Alliance Partner and Commerce Partner equipped to handle all kinds of NetSuite and SuiteCommerce projects, large or small!
We are a premium SuiteCommerce agency that creates powerful customer portals. Unlike our competitors, we have already solved your problems.