have search results come back as 5 per row rather than 3, uploaded screen shots to show what I mean

Store Design
1

hey all,

I was wondering whether it would be possible for me to please have my search results come back as 5 per row, to match my product selection, as currently the search results come back as 3 per row…

please look at screen shots attached to see what i mean,

thanks again and always appreciate the help!

Screenshot 2021-10-10 at 16.06.31.png
Screenshot 2021-10-10 at 16.06.31.png4480×2520 771 KB

Screenshot 2021-10-10 at 16.05.32.png
Screenshot 2021-10-10 at 16.05.32.png4480×2520 796 KB

1 Like
2

Hey @merxyz .

Thanks for reaching out.

I appreciate that you have included screenshots as that is super helpful! Could you let us know which theme you are using? As this context will determine the next best steps to have the search results display 5 products per row. If you are unsure about which theme is live on your store, you can navigate to the Theme Editor and select the three dots that are appearing towards the top left of the page. I took a screenshot from my test store to show you the section I am referring to:

11-32-5845-54474
11-32-5845-54474635×629 218 KB

Looking forward to your response.

3

@merxyz

sorry for any issue please sent store url

4

@Ollie hey ollie, thanks for your reply. I am using the minimal theme if that helps!

thanks

5

Hey @merxyz .

Thanks for the quick reply.

Since the Minimal theme is designed and supported by Shopify, we can use free design time for Shopify themes to allow our internal themes team to make the changes on your behalf. It looks like in order to have the search results display 5 products per row instead of 3, we will need to make a change in the themes coding.

If you are interested in using the design time, you will need to login to the store using our Contact Us page. This will allow us to securely verify you as the store owner before discussing the changes you would like to make on the online store with a Support Advisor.

Let me know if you have any additional questions.

6

@KetanKumar hey thanks for getting in touch, the url is: [https://mindseyerecords.xyz](https://mindseyerecords.xyz)

cheers

7

hey @Ollie I think I have ran out of free theme editing time, hence why I am on here…

cheers

1 Like
8

@merxyz

thanks for URL. try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
@media only screen and (min-width: 750px) {
.product.grid__item.small--one-half.medium-up--one-fifth.slide-up-animation.animated {
    width: 33.333%;
    clear: none;
}
}
1 Like
9

@KetanKumar hey sorry this doesn’t work - it shows everything as rows of 3, even the items in collections in the site, I only want the search results to look like rows of 5 as explained in the screen shots, if possible?

thanks