The request
“We've enlarged the product images site-wide. Now we want the grid logic fine-tuned: pages with six or fewer products show three across, larger collections show four.”
One grid setting for all collections was leaving small collections looking sparse.
The approach
We made the collection grid adapt to the number of products, showing three across for small collections and four for larger ones. The brand can adjust the threshold in the theme editor.
What we shipped
Adaptive column count based on product count
Threshold adjustable in the theme editor
Consistent image sizing across both layouts
Mobile grid unchanged