Breadcrumb links are a common feature of storefronts allowing customers to retrace their steps and access previous pages. Also known as breadcrumb trails or navigation, this sequence of links provides a visual reference for the customer's current location and where they have been before in your storefront.
Use the below guide to enable or disable your breadcrumb links for your theme. These guides vary by theme, so use the tabs to select your theme and follow the provided steps.
Empire
Enable
Enabled by default.
Disable
Go to Actions > Edit code > Assets > theme.css.liquid and place this code at the very bottom of the file:
/* conceal breadcrumbs for Empire theme from Pixel Union Help Center */
.breadcrumbs-container {
visibility: hidden;
}
/* end */
Atlantic
Enable
Go to Customize > In the right-side preview, open up any product page > in the left-side settings, open the section Product page > under General, select Enable breadcrumbs > Save
Disable
Go to Customize > In the right-side preview, open up any product page > in the left-side settings, open the section Product page > under General, uncheck Enable breadcrumbs > Save
Grid
Enable
Enabled by default.
Disable
CSS
/* conceal breadcrumbs for Grid theme from Pixel Union Help Center */
.breadcrumbs{
visibility: hidden;
}
/* end */
Pacific
Enable
Enabled by default.
Disable
Go to Actions > Edit code > Assets > theme.css.liquid and place this code at the very bottom of the file:
/* conceal breadcrumbs for Pacific theme from Pixel Union Help Center */
.breadcrumbs{
visibility: hidden;
}
/* end */
Startup
Enable
Theme settings > Breadcrumbs > Enable Show breadcrumbs > Save
Disable
Theme settings > Breadcrumbs > Disable Show breadcrumbs > Save
Launch
Enable
Enabled by default.
Disable
Go to Actions > Edit code > Assets > theme.css.liquid and place this code at the very bottom of the file:
/* conceal breadcrumbs for Launch theme from Pixel Union Help Center */
.module-breadcrumbs{
visibility: hidden;
}
/* end */
Editions
Enable
Enabled by default.
Disable
Go to Actions > Edit code > Assets > theme.css.liquid and place this code at the very bottom of the file:
/* conceal breadcrumbs for Editions theme from Pixel Union Help Center */
.breadcrumbs{
visibility: hidden;
}
/* end */