link
Menu navigation links.
To learn how to implement menu navigation in your theme, refer to Adding Menu Navigation to Themes.
Properties
Returns true if the link is active. Otherwise, returns false.
A link is regarded as active if the current URL path matches the link's URL. For instance, if the current URL path is /blog/tag/cutlery, the following link URLs would be regarded as active:
/blog/tag/cutlery/blog/tag
The link.active property is useful for designing the appearance of the currently selected menu navigation. For instance, if a customer is viewing an article in the "Tag" blog, the "Tag" link would be highlighted in the menu.
Returns true if the link's child links are active. Otherwise, returns false.
A link is considered active if the current URL path matches or contains the link's url.
For instance, if the current URL path is /blog/tag/cutlery, the following link URLs would be regarded as active:
/blog/tag/cutlery/blog/tag
Returns true if the current URL path aligns with any of the link's child URLs. Otherwise, it returns false.
Ignore parameters when matching URLs. Product URLs within a collection context using the within helper are treated the same as standard product URLs.
Returns true if the current URL path corresponds to the link's URL. Otherwise, it returns false.
Ignore parameters when matching URLs. Product URLs within a collection context using the within helper are treated the same as standard product URLs.
The link's handle.
The quantity of nested levels beneath the link.
The child links of the link.
Example
Check the number of links.
The title of the link.
The type of the link.
| Property Value | Description |
|---|---|
| article_link | The link directs to an article. |
| blog_link | The link directs to a blog collection. |
| catalog_link | The link directs to all product collections. |
| collection_link | The link directs to a product collection. |
| collections_link | The link directs to a collection list page. Collection list page. |
| frontpage_link | The link directs to the homepage. |
| http_link | The link directs to an external webpage. |
| page_link | The link directs to a custom page. |
| policy_link | The link directs to a policy page. |
| product_link | The link directs to a product page. |
| search_link | The link directs to a search page. |
The URL of the link.
'%3e%3crect%20x='6'%20y='7.13049'%20width='13'%20height='10'%20rx='1'%20fill='black'/%3e%3cpath%20d='M12.4998%2012.936L-3.65042%200.604835L28.65%200.604838L12.4998%2012.936Z'%20stroke='white'%20stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_716_14611'%3e%3crect%20x='6'%20y='7.13049'%20width='13'%20height='10'%20rx='1'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e)
'%3e%3crect%20x='5.63086'%20y='7.26086'%20width='13'%20height='10'%20rx='1'%20fill='white'/%3e%3cpath%20d='M12.1306%2013.0664L-4.01956%200.735206L28.2809%200.735209L12.1306%2013.0664Z'%20stroke='%231A2C42'%20stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_716_14599'%3e%3crect%20x='5.63086'%20y='7.26086'%20width='13'%20height='10'%20rx='1'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e)