Skip to content

Instantly share code, notes, and snippets.

@shopifypartners

shopifypartners/accessible-breadcrumbs-case-product.liquid

Last active September 11, 2020 17:33
Show Gist options
  • Save shopifypartners/7c8b5fa8083590c5cc7d04dd748cd583 to your computer and use it in GitHub Desktop.
Save shopifypartners/7c8b5fa8083590c5cc7d04dd748cd583 to your computer and use it in GitHub Desktop.
Download ZIP
Case statement for product template to build accessible breadcrumbs - https://www.shopify.com/partners/blog/breadcrumb-navigation
Raw
accessible-breadcrumbs-case-product.liquid
{% when 'product' %}
{% if collection.url %}
<li>
{{ collection.title | link_to: collection.url }}
</li>
{% endif %}
<li>
<a href="{{ product.url }}" aria-current="page">{{ product.title }}</a>
</li>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment