Focal Theme Breadcrump on Page issue

Shopify Discussion
1

I Want to Display in my Store Page Breadcrump with all page mapping ,

Now it Looks Like Home > Sub Category Page

Suppose now it looks like this, I want to display it like this First Home / Parent Page/ Child Page / Sub Child Page/ All Product of that Category / Individual Product

Please Help me to solve

2

Hey @faraz9794

You may try to update your breadcrump code with this :


  Home
  {% for segment in page.url | split: '/' %}
    {% if segment != blank %}
      {% capture segment_path %}{% if forloop.index > 1 %}/{{ segment }}{% else %}{{ segment }}{% endif %}{% endcapture %}
      {% capture segment_name %}{{ segment_path | handleize | replace: '-', ' ' | capitalize }}{% endcapture %}
      /{{ segment_name }}
    {% endif %}
  {% endfor %}

Please note that modifying your theme’s code requires a good understanding of Liquid, Shopify’s templating language, and HTML/CSS. Make sure to backup your theme and proceed with caution.

3

Hi

This is Noah from PageFly - Shopify Page Builder App

Please follow my steps below

Step 1: Online Stores > Themes > Duplicate to save back up

Step 2: click on More Action > Edit code > To Snippets > Create new Snippet name breadcrumb.liquid

Step 3: Paste all the code here to the file :


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

{%- endunless -%}

Step 4: Go to theme.liquid and paste this before your header

{% include 'breadcrumb' %}

Hope this can help you solve the issue

Best regards,

Noah | PageFly

4

it don’t work properly

5

it doesn’t work properly, kindly solve this issue with any other way