Collection Category overview page - Rezising categories / listing

Technical Q&A
1

Hi,

I run a small apple reselling business in Austria and Germany and in order to build my perfect online shop I need “sub categories”. So I found lovely work-arounds for that and then was able (with some help from here) to get the fonts looking good and everything working well.

This was the thread for that: https://community.shopify.com/c/shopify-design/category-overview-page-change-where-text-is-placed-or-if-and/td-p/1411214

Now I have a new wish. I would like to make the actual categories / images smaller in the grid. So right now it is a 3 by X grid and very very large.

Can someone help me change the size down to about 50% and also make it like 4 by X or even 5 by X?

Example page on my shop: https://apple-guru.at/pages/zubehor-nach-kategorien

All the best,

Fabio

2

Can anyone help here?

This is the page in question (see attachment)

3

So I solved this one myself!

When opening the .liquid file for the category collection one needs to create there is this passage:

   {%- assign grid_item_width = 'small--one-half medium-up--one-fifth' -%}

at the end it used to say “medium-up–one-third” etc…

changed it to one-fifth and it works like a charm!