Integrating FacetWP

[estevancarlos]

Is there any way to integrate FacetWP with this theme? I just tested it out and FacetWP works fine with a default WordPress theme but isn’t producing correct results with Vlogger.

http://wvfrm.com/staging-dev/facet-test-page/

The checkboxes at the bottom should asynchronously change the post results. They do not within this theme.

Suggestions?

[themes2go]

Hello estevancarlos,
we tried to load your website from two different countries but it seems that your server has too low resources to load correctly the website so we couldn’t check the issue.

https://imgur.com/4U7jFZB

https://imgur.com/1gkAV5r

From what I read, I think it’s only a CSS fix and we can provide you some code to make it work properly. But first we need to access your website.

Keep me posted when ready.
Andrea

[estevancarlos]

I think some other tech support was looking at the page at the same time. Can you try again?

[estevancarlos]

The FacetWP developers sent this information to me:

“When you click on a facet checkbox, notice that the url does not update to show the selected facet in the url. If you are using chrome, the network tab in developer tools will show you the post information for the refresh. You should see the data[facets] in the form data populated with your selections, but it is not https://d.pr/i/ozHGPU

So I would think some javascript in the theme is somehow messing up that process. Not sure what to look for though.”

[themes2go]

Hello!
Currently our office is closed so our developers could check the issue on Monday. I will reply here once investigated your website.

By the way, as described on our page manual (http://themes2go.xyz/manuals/vlogger/knowledge-base/support/), the support doesn’t cover code customizations or support on third party plugins, issues caused by conflicts with other plugins.

So this means that we can try to fix the issue for our customers satisfaction but we can’t guarantee it 100%, as we don’t know how the third-party plugin has been developed.

Have a good weekend!
Andrea

[estevancarlos]

Completely understandable. Thanks for your help.

[themes2go]

Hello!
Today, our developer went deeper with your request but it seems that FaceWP has some conflicts with our theme javascript and they can’t be solved easily.

So unfortunately we can’t provide a quick fix to solve it but I can point you on hiring a developer that can help you with. You can try on codeable.io or Envato Studio.

Hope this can help you,
Andrea

[estevancarlos]

Completely understandable. IF your developer has a theory as to which Javascript file/component may be related to the problem, feel free to let me know and I will dive further into that. If not, I understand. Thanks for your help.

[estevancarlos]

Nevermind. Found it. It’s ttg-main.

[estevancarlos]

I want to point out that ttg-main.js produces errors relating to sidenav while its minified version does not.

[estevancarlos]

It case it interests you the problem is relating to qtPageloadInit

• This reply was modified 5 years, 6 months ago by estevancarlos.

[themes2go]

Thanks for your feedbacks,
I will forward them to our developer to understand what’s going on.

Thanks again,
Andrea

[estevancarlos]

More details just in case you want to resolve this for future users. I had to comment out qtVideoControl() within the initializeAfterAjax function of ttg-main.js.

This allows FacetWP to work but obviously breaks the youtube functionality. So I created a PHP if statement in the header that uses a version of ttg-main.js that works with FacetWP and another version that works with everything else.

This is just a hack but I’m sharing it in case FacetWP interests you or anyone.

[themes2go]

Hello Estevan, thanks for your kind reply.
Sorry for answering late but we saw that you posted a solution so we didn’t prioritize this topic.

Congratulations and thanks for your kind, proactive and competent approach and solution.

About this, I can assume you are not actually using the custom player with youtube videos, as in fact removing our custom function wouldn’t fit for you.

I’d suggest, if you placed an IF condition in header, to copy your custom header.php in the child theme folder, so it won’t disappear on the next theme update.

About the javascript, I’d suggest to copy entirely the custom js in the same location under the child theme, then in the functions.php of your child theme, copy entirely the function vlogger_files_inclusion from the original functions.php to the child theme’s one.

In your copied function, change the path of the file ttg-main.js replacing

get_template_directory_uri

with

get_stylesheet_directory_uri

This will always load your customized javascript file instead of the main theme’s one, so the updates won’t override your changes.

—

ABOUT A THEME IMPLEMENTATION
Actually, as the issue is a javascript conflict between a core component and a custom plugin, I’m not really sure it would be good to completely inhibit a core theme functionality in exchange for a plugin compatibility, so actually a permanent solution would involve a deeper reprogramming of the video player part.

But as your case for now is solved, we will evaluate this in case of future occurrences.

Thanks again and have a nice evening!
Igor