Shopify Search Results Grid

In this article, we will learn about Shopify Search Results Grid. In this view, the listing setting is changed to a Grid View

There are mainly two ways in which you can change the Shopify search results into grid view.

1)  Switching the Entire View into Grid Style

For this make sure to open file:

https://shopify.com/admin/themes/current?key=templates/search.liquid&line=16

 In the 16th line, make sure to change the value to true from false

Change this to

Once you are done with the changes, save the file.

2)  Changing Per Row Items in Grid

Open this file:

https://shopify.com/admin/themes/current?key=snippets/search-result-grid.liquid&line=15

Choose your Grid View from the following references:

Here are some reference numbers that can help in revamping to a Grid View

Desktop Reference Table:

Tablet and Mobile Reference Table:

An easier way to do this is to use Expertrec

Steps to create Shopify faceted search filters.

Method 1- Using Expertrec’s Shopify search App

1. Install Expertrec’s Shopify search extension from here.
2. Once you install the extension, you will be directed to your control panel where you will have to enable your search engine by toggling on the enabled search extension.
3. Once the app is installed, you will be able to see the facets and filters on the search results pages.

Get the ExpertRec Shopify App

Method 2- Using expertrec’s Shopify search website

1. Login to your Shopify store.
2. Go to https://www.expertrec.com/shopify/
3. Enter your Shopify store URL.
4. Click on install.
5. Click on install the unlisted app.
6. Now check your Shopify store search.
7. The Shopify autocomplete bar will now get installed on your shopify store.
8. The Shopify search results page will look like this.
9. The facets will be present on the left-hand side of the search results pages.

Learn more about Shopify Search Results Grid

Sign Up for ExpertRec