Ride Theme | How to add the breadcrumbs?

简体中文 讨论 Shopify 设计

Topic summary

Issue: A store owner using Shopify’s Ride theme wants to add breadcrumbs (a navigation trail) to blog/news articles. Their current output shows only “Home > Article Title,” omitting the intermediate blog level.

Expected behavior: “Home > Blog/News > Article Title.”

Implementation attempted: A Liquid snippet that renders Home, then (if on an article) links to /blogs/{{ article.blog.handle }} with {{ article.blog.title }}, followed by {{ article.title }}; otherwise shows the page title. Despite this, only Home and the article title display, and the blog link/title does not appear.

Context: A screenshot and the site URL were provided to illustrate the issue.

Status/outcome: No resolution yet. The poster is seeking help to understand why the secondary directory (blog level) isn’t rendering and how to correctly display “Home > Blog/News > Article Title.”

Summarized with AI on December 12. AI used: gpt-5.
1

Hi Guys,

I want to add breadcrumbs to my blog and news. When I add this code, they just display my home page and article title. I don’t know why my secondary directory can’t be displayed. Can anyone help me?

The from I want to show: Home>Blog/News>Article Title, and this is my website URL: https://ninescapeland.com/

Breadcrumbs Code:

Home >

{% if article %}
{{ article.blog.title }} >
{{ article.title }}
{% elsif page %}
{{ page.title }}
{% endif %}

NinescapeLand_0-1734335746172.png
NinescapeLand_0-1734335746172.png1920×911 246 KB

I will be glad if you can help me solve this problem, thank you!