{"product_id":"change-products-per-row-prestige","title":"Change Products Per Row","description":"\u003cp class=\"task-lead\"\u003eAn art supply brand wanted collection grids to adapt: fewer columns on collections with few products, more on large ones.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eWe'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.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eOne grid setting for all collections was leaving small collections looking sparse.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe 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.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eAdaptive column count based on product count\u003c\/li\u003e\n\u003cli\u003eThreshold adjustable in the theme editor\u003c\/li\u003e\n\u003cli\u003eConsistent image sizing across both layouts\u003c\/li\u003e\n\u003cli\u003eMobile grid unchanged\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155553906762,"sku":"TASK-0111","price":0.0,"currency_code":"USD","in_stock":false}],"url":"https:\/\/www.taskhusky.com\/products\/change-products-per-row-prestige","provider":"TaskHusky","version":"1.0","type":"link"}