How can I add a search column using liquid code?

Store Design
1

I want to add a search column like the picture shown. Can you please send me the liquid code?

CODE.png

2

@JackXu11 ,

Can you please share your store URL with me and let me know what theme you’re using?

3

@JackXu11

Welcome to Shopify Community,

You can try this code,
I hope this will help you, if can’t help let me know,

We will help you.


  {% for item in search.results %}
  {% if item.object_type == 'product' and item.available == true %}
    
      {% include 'product-card-list', product: item %}
    
  {% elsif item.object_type != 'product' %}
    
      {% if item.image %}
        

        

          
        

        

  {% endif %}
    
      
{{ item.title }}

      
        {% if item.published_at %}{{ item.published_at | date: "%b %d, %Y" }} — {% endif %}
        {{ item.content | strip_html | truncate: 200 }}
      

      

    
{% endif %}
{% endfor %}

Thank you.