A user working with Shopify’s Showcase theme wanted to reduce the size of product tiles in the featured collection section beyond the default 4-per-row maximum.
Solution implemented:
Added inline CSS styling to product-block.liquid with a conditional max-width of 260px
Modified featured-collection.liquid to include a checkbox setting in the schema
This creates a toggle option in the theme editor to enable/disable smaller product tiles
Current status:
Another user is attempting to implement the same solution but encountering an error. They’ve requested clarification on the exact implementation steps and shared a screenshot (image attachment) showing the error message they’re receiving.
The discussion remains open with the second user awaiting troubleshooting assistance.
Summarized with AI on November 16.
AI used: claude-sonnet-4-5-20250929.
I am working with the Showcase theme and I am using the ‘featured collection section’ on my shop page and would like to make the display of the single products smaller. I know I can adjust the number of products in a row, but I have already maxxed this out to 4 and I cannot simply increase it to five or six without making changes in the CSS. I also tried adding a max-width inline parameter but without much success. Does anyone know a simple way how to go about this?
I solved it myself Here is my solution for anyone trying to achieve the same thing:
In product-block.liquid I added style=“{% if section.settings.smaller_tiles %} max-width: 260px;{% endif %}” to the <div class="product-block
In featured-collection.liquid I added the following code to the schema-tag: { “type”: “checkbox”, “id”: “smaller_tiles”, “label”: “Display smaller product tiles”, “default”: false }
This allows to check/uncheck an option for smaller tiles in the frontend editor of your featured collection section.
Here is my solution for anyone trying to achieve the same thing: