Supply theme to show Home > Page > Collection > Product

AsiaSell
Excursionist
40 0 3

Hi. This is the code for the supply theme breadcrumbs. How can I add in the page before collection? The Breadcrumbs should go Home > Page > Collection > Product.    Thanks.

 

{% include 'advanced-tag-loop' %}

{% unless template.name == 'index' or template.name == 'cart' %}
<nav class="breadcrumb" role="navigation" aria-label="breadcrumbs">
  <a href="/" title="{{ 'general.breadcrumbs.home_link_title' | t }}">{{ 'general.breadcrumbs.home' | t }}</a>
  
  {% if template.name == 'product' %}  
  
    {% if collection %}
      <span class="divider" aria-hidden="true">&rsaquo;</span>
      {% if collection.handle %}
        {% capture url %}/collections/{{ collection.handle }}{% endcapture %}
        {{ collection.title | link_to: url }}
      {% endif %}
    {% endif %}
    <span class="divider" aria-hidden="true">&rsaquo;</span>
    <span class="breadcrumb--truncate">{{ product.title }}</span>

  {% elsif template.name == 'collection' and collection.handle %}

    <span class="divider" aria-hidden="true">&rsaquo;</span>

    {% if current_tags %}
  
      {% capture url %}/collections/{{ collection.handle }}{% endcapture %}
      {{ collection.title | link_to: url }}

      <span class="divider" aria-hidden="true">&rsaquo;</span>

      {% for tag in current_tags %}

        {% assign is_advanced_tag = false %}
        {% assign cat = tag | split: '_' | first %}
        {% unless cat == tag %}
          {% if cat_array contains cat %}
            {% assign is_advanced_tag = true %}
            <span>
              {{ tag | remove_first: cat | remove_first: '_' }}
            </span>
          {% endif %}
        {% endunless %}

        {% if is_advanced_tag == false %}
        <span>
          {{ tag }}
        </span>
        {% endif %}

        {% unless forloop.last %}
        <span>+</span>
        {% endunless %}

      {% endfor %}

    {% else %}
      <span>{{ collection.title }}</span>
    {% endif %}

  {% elsif template.name == 'blog' %}

    <span class="divider" aria-hidden="true">&rsaquo;</span>
    {% if current_tags %}
      {{ blog.title | link_to: blog.url }}
      <span class="divider" aria-hidden="true">&rsaquo;</span>
      <span>{{ current_tags | join: " + " }}</span>
    {% else %}
    <span>{{ blog.title }}</span>
    {% endif %}

  {% elsif template.name == 'article' %}

    <span class="divider" aria-hidden="true">&rsaquo;</span>
    {{ blog.title | link_to: blog.url }}
    <span class="divider" aria-hidden="true">&rsaquo;</span>
    <span>{{ article.title }}</span>

  {% elsif template.name == 'page' %}

    <span class="divider" aria-hidden="true">&rsaquo;</span>
   <span>{{ page.title }}</span>

  {% else %}

    <span class="divider" aria-hidden="true">&rsaquo;</span>
   <span>{{ page_title }}</span>

  {% endif %}
</nav>
{% endunless %}
0 Likes
Elias
Shopify Staff
Shopify Staff
1114 116 161

Hello, @AsiaSell.

 

Elias here with Shopify Support. Thank you for reaching out.

 

If you’re store is using a Shopify theme and subscribed to a plan, adjusting the breadcrumbs is supported as part of our design policy. However, I have confirmed with our Theme Support team that the breadcrumbs structure will not work with pages. The breadcrumbs structure that our system supports would be either:

 

‘Home > Collections > Products’ 

Or

‘Home > Page’

 

I understand your store uses pages to showcase your collections and this is something you would like to have for your store. I will be sharing this feedback as a feature request with our developers, regarding collections created in pages to be included in the breadcrumbs structure, so that it can be considered for future releases of our platform. If Shopify moves forward with this feature, you can find it in our changelog or announcements page.

 

If you have any other questions regarding the breadcrumbs, feel free to let me know in this thread.

Elias | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

0 Likes
AsiaSell
Excursionist
40 0 3

Ok Thanks. In addition I think my sitemap has been messed up or not updated after I put the collections into pages. Might have to go back to having all collections on the homepage.

0 Likes
DavidForer
Tourist
7 0 0

Hello Elias I was wondering if you could tell me how to change Home in the breadcrumbs? I don't want home I would like something else more descriptive like Speakers Home Theatre and I can't seem to figure out where to change "home_link_title" (assuming that is where the Home comes from. Any help is appreciated on this breadcrumb issue.

0 Likes
Elias
Shopify Staff
Shopify Staff
1114 116 161

Hey, @DavidForer.

 

Thank you for joining our thread and sharing this question. I understand you’re looking for a way to change the breadcrumb title for Home. Although there are some limitations as mentioned in my previous response, you can change the breadcrumbs for Home through the Language editor. Simply search for ‘breadcrumbs’ in the Language Editor and that will help you locate the field to change this. It will look something like this:

 

15-23-ccdr8-v1olg

 

Let me know if this helps! If you run into any roadblocks with changing the breadcrumbs, don’t hesitate to let me know in this thread!  

Elias | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

AsiaSell
Excursionist
40 0 3

Should have been a new thread

0 Likes
DavidForer
Tourist
7 0 0

Sorry about that.

0 Likes
CLDS
New Member
3 0 0

Hi

Wondered if there had been an update to this.  Run into the same thing, want to showcase my designs on a collections page, but when they select one there is no easy navigation to go back to Designs and select another.   Need Home - Designs - Collection - Product .     Many thanks

 

0 Likes
Elias
Shopify Staff
Shopify Staff
1114 116 161

Hey, @CLDS.

Welcome to the thread!

I'm afraid there hasn't been any updates to changing the breadcrumb structure yet. Nevertheless, I understand how important this is for you and I'd be happy to add you to this feature request. If Shopify moves forward with any changes to the breadcrumb structure, you'll be able to find it on our changelog or updates page. 

That being said, it may be possible to code a button to help customers navigate back to the previous page. If you're using a Shopify-supported theme, then this is something that our Theme Support can help with and explore some options. While we're unable to provide account-specific support via the Community Forums, our Support team would be happy to assist you with a customization request through live chat, email, or callback. To get in touch with our Support team, please visit the Shopify Help Center and log in to your account. 

If you're using a third-party or custom theme, then we'd first recommend checking with the theme developers to see if this is something they can help you with. If the theme developers don't offer customization support, then you can consider hiring a developer as well. Shopify Experts is our directory of certified Shopify developers that have experience working with custom coding, and they'll be able to help you explore a custom solution. 

I'd love to know if adding a navigation button can be a solution for what you're looking to do. Let me know!

Elias | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

0 Likes