Solved

Remove Pagination Collection Page

martujv
Explorer
86 1 21

Hello! I want to remove the pagination (the text saying "You're viewing x of x products") from the bottom of the collection page, both on mobile and desktop.

 

Image reference: Captura de pantalla 2024-05-03 a las 10.27.46.png

 

My theme is Stiletto and my web is www.winnerofficial.com/collections/ss2024

 

I tried many codes but they don't work!

Accepted Solutions (2)

Dan-From-Ryviu
Shopify Partner
7720 1502 1505

This is an accepted solution.

Hi @martujv 

You can remove it by adding this code to theme.liquid file, after <head> in Online Store > Themes > Edit code 

<style>
.collection__main-area .pagination { display: none !important; }
</style>

Best Regards,

Dan from Ryviu

- Helpful? Like and Accept solution or Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

View solution in original post

techlyser_web
Shopify Partner
1491 275 294

This is an accepted solution.

Hello @martujv 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
 .pagination {
     display: none !important;
  }
</style>

techlyser_web_0-1714725417231.png

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

View solution in original post

Replies 2 (2)

Dan-From-Ryviu
Shopify Partner
7720 1502 1505

This is an accepted solution.

Hi @martujv 

You can remove it by adding this code to theme.liquid file, after <head> in Online Store > Themes > Edit code 

<style>
.collection__main-area .pagination { display: none !important; }
</style>

Best Regards,

Dan from Ryviu

- Helpful? Like and Accept solution or Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

techlyser_web
Shopify Partner
1491 275 294

This is an accepted solution.

Hello @martujv 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
 .pagination {
     display: none !important;
  }
</style>

techlyser_web_0-1714725417231.png

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com