Re: How to add "home" to breadcrumbs, Pipeline theme

Solved

How to add "home" to breadcrumbs, Pipeline theme

AhsenZa
Excursionist
33 0 5

Hi,

My current breadcrumbs display the catalog > brand > broduct. I would like to add Home at the start of it, with link to the home page. The theme I am currently using is Pipeline, and here is the link to my website Kream.ch . Below a picture for reference.

home.png

 

Thank you for your support!

Accepted Solution (1)

ritu_soni
Shopify Partner
3 1 1

This is an accepted solution.

Hi @AhsenZa ,
Please go to breadcrumb.liquid file through Edit Code option and search for word "breadcrumb" 
I have changed the second line of the following code by removing the Catalog link and text and changed it to Home. For link, you can redirect it to "https://kream.ch/" or whatever page you want. 

 

<nav class="breadcrumb" aria-label="breadcrumbs">
      <a href="/" title="home">Home</a>
      <span aria-hidden="true">›</span>
    
      <a href="/collections/laneige" title="Laneige">Laneige</a>
      <span aria-hidden="true">›</span>
    
    <span>Water Sleeping Mask Ex</span>
</nav>

 

Screenshot 2024-07-19 at 2.09.41 AM.png

 I hope this helps

If my answer helped you, please show some support here:Buy me a coffee

View solution in original post

Replies 3 (3)

frootz123
Visitor
1 0 0

 

To add "Home" at the start of your breadcrumbs in the Pipeline theme, you can modify the breadcrumb code in your theme files. Here's how you can do it:

  1. Go to your Shopify Admin Panel.
  2. Navigate to Online Store > Themes.
  3. Click on Actions > Edit code for your Pipeline theme.
  4. Locate the breadcrumb.liquid file. This is usually found in the snippets folder.
  5. Open the breadcrumb.liquid file and add the "Home".
 

ritu_soni
Shopify Partner
3 1 1

This is an accepted solution.

Hi @AhsenZa ,
Please go to breadcrumb.liquid file through Edit Code option and search for word "breadcrumb" 
I have changed the second line of the following code by removing the Catalog link and text and changed it to Home. For link, you can redirect it to "https://kream.ch/" or whatever page you want. 

 

<nav class="breadcrumb" aria-label="breadcrumbs">
      <a href="/" title="home">Home</a>
      <span aria-hidden="true">›</span>
    
      <a href="/collections/laneige" title="Laneige">Laneige</a>
      <span aria-hidden="true">›</span>
    
    <span>Water Sleeping Mask Ex</span>
</nav>

 

Screenshot 2024-07-19 at 2.09.41 AM.png

 I hope this helps

If my answer helped you, please show some support here:Buy me a coffee
AhsenZa
Excursionist
33 0 5

Thank you!