can anyone solve this?

Topic summary

Main issue: Implementing and displaying a breadcrumb navigation in a Shopify theme.

  • The store owner already added a breadcrumb snippet/section and shared a preview URL plus a screenshot. They later pasted their breadcrumb.liquid code, which includes logic for product, collection, blog, article, customer addresses, pages, and search, with a captured separator and home link.

  • A helper first advised creating a new snippet named “breadcrumb” via Online Store → Theme → Edit code → Snippets → Add new snippet (with screenshots). The owner replied they had already done this and provided their code.

  • The helper then suggested adding additional code in theme.liquid above the tag and showed a “result” screenshot, but the actual code block content was missing in the post (likely crucial to the fix).

  • Status: Unresolved. The owner has a breadcrumb snippet in place, but integration details or missing theme.liquid code are unclear. Key next step is receiving the complete code to insert (or guidance on where/how to include the snippet) and verifying proper inclusion in the relevant templates/sections. Images and the posted code are central to understanding the issue.

Summarized with AI on December 18. AI used: gpt-5.

this is for breadcrumb.. i had added code in snippet & section should i share those??

URL: https://es04e0amvz2qadma-56620318792.shopifypreview.com

Hi @Emiway ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search folder snippets → Add a new snippets

Step 3: Put name is “breadcrumb

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

i had already added it Checkout

{% comment %}
Documentation - http://docs.shopify.com/support/your-website/navigation/creating-a-breadcrumb-navigation
{% endcomment %}

{%- capture separator -%}



{%- endcapture -%}

{%- capture home -%}

{{ ‘general.breadcrumbs.home’ | t }}

{%- endcapture -%}

{% if container == nil %}
{% assign container = ‘container-fluid’ %}
{% endif %}

{% unless template == ‘index’ %}

{% unless template.name == 'product' %} {{ home }} {% endunless %}

{% if template.name == ‘product’ %}

{{ home }} {% liquid assign current_collection = null if collection assign current_collection = collection elsif product and product.collections.size > 0 assign current_collection = product.collections.first endif %} {% if current_collection %} {{ separator }} {% if current_collection.handle %} {% capture url %}/collections/{{ current_collection.handle }}{% endcapture %} {{ current_collection.title }} {% endif %} {% endif %} {% unless hide_current == true %} {{ separator }} {{ product.title }} {% endunless %}
{% elsif template.name == 'collection' and collection.handle %}

{{ separator }}
{% if current_tags %}
{% capture url %}/collections/{{ collection.handle }}{% endcapture %}
{{ collection.title }}
{{ separator }}
{{ current_tags | join: " + " }}
{% else %}
{{ collection.title }}
{% endif %}

{% elsif template.name == ‘blog’ %}

{{ separator }}
{% if current_tags %}
{{ blog.title }}
{{ separator }}
{{ current_tags | join: " + " }}
{% else %}
{{ blog.title }}
{% endif %}

{% elsif template == ‘article’ %}

{{ separator }}
{{ blog.title }}

{% elsif template == “customers/addresses” %}

{{ separator }}
{{ ‘customer.account.page_title’ | t }}
{{ separator }}
{{ page_title }}

{% elsif template contains ‘page’ %}

{{ separator }}
{{ page.title }}

{% elsif template contains ‘search’ %}
{{ separator }}
{{ ‘general.search.heading’ | t: count: search.results_count, terms: search.terms }}

{% else %}

{{ separator }}
{{ page_title }}

{% endif %}

{% endunless %}

Hi @Emiway ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:


Here is result:

BSSCommerceHDL_0-1727506387977.png

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes: