How can I display more than 24 products on a Colourblock v12.0.0 page?

Store Design
, , , ,
1

Hi,

I’m currently using Colourblock v12.0.0. The current limit for products on a page is 24.

How do i increase this?

The option in the theme settings page is capped at 24.

When changing the code in collection tab gives an error code saying it cannot be greater than 24.

Some of my collections have over 150 items and it means customers are definitely not going to keep scrolling pages.

Is there a hard change that can be done?

Or is this something that can be looked at in the next Colourblock update?

2

@Dash01 - if code change is not allowing it then I recommend to please report it to theme developers, in tthis case they are the perfect people who can help you

3

Go to your Online store > Themes > Edit code, open main-collection-product-grid.liquid

fin those lines of code

    {
      "type": "range",
      "id": "products_per_page",
      "min": 8,
      "max": 24,
      "step": 4,
      "default": 16,
      "label": "t:sections.main-collection-product-grid.settings.products_per_page.label"
    },
    {
      "type": "range",
      "id": "columns_desktop",
      "min": 1,
      "max": 5,
      "step": 1,
      "default": 4,
      "label": "t:sections.main-collection-product-grid.settings.columns_desktop.label"
    },

DanFromRyviu_0-1700988319180.jpeg
DanFromRyviu_0-1700988319180.jpeg999×581 47.3 KB

Replace with this one

    {
      "type": "range",
      "id": "products_per_page",
      "min": 10,
      "max": 50,
      "step": 5,
      "default": 30,
      "label": "t:sections.main-collection-product-grid.settings.products_per_page.label"
    },
    {
      "type": "range",
      "id": "columns_desktop",
      "min": 1,
      "max": 5,
      "step": 1,
      "default": 5,
      "label": "t:sections.main-collection-product-grid.settings.columns_desktop.label"
    },