Category Grid

I can’t seem to get a 16 tile category grid going. Seems like the max is 8? The built in Ai suggested I use two 8 tile category grids one on top of the other but there’s a noticeable gap so it doesn’t look seamless.

Any suggestions? Thanks.

Currently, 8 tiles is the limit for a single category grid. Stacking two grids is the only workaround, but the gap can’t be fully removed. I’d suggest splitting them into two labeled sections or submitting a feature request if a seamless 16-tile grid is important.

If you’re using Shopify’s built-in Category Grid (or a similar theme section), it’s common for themes to limit the number of blocks to 8. Splitting it into two sections works, but as you’ve noticed, the default section spacing often leaves a visible gap.

A few things you can try:

  • Check whether your theme lets you set the top and bottom padding for each section. Setting the bottom padding of the first grid and the top padding of the second grid to 0 (or the lowest value available) can make them appear as one continuous grid.
  • If your theme supports it, create a custom section or modify the existing category grid section to increase the block limit from 8 to 16. This is usually the cleanest solution if you’re comfortable editing theme code.
  • If you don’t want to edit code, consider using a theme or page builder app that allows larger collection/category grids without block limits.

If you let us know which Shopify theme you’re using (e.g., Dawn Horizon, Prestige, Impulse, etc), someone may be able to point you to the exact setting or code change needed to display all 16 tiles in a single seamless grid.

Thanks for the feedback!

Both of those replies are ai nonsense. There is no such thing as “Shopify’s built-in Category Grid”. Tile limits and block limits are generally entirely theme controlled. Shopify does have a hard limit on total blocks and sections, but that is not relevant. Shopify doesn’t have Categories. They’re Collections. And the amount of tiles depends on the theme. Nonetheless, a simple way to have 16 tiles is just have 2 blocks or sections. A more thorough way is to edit the theme code.

What theme are you using and what is the store url?

Hi @Matthew_Price

Shopify itself doesn’t have a built-in “Category Grid” or “Categories”—those are Collections, and the number of tiles is determined by the theme, not Shopify.

If your theme limits the section to 8 collection blocks, you have two options:

  • Use two collection grid sections and remove the spacing between them with a little custom CSS so they appear as one seamless 16-tile grid.
  • Edit the theme code to increase the block limit or create a custom section that supports 16 (or more) collection tiles.

If you let us know which theme you’re using, we can suggest the best approach.

Best regards,
Devcoder :laptop:

Thanks Maximus. I was using Horizon and I also tried Spotlight. I guess if you know how to work with the Ai and know how to tweak the theme, either or should work. But I do believe blocks are limited to 8 tiles.

I tried two 8 tile blocks for a total of 16 but there’s a noticeable gap between the two blocks so it doesn’t look seamless. The Ai edited things down to as little spacing as possible and there’s still a noticeable gap.

I have no idea how to do CSS or edit code but I’ll try. I may also try four blocks each with 4 tiles. That way the spacing between the blocks will be more uniform. I think.

If someone can recommend a free theme and send me the code for a 16 tile block and where to paste it that’d be great!

Hi @Matthew_Price

Could you please send me your store URL and a screenshot of the section you’re referring to?

Best regards,
Devcoder :laptop:

I’m not aware of any such limitation in Horizon except for the max columns (8) in certain sections like the Collections List Grid. Is that what you mean? Maybe a little more help to figure out what you’re referring to. Screenshots and exact section name would help.

Free theme that does this well: Dawn.

Result: 16 tiles in one seamless grid, no gap.


Dawn’s Collection list section is one grid. It holds up to 15 tiles with no code at all. To get the 16th tile, you change one number.

1. Raise the limit to 16

  • Online Store > Themes > next to Dawn click the > Edit code.
  • Open the sections folder > collection-list.liquid.
  • Scroll near the bottom and find "max_blocks": 15.
  • Change the 15 to 16. Save.

2. Build the grid

  • Go to Customize, then Add section > Collection list.
  • Set Columns to 4 (gives a clean 4 x 4).
  • Add a tile for each collection, up to 16.

Hey @Matthew_Price ,

The 8 tile limit is usually controlled by the theme section settings so using two separate category grid sections can create spacing issues because each section has its own padding/margins.

A few options you can try:

Check if your theme allows increasing the number of blocks through the section settings or by editing the theme code.

If you are comfortable with Liquid you can duplicate the category grid section and adjust the block limit and layout settings to support 16 items in a single section.

You can also reduce/remove the section padding between the two grids using Custom CSS for example by adjusting the top and bottom spacing of those sections.

If you share which theme you are using someone may be able to point you to the exact file/settings to modify.

If this helps you can mark it as a solution so it can help other merchants facing the same limitation.

Thank You !

Hey @Matthew_Price ,

Hope you’re doing well!

if your theme has an 8-tile limit, a multicolumn section or a page builder app is probably the cleanest way to create a seamless 16-tile grid.

Thank you for the feedback!