Products Pagination - Support Thread

Hi. I want to thank you again for this wonderful mod! It really makes my website look nice.

I'm currently adding a new set of templates to my store to make it look nice on a mobile device. I'm wondering if either
- you have used your mod on a mobile site, and you could tell me what I would need to add to the mobile templates to make it work
There are 3 files in the mod, in includes/templates/YOUR TEMPLATE/templates. I could figure out what changes were made to those templates for the mod, and make them to my mobile templates, or
- would I need to disable your mod when someone is on a mobile device, and if so, any suggestions on how to do that?

Thanks in advance for your advice on this!

Good point, earth-friendly; depending on the number of "intermediate" links you've got in the pagination, it can look "really ugly" when you get to a smaller screen size.

I'll look into making a small change to the Previous/Intermediate/Next links' generation, adding a class to the different links' types so that you can style away (i.e. display: none;) those intermediate links on the smaller screen sizes.

I just got this working in the mobile templates on my test site.
If possible, I'd like to make a couple of changes to the display, but just for the mobile templates, not for my regular templates.
The problem is that I think the changes need to be made in includes/functions/extra_functions/products_pagination_functions.php, and that file is not template-specific. There is only one version of the functions.
Right now, on my regular site, I am displaying the pagination as 4 different elements, as follows:
Showing 1-48 (of 232 items) < 1 2 3 ... 5 > Page: 1 Items per Page: 48
So for the second element, < 1 2 3 ... 5 > :
you can click on a number to go to that page, or < or > to go to the previous or next page.
The third element, Page: 1, is a pulldown menu where you can go to a specific page,
And the fourth element is a pulldown menu, where you choose how many items to display per page.
On the regular site, these all fit on one line.
But on my iphone, in portrait mode, they are currently taking up 3 lines.

Attachment 15087

For the mobile site, I'd like to make the following changes:
Display the first element on one line
Don't display the second element at all
Display the third and fourth elements on the next line.
Even if I leave off the 2nd element, there is no way to fit the other 3 elements on 1 line on an iphone in portrait mode.
(I'd prefer to fit it all on one line, so if you have any suggestions on how to do that, that would be great!)

So, is this possible, to modify the functions, so that it generates the display one way for the regular site and a different way for the mobile site?
Perhaps along the lines of what you were saying, I could use styles to display things differently on the 2 different sites?
Or, do you have any better suggestions on how I can display this on a mobile device?
Thanks very much!

You don't need to change the function, just the CSS! In the (coming soon, I promise) update, I'll make sure that each element has a unique id value so that you can use CSS to style the section the way you need.

You'd use display: none; to not display an element or clear: both; to have the element display on the next "line".

I've just submitted v1.5.0 to the plugins for review, this version adds HTML classes to each pagination element so that you can individually style them as required in your responsive templates. In addition, the file /includes/init_includes/overrides/init_canonical.php has been moved to /includes/init_includes/init_canonical.php to make it easier to "find" when you upgrade your Zen Cart version.

The various classes are:

pagination-list ..... the "Viewing Page n of m" text
prevNextReturn ... the "Return to Product Listing" button
pagination-links ... the pagination Next ... Prev block
pp_count ........... the items/page select box
pp_page ............ the page-select dropdown

You can get an early peek by downloading the plugin from its github repository: https://github.com/lat9/product_pagi...ive/v1.5.0.zip

Thanks so much for getting this done. You're the greatest! I love it!
Here is a screen shot of the pagination at the bottom of the screen on my iphone. It fits on one line!
I think it looks lovely! :)

Attachment 15094

Looks beautiful! I'm glad you've got it working the way you want.

v1.5.0 is now available for download from the Plugins.

Quote:

---

Originally Posted by lat9

v1.5.0 is now available for download from the Plugins.

---

Thank you for this great mod. However, I cannot find where to add or enable a "View All" as shown in the example at http://www.catchmyfame.com/paginator...?page=7&ipp=25 or how it shows "Page: x Items per page:x".
These are the main features of why I downloaded this mod :)

I am on v1.5.3 using Product Pagination 1.5.0

Thanks!
KG

Are you looking for the functionality similar to the "Items per Page" selection on this page: http://vinosdefrutastropicales.com/i...ndex&cPath=2_3