how to add breadcrumbs and side navigation with filters in impulse

Store Design
,

Topic summary

Help requested for the Impulse Shopify theme on two items: enabling breadcrumbs (hierarchical navigation links) and customizing a side filter bar.

  • Breadcrumbs: One reply suggests first checking the Theme Customizer (Online Store > Themes > Customize) for any built-in “Breadcrumbs” setting. If unavailable, manually add breadcrumbs by editing code (Online Store > Themes > Actions > Edit code) and inserting a breadcrumb snippet into relevant templates (product.liquid, collection.liquid, page.liquid), typically under the header.

  • Code details: The provided snippet includes a conditional to exclude certain templates and a template variable assignment, but the actual breadcrumb markup/output is not included, so it is incomplete and would need additional code to render links.

  • Side filter bar: No guidance was given yet on customizing the side filter bar.

Status: No confirmed solution; action is to check theme settings or proceed with manual code edits. The code snippet is central but incomplete. Discussion remains open.

Summarized with AI on December 21. AI used: gpt-5.
1

I need impulse theme help

  1. how to have bread crumbs in impulse theme.

  2. how to customize side filter bar

2

Hi @aroohi

1. Adding Breadcrumbs in the Impulse Theme#### A. Check Theme Settings1. Go to Theme Customizer:

  • From your Shopify admin, navigate to Online Store > Themes.
  • Click Customize on the Impulse theme.

  1. Search for Breadcrumb Settings:

    • Some themes have a built-in option to enable breadcrumbs in the Theme settings or Pages sections. Look for any settings related to “Breadcrumbs” and enable them if available.

B. Add Breadcrumbs Manually (If Not Available)

If the theme doesn’t have built-in breadcrumb functionality, you can add it by editing your theme’s code:

  1. Edit Theme Code:

    • Go to Online Store > Themes.
    • Click on Actions > Edit code.

  2. Locate the Template Files:

    • You’ll need to add breadcrumb code to templates like product.liquid, collection.liquid, and page.liquid.

  3. Add Breadcrumb Code:

    • Open the product.liquid (or similar) file and add the following code snippet where you want the breadcrumbs to appear (usually at the top, under the header):

{%- unless template == 'index' or template == 'cart' or template == 'list-collections' or template == '404' -%}
{%- assign t = template | split: '.' | first -%}

{%- endunless -%}