Pagination Removal from Dawn Theme store

Alancart
New Member
4 0 0

My Store link: https://alancartonline.myshopify.com/ , Please help me to resolve 2 issues

 

Issue 1 : I need to remove pagination option (view all ) across website and enable infinity scrolling

 

Issue 2: I need to implement circular categories list on home page.

 

Screenshots attached.

Replies 7 (7)
Ujjaval
Shopify Partner
700 115 96

@Alancart 
add below css into base.css file(online store->themes->assets->base.css)

a#ViewAllButton-template--16820368605493__2e5d404c-af17-41ee-bd1e-0d397de81100 {
    display: none !important;
}
.center.collection-list-view-all.small-hide.medium-hide {
    display: none !important;
}
.center.collection__view-all {
    display: none !important;
}

 

Alancart
New Member
4 0 0

Still pagination is visible on collection pages : https://alancart.com/collections/women

 

There is a 1,2,3 button at the end of the page and I need infinity scrolling option.Screenshot 2023-01-02 165546.png

Ujjaval
Shopify Partner
700 115 96

@Alancart 
can you put below css also 

.pagination-wrapper {
    display: none !important;
}

in base.css file 

Alancart
New Member
4 0 0

This option is truncating page 2 and 3 an d other pages, not loading all products.

esssee
New Member
1 0 0

Hi Alan, Try adding this code to the bottom of component-slideshow.css

 

.slideshow__controls.slider-buttons.no-js-hidden { display:none; }

 

 

Ujjaval
Shopify Partner
700 115 96

@Alancart  i think you need to remove pagination code into main-collection-product-grid.liquid file .

Alancart
New Member
4 0 0

Not working, same issue.