I want to hide pagination numbers in collection - Prestige Theme

Store Design
, , , , , ,

Topic summary

A user with the Prestige theme wants to hide pagination numbers on collection pages and potentially add infinite scroll or a load more button.

Current Solutions Offered:

  • Hide pagination only: Add custom CSS code .CollectionInner .Pagination { display: none !important; } via Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS. A screenshot shows this successfully hides the pagination numbers.

  • Infinite scroll functionality: Requires additional code customization beyond basic CSS, potentially using a JavaScript library like jQuery infinite scroll plugins. This is noted as beyond standard support scope and would need deeper theme customization.

Status: The pagination hiding solution has been provided with visual confirmation. The infinite scroll/load more button feature remains unimplemented and would require further development work.

Summarized with AI on November 3. AI used: claude-sonnet-4-5-20250929.
1

Hi everyone,

I have my site with prestige theme, and I can`t found an option to hide pagination numbers in collections or change for infinite scroll or load more button, this is my site and my main collection: https://renatalozano.co/collections/shop-all

I want to change this:

Captura de pantalla 2024-11-22 a la(s) 5.12.06 p. m..png
Captura de pantalla 2024-11-22 a la(s) 5.12.06 p. m..png1366×336 1.49 KB

Thanks to everyone…

1 Like
2

Hello, @arbeygp12 , would you want to just remove the pagination numbers or also add the infinite scroll functionality? There are some libraries for that, but it would require some code customization and potentially a JavaScript library addition to help you with that.

3

Hi TechSprout,

Both of them, first hide pagination and next add inifnite scroll or load more button.

4

HI @arbeygp12

If you want to hide pagination numbers in collections please follow these steps

  1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
  2. Paste the code provided into the Custom CSS section.
.CollectionInner .Pagination {
    display: none !important;
}

Here is the result: https://prnt.sc/8URYmQbOJ7OK

As for the “Load More” button you requested, it requires deep customization of the theme, which is beyond our support scope.

I hope this helps you somehow

Best,

Daisy