Shopify themes, liquid, logos, and UX
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.
Thank you for your support!
Solved! Go to the solution
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>
I hope this helps
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:
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>
I hope this helps
Thank you!
We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024The Hydrogen Visual Editor is now available to merchants in Shopify Editions | Summer '...
By JasonH Sep 2, 2024