Remove Pagination Collection Page

martujv · ‎05-03-2024

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:

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

I tried many codes but they don't work!

Dan-From-Ryviu · ‎05-03-2024

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

- Found this helpful? Hit "Like" and "Accept as Solution"! Support me: Donate!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

View solution in original post

niraj_patel · ‎05-03-2024

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>

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

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

Dan-From-Ryviu · ‎05-03-2024

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

- Found this helpful? Hit "Like" and "Accept as Solution"! Support me: Donate!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

niraj_patel · ‎05-03-2024

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>

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

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

Remove Pagination Collection Page

Remove Pagination Collection Page

Community Blog Articles