How to display breadcrumb in the mobile version?

Store Design
1

On the PC version of my shop, breadcrumbs are displayed on the product page. I would like it to be visible also in the mobile version. How to display breadcrumbs in the mobile version of the store?

2

@pawlo2000 you can display breadcrumbs by followings steps :
https://ecomexperts.io/blogs/liquid-tutorial-shopify/how-to-add-breadcrumb-navigation-to-your-shopify-store-diy-tutorial-using-code

3

Hello @pawlo2000

To display breadcrumbs in the mobile version of a Shopify store, you will need to Edit some adjustments to the theme code. Here is a step-by-step guide on how to do it -

  1. Online Store > Themes > Actions > Edit Code

  2. In the theme code editor, locate the “Sections” folder and find the file named header.liquid or header-section.liquid.

  3. Find the header file and search for the HTML code related to the mobile navigation.then inside or

    element with a class like “mobile-nov”.

  4. Mobile navigation code block, find the appropriate location where you want to display the breadcrumbs.

{% if template contains 'product' %}
  
    {{ 'breadcrumbs' | t }}
  

{% endif %}