Showcase theme - reduce size in featured collection

[lenarei]

Hello community,

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?

This is the shop I am working on: https://wkyj7s2a46bth9vj-60850798810.shopifypreview.com

[lenarei · Accepted solution]

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.

[sammyb]

hello,

could you explain exactly how to put it in? i am putting it in but it is saying there is an error.

Thank you.