Using the Liquid Drop

SearchJet provides a Liquid drop object (searchjet) for advanced theme developers to have full control over the integration.

Example: Accessing Search Data in a Template (e.g., search.liquid)

liquid

{% if searchjet.performed %}
  
Search Results for "{{ searchjet.terms | escape }}"
  
Found {{ searchjet.results_count }} results.

  {% for product in searchjet.results %}
    

      
        
        
{{ product.title }}
        
{{ product.price | money }}
      
    
  {% endfor %}

  
  {% if searchjet.pagination.pages > 1 %}
    

      {{ searchjet.pagination | default_pagination }}
    
  {% endif %}

{% endif %}

Key Liquid Objects:

• searchjet.performed: Returns true if a search was performed.
• searchjet.terms: The user’s search query.
• searchjet.results: The array of product results.
• searchjet.results_count: The total number of results.
• searchjet.pagination: Handles pagination links.

Theme Integration (Manual)

If the automatic injection doesn’t work perfectly with your theme, you can manually replace your theme’s search form.

1. Locate your theme’s search form. This is typically in a file like sections/header.liquid or layout/theme.liquid.
2. Replace the existing form. Find the 
    tag with action="/search" and replace it with the form structure provided in the SearchJet documentation or admin panel, which typically points to the SearchJet-handled search route.

Example Manual Search Form:

html

  
  Search

(Note: The exact action URL may vary; refer to the app’s instructions).