[Resolved] Bridge theme qode

[Author]

Posts

[leilaG]

Hi, the searches have stopped working on these pages -

hidden link
hidden link

But is working on this page -
hidden link

[leilaG]

It looks like its the AJAX that is not working, I have had to change the settings temporarily to make it work again.

from AJAX results update when visitors change any filter values
to Full page refresh when visitors click on the search button with input values auto-updating

and

from Pagination enabled with automatic AJAX transition
to Pagination enabled with manual transition and page reload

[Waqar]

Hi Leila,

Thank you for contacting us and I'll be happy to assist.

During troubleshooting, I noticed that the theme or some third-party plugin is incorrectly loading some CSS styles in the AJAX response on the two pages for which the AJAX based search filtering is not working:

hidden link
( screenshot: hidden link )

hidden link
( screenshot: hidden link )

This behavior is resulting in a conflict and the results are not updated, with AJAX turned on.

To troubleshoot, I'll suggest to temporarily disable all non-toolset plugins and then check these views again, after turning on the AJAX settings.

It would be also a good idea to test this with a default WordPress theme like Twenty Seventeen, to make sure no theme or custom code is including those CSS styles.

I hope these findings will help.

regards,
Waqar

[leilaG]

I have tested with default theme and deactivating all other plugins, issue still there.

The CSS styles in the screen shot links you provided are CSS styles that are in Toolset Layouts CSS and JS Editor.

[Waqar]

Hi Leila,

Thank you for waiting, while I performed some more tests.

Since I wasn't able to reproduce this issue on my test website, would it be possible for you to share a clone/snapshot of your website with us?
(it can be from this website or from another test website where the issue is reproducible)

This will allow me to run some tests and troubleshot why the AJAX is failing on the specific pages.

We usually recommend the free Plugin “Duplicator” (http://wordpress.org/plugins/duplicator/) for this porpoise, but some hosts like WP Engine are known to block it.

In that case, you can create a backup file using "All-in-One WP Migration" plugin:
https://wordpress.org/plugins/all-in-one-wp-migration/

( note: you'll probably want to use DropBox, Google Drive, or similar services, as the snapshot file will be quite big )

IMPORTANT: Remember to create or keep an admin account for me before creating the snapshot, or I won’t be able to log in. You can delete the new admin account once the snapshot has been built.

I will set your next answer as private so you can provide me the information securely.

regards,
Waqar

[leilaG]

Hi, is there any update on this? thanks

[Waqar]

Hi Leila,

Thank you for waiting and I apologize I couldn't follow up on this sooner.

I temporarily activated the Layouts plugin but couldn't find the Custom CSS code that I mentioned in my earlier reply at WP Admin -> Toolset -> Layouts CSS and JS.

If it helps, this is the CSS code that is causing the AJAX call to fail:

<style type="text/css" data-type="vc_custom-css">.space-title{
    font-size: 17px;}
bold {font-weight:bold;}

.space-form {
    padding: 20px;
    background: #dce8e1;
}

.space-image img {
    border: solid 15px #ECECEC;
}

.breadcrumb {
  display: none;
  height: 0px !important;
  padding: 0px;
  margin-bottom: 0px;
  top: 60px !important;
  visibility: hidden;
}

p {
padding-bottom: 5px!important;
}

.ssba, .ssba a {

    font-size: 14px!important;
    font-weight: bold!important;
    padding-bottom: 10px!important;
    padding-top: 10px!important;
}


.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 0px!important;
    border-top-left-radius: 0px!important;
}


.pagination>li {
    display: inherit!important;
}</style>

Important note: We've also identified and reported an issue earlier which affects AJAX results if WPBakery Page Builder 5.5.x is being used and any custom CSS code is included to the content template through the page builder.

If there is any custom CSS code added through page builder, it is best to move it to the Toolset's own "CSS editor" tab, on view or content template edit screen.

Please let me know if you can confirm that moving that custom CSS code fixes this for you, or if you have any more information about CSS code in question.

regards,
Waqar

[leilaG]

Hey, yes that's because I temporarily activated layouts plugin too last week and deleted all the css to see if that would fix the issue.

Also I have just removed all the CSS code from WPBakery custom code in the page and temporarily activated and tested the AJAX, but its still not working.

[leilaG]

Is it possible to get someone to look at this? As I will be unavailable to see support tickets between 15th Dec to 13th Jan and would like to get this issue fixed before then.

Thanks

[Waqar]

Hi Leila,

Sorry to keep you waiting, but this is a strange issue and the troubleshooting is taking a little longer than expected.

I'll have some findings to share in the next few hours and appreciate your patience.

regards,
Waqar

[Waqar]

Hi Leila,

Thank you for waiting.

I downloaded your website's theme and child theme and ran some more tests with it on my test website with WPBakery Page Builder and Toolset plugins, but was still unable to reproduce the issue.

This suggests that the issue is specific to your website's installation and for further troubleshooting, its clone/snapshot will be required.

As suggested earlier, you can create a clone/snapshot of the website using "All-in-One WP Migration" plugin ( https://wordpress.org/plugins/all-in-one-wp-migration/ ) and upload it to DropBox, Google Drive, or similar service and share the access link.

Note: The admin login area page that you shared earlier, no longer seems to work. Please make sure to include the updated username/password and login link for the admin area as well.

Your next reply will be private.

regards,
Waqar