Remove pagination on Collection List

Solved

Remove pagination on Collection List

ProconMarketing
Tourist
47 0 7

I would like to remove the pagination numbers from my collection lists and make it a slider the shows across the page. I want it to look like a slider line to show people they can still scroll to the side. 

 

This is what i currently have:

Screenshot 2024-10-24 at 11.27.41.png

My website link: 

https://8ae3b9-27.myshopify.com/

 

Please help. 

 

Thanks in advance. 

Accepted Solutions (2)

Moeed
Shopify Partner
5821 1582 1880

This is an accepted solution.

Hey @ProconMarketing 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.slider-buttons {
    display: none !important;
}
</style>

RESULT:

Moeed_0-1729763681978.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Get a quick Shopify quote – Click here!

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

websensepro
Shopify Partner
1272 144 160

This is an accepted solution.

Hi
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

 

<style>
 .slider-buttons {
    display: none;
  
}
</style>

 

If my reply is helpful, kindly click like and mark it as an accepted solution. 
If you are happy with my help, you can help me buy a COFFEE
Thanks!

Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here

Free Shopify Beginner Tutorial

View solution in original post

Replies 3 (3)

ProconMarketing
Tourist
47 0 7

Moeed
Shopify Partner
5821 1582 1880

This is an accepted solution.

Hey @ProconMarketing 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.slider-buttons {
    display: none !important;
}
</style>

RESULT:

Moeed_0-1729763681978.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Get a quick Shopify quote – Click here!

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


websensepro
Shopify Partner
1272 144 160

This is an accepted solution.

Hi
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

 

<style>
 .slider-buttons {
    display: none;
  
}
</style>

 

If my reply is helpful, kindly click like and mark it as an accepted solution. 
If you are happy with my help, you can help me buy a COFFEE
Thanks!

Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here

Free Shopify Beginner Tutorial