Show viewable collection list all on one page

Topic summary

Issue: After creating many sub‑collections in a Shopify store (Dawn theme), the collections list page began paginating, showing only ~5 of 18 visible collections, requiring users to click arrows/numbers. The goal was to display all 18 on a single scrollable page.

Clarification: An image was shared to illustrate the desired single‑page grid versus the current paginated view. (The image supports context but isn’t essential to apply the fix.)

Cause: Default pagination in the Dawn section main-collection-list.liquid limits how many collections appear per page.

Solution: Increase the pagination limit by assigning a higher value before paginating:

  • Add: {% assign paginate_by = 50 %}
  • Then keep: {%- paginate collections by paginate_by -%} … {%- endpaginate -%}
  • This effectively displays all collections on one page (set the number high enough to exceed total collections). A precaution to duplicate the theme before editing was noted.

Outcome: The change resolved the issue for the original poster and another participant. Status: Resolved; no further open questions.

Summarized with AI on January 6. AI used: gpt-5.

Hello,

I made my main collections (18 in total) and it used to show all of them on one page as you scrolled down, but then I made dozens of sub-collections to be able to make each page have it’s own look. After I made all of these additional collections, the collections list page now only shows about 5 of the 18 collections I have made viewable (I hid the rest using or handle.collection == “collection-name” within the collections list section editor). Now you have to click the arrow or number at the bottom to view the next series of collections. I don’t want that.

I want all 18 to show without having to click the number or arrow to view more - I just want the customer to be able to scroll down and see all 18 as they go. Any help? I’ve tried editing a couple of the max blocks values I found, but that didn’t work.

Page is here: www.happiestcouple.com

Theme is Dawn

Hi @AcedCorpLLC ,
can you please elaborate more clearly as I am able to understand half of your query but unable to understand where you are actually facing the issue. If needed do let me know I can send you a google meet link for more discussion on this.
Thanks


Ok here’s a picture. When you click shop now button from my home page and it goes to the collection list. I want it to look like the one on the left. Not the one on the right.

@AcedCorpLLC , I see now this is because of the pagination set using the code in dawn theme collection list file.
So in order to show all the collections in the grid format without pagination you have to replace the below code in main-collection-list.liquid section

{%- paginate collections by paginate_by -%}
    
      {%- for collection in collections -%}
        - {% render 'card-collection', card_collection: collection, media_aspect_ratio: section.settings.image_ratio, columns: 2 %}
        
      {%- endfor -%}
    

    {% render 'pagination', paginate: paginate %}
  {%- endpaginate -%}

with the below code:

{% assign paginate_by = 50 %}
  {%- paginate collections by paginate_by -%}
    
      {%- for collection in collections -%}
        - {% render 'card-collection', card_collection: collection, media_aspect_ratio: section.settings.image_ratio, columns: 2 %}
        
      {%- endfor -%}
    

    {% render 'pagination', paginate: paginate %}
  {%- endpaginate -%}

Hope this will solve your problem.

Note: before making any code changes do not forget to duplicate your current theme.

1 Like

That worked perfectly! Thank you so much.

1 Like

Hi @AcedCorpLLC ,
I am glad that my solution worked for you Please do like my solutions as this motivates to help others in the community.
I am expert in store customization and speed optimization. So please do not hesitate to ping me if you need any help in future with respect to any of the issues related to your store.
Thanks & Regards
KaalTechGeeks

This worked well for me as well! Thank you!