How can I remove the Breadcrumbs header from only the home page?

Topic summary

A user successfully added breadcrumbs to their Shopify Pipeline theme (version 7.2.2) but wanted to hide them specifically from the homepage while keeping them on all other pages.

Solution provided:

  • Use conditional Liquid code to check if the current page is the homepage
  • Wrap breadcrumb display code with {% if template == 'index' %} and {% endif %} tags
  • This prevents breadcrumbs from rendering on the homepage only

Status: Resolved - the solution worked successfully.

Follow-up question: The original poster asked for additional help with making all breadcrumbs display in uppercase, indicating potential for further customization.

Summarized with AI on November 8. AI used: claude-sonnet-4-5-20250929.

I have added breadcrumbs (…edit code > Snippets > breadcrumbs.liquid) to my whole shopify 7.2.2 Pipeline theme website, but I don’t want the breadcrumbs header to show on the home page, just everywhere else. Thank you for any help in what coding to add/change!

1 Like

Hi @LoobyDoo

Are you familiar with codes? If it is you can add like this, this is only sample.

{% if template == 'index' %}

{% endif %}

And Save.

This worked thank you!!

1 Like

Would you also be able to help me with making my breadcrumbs all uppercase?