Okay
  Public Ticket #2357982
BreadCrumbs Link
Closed

Comments

  •  1
    Shabbir started the conversation

    Since I have sub categories within collections, I would like my breadcrumbs link to show the entire chain. Currently it only Home/Collection or Home/Sub Category. Would like it to show Home/Collection/Sub Cat 1/ Sub Cat 2 etc.

  •  231
    Shopify Team replied

    Hi abbasshabbir,

    Sorry for the inconvenience but we can't support this. If we add sub categories, breadcrumbs maybe get some errors.

    Best regards,

    Shopify Team


  •  1
    Shabbir replied

    Hello 

    Is there any other fix to this? It seems like a very basic function which should be there or can be added. Currently it shows home/collection or home/subcollection. 

    Please see the attached screen shot. If someone is viewing a particular product and wants to view another product from the same collection, they must go back to home and then come back to the shop page, then the specific collection and then select the other product. thats too much work. 

    can you recommend any other solution to fix this?

  •  231
    Shopify Team replied

    Hi abbasshabbir,

    Actually the breadcrumb in product pages shows home/collection/product like this but your products don't have only a collection so it doesn't show for you. 

    If you want show breadcrumb which show collection/products, you need each product has only a collection. 

    If you need this so much, we can make it like this sreenshot below for you.

    1382530543.png


    Best regards,

    Shopify Team



  •  1
    Shabbir replied

    Okay can we try as in your screen shot. I can not understand how it will turn out on my website but I would like to try and see how it looks. as long as it makes navigation easy. 

    Kindly let me know how to make the change. thank you

    dulec.myshopify.com 



  •  231
    Shopify Team replied

    Hi abbasshabbir,

    Sorry for reply late.

    To change breadcrumb, please back up your theme and follow these steps:

    1. From Admin, Online Store - Themes - Actions - Edit code

    3901677280.png


    2. Open file Snippets/breadcrumb.liquid

    6800620233.png

    3. In line 13 - 19, you can see a piece of code and replace it by this code below

    4815629390.png


    Replace by this code below:

    {% if product.collections > 0 %}
          {% for collection in product.collections %}
            <li>{{ collection.title | link_to: collection.url }}</li>
          {% endfor %}
    {% endif %}
    <li>{{ product.title }}</li>
    


    It'll become like this

    1202324285.png


    4. Click Save to save the updates.

    Best regards,

    Shopify Team


  •  1
    Shabbir replied

    Dear Thao


    Have made the change however i dont think it is working. Please see attached screenshot of the change made. 

    qahraba.com 



  •  1
    Shabbir replied

    Sorry here is the attachment. 

  •  231
    Shopify Team replied

    Hi abbasshabbir,

    Sorry for my mistake.

    Actually, you just need to replace only this line: 

    {% if product.collections > 0 %} 

    to

    {% if product.collections.size > 0 %}

    And click save to save the updates.

    Best regards,

    Shopify Team


  •  1
    Shabbir replied

    Dear Thao


    Yes thanks this works. One more thing will fix the entire issue. The first link is shown as home, can I replace it with my shop link? Attached is a picture

  •  231
    Shopify Team replied

    Hi abbasshabbir,

    Sorry for the inconvenience, but if we change it, it may change all the breadcrumb in another page.

    And we don't support this problem.

    Best regards,

    Shopify Team


  •  1
    Shabbir replied

    Hello my bread crumbs link does not show on mobile, is there a way to add it

  •  231
    Shopify Team replied

    Hi abbasshabblir,

    To show breadcrumbs, please back up your theme and follow these steps below: 

    1. From Admin - Online Store - Themes - Actions - Edit code 

    3901677280.png


    2. Open file Assets/gps-styleguide.scss.liquid

    3. Scroll to line ~ 2233, you'll see 2 pieces of code and please remove it.

    4. Click Save to save the updates.


    Best regards,

    Shopify Team



  •  1
    Shabbir replied

    Thank you, it works but for only one layer. Collection>subcollection. The link disappears again when you go to the individual product page. collection>subcollection>product. 

  •  231
    Shopify Team replied

    Hi abbasshabbir,

    I can't log in your admin so I'll guide you to update it.

    Please back up your theme and follow these steps:

    1. From Admin - Online Store - Themes - Actions - Edit code

    2. Open file Assets/gps-styleguide.liquid.scss.liquid

    3. Scroll to end of file and add this code below into file.

    4480178308.png
    @media (max-width: 767px) {
      .page-title-wrapper.no-title {
          display: block;
        .breadcrumb {
          display: block;
        }
      }
    }
    

    4. Click Save to save the update and check the frontend.

    Best regards,

    Shopify Team


  •  1
    Shabbir replied

    Hello


    How much will you charge to fix the breadcrumbs for me. So it shows, product category/sub category1/subcategory 2. etc


  •  231
    Shopify Team replied

    Hi Shabbir,

    Last time, your breadcrumb has all categories of product.

    Actually, categories of Shopify don't have sub categories. 

    You can see it in Collection Manager. You can't choose sub categories in it, right?

    We build theme base on system, structure of Shopify. If in Collection Manager don't have this option, we don't have data about sub categories.

    The sub categories in collection landing page is created by a navigation (we can't know what is categories if we base on it).

    Sorry for this issue but we can't custom it for you.

    Best regards,

    Shopify Team


  •  1
    Shabbir replied

    Thanks I understand what you mean. My concern is obviously SEO + ease of use for my website.

    I would like your opinion on how I can possibly fix this or atleast get closer to something. I am attaching four screen shots (screen 1, 2,3,4) in that order. You will notice how the links are changing in my breadcrumbs and the actual site URL's. Google will heavily penalize me for this and it also does not seem very natural. 

    Can you suggest what changes I can make for it to be SEO optimized and the URL's flow is also natural instead of jumping between collections & products 

  •  231
    Shopify Team replied

    Hi Shabbir,

    I recommend leaving the breadcrumbs as before. 

    In addition, your previous Breadcrumbs are developed by Shopify, so there is no need to worry about being penalized by Google.


    Best regards,

    Shopify Team


  •  1
    Shabbir replied

    Okay thanks. The breadcrumbs live right now on the website are the ones that you had updated for me. I have not made any changes to it after that. I will leave it like this

    If you think I should make any minor changes to this, then let me know. Thanks

  •   Shabbir replied privately
  •  231
    Shopify Team replied

    Hi Shabbir,

    I can't log in your store to fix it for you. 

    So can you invite me again via email: [email protected], please?

    2457338311.png

    Best regards,

    Shopify Team


  •  1
    Shabbir replied

    I have reactivated it, kinky check

  •  231
    Shopify Team replied

    Hi Shabbir,

    I fixed header for you.

    About account link, it's a dropdown. If I change it in this header, it won't nice and maybe function wishlist can't run. You can try header version 1. It look like your header you want

    Best regards,

    Shopify Team


  •  1
    Shabbir replied

    Sorry ignore this


    Hello My cart button has moved again. 

    qahraba.com

    Can you find a permanent fix to this bug. Thank you

  •  231
    Shopify Team replied

    Hi Shabbir,

    I've checked your site and it's normal.

    Can you send us a screenshot about it?

    And I wonder what device you use?


    Best regards,

    Shopify Team