Search result grid too big, how do I make it so that it is the same as collection grid? debut theme

Store Design
1

Hi, my website is sneakersafe.co.uk

Search result grid is too big, how do I make it so that it is the same as collection grid?

Currently it looks like this (very big):

Timito_0-1627580307768.png
Timito_0-1627580307768.png1919×936 124 KB

I want it to look like this:

Timito_1-1627580334195.png
Timito_1-1627580334195.png1822×663 136 KB

Thank you!

2

First check your theme settings for that template for possibly related settings.

If that’s not an option then to customize the elements on search pages look in search.liquid and will want to track down the code that puts out each product and add the CSS class one-fifth to it.

Your looking for something like the following

- ```

to then become

```markup
- ```
3

my code doesn’t have anything remotely similar, I tried adding one-fifth too a lot of lines but nothing worked. Code is below:

{% paginate search.results by 10 %}

  

      # {{ :empty | t }}
      
        

          
        

      

  

{% if search.performed %}
  {% if search.results_count > 0 %}
    

---

  {% endif %}

  ## {{ 'general.search.heading' | t: count: search.results_count }}

  
    {% for item in search.results %}
      - {% if item.object_type == 'product' %}
            {% include 'product-card-list', product: item %}
          {% else %}
          

            
                {{ item.title }}
            
            

              

                

                    {% unless item.image == null %}
                    
                    {% endunless %}
                

              

              
                

                    {{ item.title }}
                

                
                    {% if item.published_at %}{{ item.published_at | date: format: "date" }} — {% endif %}
                    {{ item.content | strip_html | truncate: 200 }}
                

              

            

          

          {% endif %}
      
    {% endfor %}
  

  {%- if paginate.pages > 1 -%}
    {% include 'pagination', paginate: paginate %}
  {%- endif -%}
{% endif %}

{% if search.results_count < 2  %}
  

{% endif %}

{% endpaginate %}
4

Please follow the steps:

  • Step 1: Go to Online store > Themes > Actions > Edit code.
  • Step 2: Go to Templates > search.liquid and find “grid__item” .
    Add code: small–one-half medium-up–one-fifth
    Refer: https://i.imgur.com/Puef8iK.png
    Hope it helps!