Wondering how Liquid Highlight works in Shopify? This guide covers everything you need to know to effectively use Liquid Highlight for customizing and enhancing your store’s content.
Additional filters
Highlight
You should take note that the highlight is used to wrap words inside the search results with an HTML tag, along with the highlight class if it can match search.terms.
Input
{{ item.content | highlight: search.terms }}
Output
Yellow shirts are the best!
Highlight_active-tag
The highlight_active_tag can wrap tag links in ; followed by the class active if those tags are used to get collections filtered.
Input
{% for tag in collection.tags %}
{{ tag | highlight_active | link_to_tag: tag }}
{% endfor %}
Output
Conclusion
To sum up, Liquid Highlight in Shopify is a powerful tool for improving search results and filtering tags on your store. By using the highlight and highlight_active_tag filters, you can enhance the visibility of search terms and active tags, making navigation easier for customers. Now, apply these steps to improve your Shopify store’s user experience and boost engagement.
