Product grid not reflecting changes

Store Design

Topic summary

A user is unable to update the product grid display settings on their Shopify store. Despite configuring the theme to show 36 products per page in 4 columns, the storefront continues displaying only 9 products in 3 columns.

Proposed Solutions:

  • One responder suggests the issue stems from custom code modifications to the theme files
  • A technical fix is offered: editing main-collection-product-grid.liquid to replace the hardcoded pagination value ({% paginate collection.products by 24 %}) with a dynamic setting ({% paginate collection.products by section.settings.products_per_page %})
  • Other contributors suggest verifying the correct template is being customized, as the edited template may differ from the one currently displayed
  • CSS style overrides are mentioned as a potential cause for the column configuration being ignored

Current Status:
Multiple users have requested the store URL to diagnose the specific issue. The problem remains unresolved, with the discussion awaiting further information or confirmation that one of the proposed solutions worked.

Summarized with AI on October 29. AI used: claude-sonnet-4-5-20250929.
1

I am trying to update the number of products and columns that show up on my website. When I make a change and save nothing happens on my website. It remains exactly the same no matter what I do.

products per page is set to 36 and number of columns is 4
products per page is set to 36 and number of columns is 41521×902 279 KB

on the website it only shows 3 columns and 9 products per page that you have to turn several pages
on the website it only shows 3 columns and 9 products per page that you have to turn several pages1268×845 190 KB

1 Like
2

This is happen when you change the actuall theme code.

Would you like to tell me if you add the Custom code in the theme file of Shopify?

3

Hi @Nicolep1 ,

Go to Online Store > Edit code >
find main-collection-product-grid.liquid

replace this {% paginate collection.products by 24 %} with this {% paginate collection.products by section.settings.products_per_page %}

save and refresh

now you can adjust products per page per column.

please don’t forget to like and mark it as the solution.
If you need further assistance, feel free to reach out to me.

thanks

4

Hello @Nicolep1
Welcome to the Shopify Community! Please share your store URL and password (if it’s password-protected), so I can check and provide you with the exact solution.

1 Like
5

Hi @Nicolep1 ,

Can you double check the template? Have you updated everything correctly?

This may be because the template you customized in Customize is not the same as the template you are displaying.

6

Hi @Nicolep1

I think you customize the CSS style your template so the configure Number of column on desktop was overriden

Let share me that url to can I check it for you