Pagination issues

[hjmoore420]

I am using X , renew stack and I am having an issue with the Woocommerce product filter and the pagination with X.

if you go to this page:

https://www.outdoordogsupply.com/filter-dog-collars/

click on the checkbox for black to filter, you end up with 22 results:

https://www.outdoordogsupply.com/filter-dog-collars/?colors-check=black

if you scroll to the bottom of the page to the pagination and say click 2

you get:

/?product-page=2

and the filter is blown out. on our staging I changed the theme to 2017 and this same example worked as expected with the filter being something like

?color-checks=black&product-page=1

to append the filter not overwrite it.

Any guidance will be appreciated.

[hjmoore420]

in my testing I turned off all plugins and kept the theme the same and still had issues, I have turned everything back on and worked through setting in the woocommerce filter plugin we are using and still had the issue. Turned everything back on and just changed the theme, to 2017 and it worked as expected.

to me this seems like a theme issue. I changed to the parent theme and back to the child theme as well and it is the same issue in both.

thanks,

[marc_a]

Hi @hjmoore420.

Thanks for reaching out.

Since you are done with our troubleshooting below.

1. TESTING FOR THEME RELATED ISSUE
2. TESTING FOR PLUGIN CONFLICT
3. THEME UPDATE
4. CHILD THEME
5. CSS/JS CUSTOMIZATION
6. VERSION COMPATIBILITY

please give us the following information in a Secure Note.

• WordPress Login URL
• Admin level username and password

You can find the Secure Note button at the bottom of your posts.

Thank you.

[marc_a]

Hi @hjmoore420,

Just set up a temporary account with a dummy email address for us to check, there’s no need for us to give you an email address. Just remove the account after we have done investigating your website.

Hope that helps.

Thank you.

[ruenel]

Hello @hjmoore420,

The given credentials does not work for us. It seems that the username is invalid.

Please double check it.

Thanks.

[hjmoore420]

I updated the credentials in the secure note. let me know if there are any other issues.

[marc_a]

Hi @hjmoore420,

I checked your website and upon changing your Permalinks settings from Day and Time to Post name it fixed the issue on your product pagination.

Hope that helps.

Thank you.

[hjmoore420]

To make sure we are talking about the same thing I made this screen cast.

Filter page 1.webm (video)

you can see the selection of the color then the pagination and the color is cleared out after clicking the “2” on the pagination. I did it a few times. I made sure the permalinks were still set as you changed them.

if you can, please take a look over this again and see if there is another solution.

thanks,

[tristup]

Hi @hjmoore420,

Seems you are using Product Filter plugin, and filtration is not effecting the pagination, even if you have selected the Pagination Ajax options from shortcode settings.
And that is why the filter options are not added to the pagination.

To be sure that is the issue with our theme, please activate any default theme and try the same.
If you still find that issue, I would suggest you contact the Plugin Author for support.
Please remember that we don’t offer any support to third party plugin issue.

Thanks

[hjmoore420]

tristup,

maybe you didn’t review my earlier posts on the troubleshooting i did on this subject. It is your theme, this same issue does not exist in 2017 with all plugins on, or off. It happens in the parent theme for Xtheme and the child. but not in other themes.

something in your theme is replacing the query for the filter and causing this issue.

[tristup]

Hi @hjmoore420,

Can you please copy your live site to a staging server, so we could troubleshoot freely without breaking your site.

Give us access as you did for your live site.

Thanks

[hjmoore420]

I will need your IP to white list on our staging site and I can get you added to our staging site.

[tristup]

Hi @hjmoore420,

Sorry, but we are from different parts of the World and most of us have a dynamic IP so we can’t really provide a specific ID address.
Can you remove the IP(s) restriction while moving into the staging.

Thanks

[hjmoore420]

we have 2 staging sites set up, both protected by IP checks so we do not get crawled erroneously by google and create issues, or have customers buy from our staging sites and then get angry when they do not receive their orders. I can see if we can remove this for a few hours while you test, but that may not be possible,

if it is I will send you information and a link through the secure message to get in.

[tristup]

Hi @hjmoore420,

Please check if this can help you: https://www.cloudaccess.net/wordpress-tutorials/163-maintenance/1184-disabling-search-engine-indexing-for-wordpress-2.html

Thanks

[hjmoore420]

its set at the server level and I do not have access to it.

[christian]

Hey @hjmoore420,

For cases like that where you can’t provide us with staging access, regretfully, we can’t provide optimum help because we won’t risk breaking your live site.

Also, this case is a 3rd party plugin conflict and though we’d love to know what’s the conflict with our theme, we could not guarantee a fix. Our development team will decide if they’re going to support the plugin or not.

I’ve checked the structure of the WooCommerce pagination in my test site and the difference is the class. Please refer to the screenshot below going forward.

My suspicion is that the filter plugin you’re using is targeting the woocommerce-pagination class in order to inject the filter query to the pagination buttons. Because we add our own class, x-pagination to our theme which is for styling purposes, your filter plugin surely won’t work and I believe our development team will not change the class because otherwise, it will break a lot of sites who already have customized the pagination styles.

With that said, please contact the filter plugin author and tell him/her to include x-pagination for the AJAX filtering in his plugin.

Otherwise, you need to customize our theme. I’ll provide some guidance but we can’t provide support further than the guide. That means we will not handle any more queries including if the guide won’t work for you.

1. If you are not aware yet, first learn how to customize or override templates of our theme here: https://theme.co/docs/best-practices
2. Override pagination.php which is located in wp-content\themes\x\woocommerce\loop folder.
3. Add the woocommerce-pagination next to the x-pagination class.

Hope that helps and thank you for understanding.

[hjmoore420]

This is a more thorough test on what I am talking about.

Filter issues 2.webm (video)

the main difference is the changing of the theme, not turning off any plugins, when it does work with your theme, it doesn’t refresh and remove the checked colors, where it does in 2017.

My suggestion since I came was to rebuild and to do it without X theme, for what they are doing its overkill.

so it seems we are at an impasse, I will look at this plugin but I cannot think its doing anything different to 2017, X theme may be trying to do something more in code than it needs to so I am guessing it doesn’t play well with others, which is why I suggest we move away from X theme.

[christian]

Hey @hjmoore420,

I fully understand the issue. If not, I wouldn’t have written an explanation as to where the conflict is between the filter plugin and our theme.

Your filter plugin is in conflict with our theme and we acknowledge that. I’ve also posted this in our issue tracker so our development team will be made aware of this case and maybe add the woocommerce-pagination class in the file.

Please just note that this is a unique case. If our themes don’t play well with most plugins, we would receive a lot of complaints.

I already explained that the purpose of changing the class in our theme is for styling purposes. That is what a theme is about. Our developers might have even thought of removing the woocommerce-pagination class to eliminate bulk in the theme.

Please confirm with the filter plugin developer if they’re indeed using the woocommerce-pagination for any functionality in there plugin.

Would you also mind doing the steps I’ve listed previously? I tried doing that on your site but access was denied.

@christian

1. If you are not aware yet, first learn how to customize or override templates of our theme here: https://theme.co/docs/best-practices
2. Override pagination.php which is located in wp-content\themes\x\woocommerce\loop folder.
3. Add the woocommerce-pagination next to the x-pagination class.

If that doesn’t help, we will understand if you want to move away from X since the conflicting plugin is very important to you. We wish you all the best for your websites.

Thanks.

[hjmoore420]

thank you, to be honest I only half read your second to the last post as I was knee deep in PHP on another issue, this solution worked, I appreciate the time.