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_pagination/archive/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.

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/example.php?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/index.php?main_page=index&cPath=2_3

kgt031706:

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/example.php?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

Nix that comment :) I found that it was in the new dropdown with the show numbers :) Perfect.
The only thing I had to add was padding because they were stacked on top of each other. Other than that it was great out of the box. Thanks again!

lat9:

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

That was exactly it :) I didn't realize it was all inclusive in that little dropdown. But I do see it now and it's great. Thank you!!

Thanks for the follow-up!

I have installed the mod and I am using the Stirling Grand template.. I know there is something in the template that keeps resetting the Max Viewed items to the default of 10 and so it's not working.. I just don't know where it's happening.

If I use the default template, the addon works fine.

Is there a routine that reloads that variable? Is there an easy thing to look for? I tried what I thought was possibly happening, and was not successful.

Thanks for any pointers you may have.

Brian

@Brian, it sounds like you might not have installed the plugin for the stirling_grand template, if the functionality works with the classic but not the stirling_grand.

Products Pagination requires a bunch of template-override files, make sure that all of these files from the plugin's distribution are included (and possibly merged) into the stirling_grand template's folders:

/includes/languages/english/extra_definitions/YOUR_TEMPLATE/products_pagination.php
/includes/modules/YOUR_TEMPLATE/product_listing.php
/includes/modules/YOUR_TEMPLATE/product_prev_next.php
/includes/templates/YOUR_TEMPLATE/css/stylesheet_prod_pagination.css
/includes/templates/YOUR_TEMPLATE/templates/tpl_index_product_list.php
/includes/templates/YOUR_TEMPLATE/templates/tpl_modules_listing_display_order.php
/includes/templates/YOUR_TEMPLATE/templates/tpl_products_next_previous.php

That's what I thought, but I redid the upload again.. Do you know where it pulls this variable and what the variable is? Is there a function that does this? Which one? and I can trace from there.

I think that the person that did the stirling_grand template has a function somewhere that is pulling the variable again..

Thanks!

Brian, the plugin uses functions present in /includes/functions/extra_functions/products_pagination_functions.php to create all the form elements for the pagination display.

Solved the problem.. It was a conflict with Stirling and the mod.. I just used the main stirling ones and merged..

Thanks for actually pointing me in a direction I wasn't looking!

Brian

I've just uploaded v2.0.0 of Product Pagination to the Plugins section for review.

Note: Starting with v2.0.0, the plugin drops support for Zen Cart versions prior to 1.5.5.

I've done some *serious *restructuring, to reduce the plugin's "footprint" on the core- and template-files that require changes; all changes are "properly" marked in those changed files. The plugin now uses an admin-level initialization script to add its configuration to the database and provides an additional configuration setting so that you can disable the plugin (reverting to your template's supplied next/prev handling) on phone/tablet devices.

v2.0.0 is now available for download!