Dawn 2.0 Getting more than 24 products to display per page

[skormy]

I've been trying to figure out how get more than 24 products to display with the Dawn 2.0 theme.  I was able to find the variable in the liquid code, but it wouldn't allow me to change the value to anything greater than 24.  Is there a way to override this "hard" threshold.  Some categories have a few hundred products, and having over 15 pages almost guarantees that shoppers won't click through that many times.  Suggestions/workarounds appreciated.  Thanks in advance.

[arshia_sheikh · Accepted solution]

Hi @skormy Hope you are Doing Well
You Can set the limit Max to 50 products per page. Dawn theme shows 4 products per row 
so, the max number of products to show must be multiple of 4 and less than 50 you can set the max value to 48 by changing "max": 24, to "max": 48, in main-collection-product-grid file

[MS_WEB_DESIGNER · Accepted solution]

Hi @skormy,

I am Ani From https://www.task4store.com/  - Shopify Small & Custom Tasks Experts ( By MS Web Designer - Top Rated Shopify Certified Experts and eCommerce Consultant from Singapore )

Here are the Solutions!

Go to Online Store->Theme->Edit code

section->/main-collection-product-grid ->paste the below code at the bottom of the file.

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

If you have any concerns feel free to ask me!

Regards,
Ani

[skormy · Accepted solution]

@arshia_sheikh Thank you so much for the work around.  It worked perfectly.  So much appreciated.

[kazi]

Hello @skormy   did you try product grid option from customize > collection template?

[skormy]

Yes, and the max products is 24.  That's why I'm trying to figure out if there's a workaround to have more than 24 products display.  Thanks.

[arshia_sheikh · Accepted solution]

Hi @skormy Hope you are Doing Well
You Can set the limit Max to 50 products per page. Dawn theme shows 4 products per row 
so, the max number of products to show must be multiple of 4 and less than 50 you can set the max value to 48 by changing "max": 24, to "max": 48, in main-collection-product-grid file

[skormy · Accepted solution]

@arshia_sheikh Thank you so much for the work around.  It worked perfectly.  So much appreciated.

[reka1818]

[reka1818]

Hi, I tried to set the limit products per page in the in main-collection-product-grid file "max": 24, to "max": 48, as you suggested, i had this message, someone can tell me please why? thanks

[MS_WEB_DESIGNER · Accepted solution]

Hi @skormy,

I am Ani From https://www.task4store.com/  - Shopify Small & Custom Tasks Experts ( By MS Web Designer - Top Rated Shopify Certified Experts and eCommerce Consultant from Singapore )

Here are the Solutions!

Go to Online Store->Theme->Edit code

section->/main-collection-product-grid ->paste the below code at the bottom of the file.

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

If you have any concerns feel free to ask me!

Regards,
Ani

[skormy · Accepted solution]

Thank you so much @MS_WEB_DESIGNER for your response.  It worked perfectly.  Much appreciated.

[MarcoM0857]

Hello Ani, I am sorry but for me did not work.

I followed your instructions carefully, but:

- If I paste the code at the end before the {% endschema %} I get en error and does not save the page.

- If I paste it below the {% endschema %} the code appear on the live page at the bottom like a text string...

Do you have any solution?

My (under construction) website is: https://www.sublim-art.com  

My theme is:  Dawn version 8.0.0

[Cassief]

I'm having the exact same issue.

I've tried to change it to:
"products_per_page": 48,
"columns desktop": 4,

I've also tried 50 - doesn't work either.
Comes up with error:
"Unable to update the file. Setting 'products_per _page' can't be greater than 24"

Dawn version 5.0.0

My current code:
"product-grid": {
"type": "main-collection-product-grid",
"settings": {
"products_per_page": 24,
"columns_desktop": 5,
"image_ratio": "adapt",
"show_secondary_image": false,
"show_vendor": false,
"show_rating": false,
"enable_quick_add": false,
"enable_filtering": true,
"filter_type": "horizontal",
"enable_sorting": true,
"columns_mobile": "2",
"padding_top": 36,
"padding_bottom": 36
}

[radicleroots]

This is not working for me. Similar to MarcoM0857 and Cassief, I get an error when I tried to update the code.  We are also on Dawn 8.0. Tried updating the code as suggested and get an error that it can not be more than 24. 

[leon29]

Hi Ani,

this doesn't work with the new Dawn theme. It just shows the line of code at the bottom of my collection list on my website.. do you have an update please?