Hide page numbers on shop page

  • Resolved greenjoycelebrate

    (@greenjoycelebrate)


    7 years, 1 month ago

    When I set “Display pagination on category pages”, wishing to get the numbers on blog category pages, the plugin adds weird page numbers (on the right side of the first row of products) also on my woocommerce shop category pages. I would like to hide this. Is there any other way to do that than not displaying the page numbers on category pages? Because this is a problem, when on my blog’s category pages there is no way to see older posts then as I had to hide the theme’s default pagination, in order to get it hidden on the main blog page.

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author AlanP57

    (@alanp57)

    Can you post links to the pages? I can look at the CSS code and see if anything can be added to fix the appearance.

    Thread Starter greenjoycelebrate

    (@greenjoycelebrate)

    https://www.greenjoycelebrate.com/kauppa/kutsut/

    Thread Starter greenjoycelebrate

    (@greenjoycelebrate)

    Is there any solution for this?

    Plugin Author AlanP57

    (@alanp57)

    Yes, see if you can add this CSS code to the custom CSS section of your theme:

    .navigation {
  display: none;
}
    Thread Starter greenjoycelebrate

    (@greenjoycelebrate)

    This will hide it also from the blog page.

    Plugin Author AlanP57

    (@alanp57)

    The other pagination can be hidden with

    .toolbar .woocommerce-pagination {
    display: none;
}
    Thread Starter greenjoycelebrate

    (@greenjoycelebrate)

    This doesn’t really work either, as the wp-pagination looks ugly on shop page. It’s located after the first row of products which is very weird place to have it. So there’s no unique path for the wp-pagination on shop page?

    Plugin Author AlanP57

    (@alanp57)

    All right, try this to stop the navigation from floating on the right side of this page:

    .archive.tax-product_cat .wp-paginate.wpp-modern-grey.font-inherit {
    clear: both;
}

    Then use this to hide the other navigation links on this page:

    .archive.tax-product_cat .toolbar .woocommerce-pagination {
    display: none;
    }

    Thread Starter greenjoycelebrate

    (@greenjoycelebrate)

    Okey, now this i can live with! ?? Thank you so much!

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Hide page numbers on shop page’ is closed to new replies.