Return to previous page

"show more' button for product catalogue

This topic has 8 replies, 3 voices, and was last updated 4 years, 10 months ago ago by Olga Barlow

Tom S

Participant

April 4, 2019 at 09:53

Hi,

Is it possible to have a ‘show more button’ for products in the shop? I have my default set to show 10 products using the dropdown but I would like my customers to be able to ‘load more products’ or ‘show all’ in the category if that makes sense?
Thanks!
Tom. 🙂

EDIT: The term I’m looking for is pagination! 😉

#211976 Copied Theme version: 5.1.6.1

7 Answers

Rose Tyler

Support staff

April 4, 2019 at 10:00

Hello,

WooCommerce Infinite Scroll and Ajax Pagination plugin allows select “Pagination Type” – “Load More Button” – http://prntscr.com/n7bg6u > http://prntscr.com/n7bgda
https://xstore.helpscoutdocs.com/article/65-woocommerce-infinite-scroll-and-ajax-pagination-settings

Regards

#211977 Copied

Tom S

Participant

April 4, 2019 at 10:12

awesome, thanks! 😀

#211978 Copied

Rose Tyler

Support staff

April 4, 2019 at 10:14

You’re welcome!

Regards

#211979 Copied

Tom S

Participant

June 10, 2019 at 10:35

Please see private content! 🙂

Please contact administrator
for this information.

#215327 Copied

Olga Barlow

Support staff

June 10, 2019 at 11:32

Hello,

I asked you to add that code to child theme style.css but it was empty http://prntscr.com/nzw3nu
Everything works ok if I add the code and clear cache.

Regards

#215332 Copied

Tom S

Participant

June 10, 2019 at 18:24

Ah, sorry I though you would add this in the Theme Options >>> Custom CSS >>> Global CSS. My mistake. I have added the code in the correct place and it has worked however it is effecting all swatches not just the ‘square image’ swatches. Please see the links in private content.
Thanks again! 🙂

Please contact administrator
for this information.

#215350 Copied
Olga Barlow

Support staff

June 10, 2019 at 18:37
Hello,

I see. Then replace the previous code by the following
```
.single-product ul.st-swatch-size-large.st-image-swatch.st-swatch-shape-square li {
    width: 100px;
    height: 100px;
}
```
You can use either child theme style.css or Custom CSS area, no matter. Just don’t forget to clear cache.

Regards
#215355 Copied
Viewing 8 results - 1 through 8 (of 8 total)