My website url
Topic summary
Goal: add breadcrumb navigation to the Shopify Venture theme, ideally showing Home > Collection > Product, even when arriving via search.
Implementation provided:
- Create a breadcrumbs.liquid snippet and include it in theme.liquid above {{ content_for_layout }}. Add CSS styling. Optional: add a theme setting (settings_schema.json) to toggle breadcrumbs. Screenshots and code snippets are central.
Key issue raised:
- Breadcrumbs initially showed only Home > Product, skipping the collection.
Community fix for missing collection:
- In /snippets/product-card.liquid, change product links from {{ product.url }} to {{ product.url | within: collection }} to preserve collection context in URLs. Note: if a product is visited outside a collection (e.g., via search), the collection may still be absent.
Styling/layout adjustments:
- Unwanted white space appeared around the banner. Resolved by setting .main-content margin-top: 0px in theme.scss.liquid and adding extra spacing via
around the breadcrumb list.
Additional info:
- A French post shares a complete breadcrumb implementation (Liquid + CSS) for the Dawn theme and warns to back up before editing.
Status: Practical solutions shared; functionality works with collection context fix and CSS tweaks. Thread remains open for styling refinements.