Theme messed up when activating Affiliate WP plugin

[ilianandreev]

Hello,

I purchased your plugin today, because I want to use it as affiliate program for Instagram influencers and commission their sales with discount codes.

However after I activated your plugin, my theme design is messed up, if I deactivate it the look is fine again. I’m using WordPress 5.0.4 and Woocommerce.

Here is my production website with WP Affiliate turned off:

caseflora.com/product/avocado-handwritten-phone-case/iphone-xr/

And here it is a copied staging version with WP Affiliate turned on:

staging4.caseflora.com/product/avocado-handwritten-phone-case/iphone-xr/

As you can see it completely messes up the layout …

The theme I’m using is called Laborator.

Regards,

Ilian Andreev

[wzp]

What specifically is supposed to be “messed up?” I can’t see any difference between the 2 site; I added the item to the cart, and went as far as the checkout page; without entering any payment info.

Perhaps you can provide a screenshot?

The theme I’m using is called Laborator.

“Laborator” is the name of the company. Which of the Laborator themes are you using?

[admin]

Looks like you have some JavaScript errors coming from a facebook plugin (or option). That is potentially messing this up.

Do the following plugin conflict test on your staging site:

https://support.tipsandtricks-hq.com/forums/topic/test-to-identy-a-conflicting-theme-or-plugin

[ilianandreev]

Hello guys,

The javascript errors were coming from a Facebook chat widget plugin (Beeketing). I deactivated it, but it is irrelevant to the issue. The staging copy is exact same as my production website.

The company is Laborator, theme is Aurum.

Here are screenshots of the messed up layout:

Production:

prnt.sc/n9npck

Staging:

prnt.sc/n9npv9

As you can see on staging, the CSS is all over the place.

After some testing I found the issue, your extension is conflicting with a caching plugin I use called Autoptimize. Can you please help me resolve it?

I can exclude certain CSS and JS scripts in the settings of Autoptimize plugin, if you can just point out which I will add them to the exception list.

Best Regards,

Ilian Andreev

[wzp]

After some testing I found the issue, your extension is conflicting with a caching plugin I use called Autoptimize. Can you please help me resolve it?

The only two caching plugins that we “officially” support are WP Super Cache and W3 Total Cache:

• WP Super Cache:

  https://support.tipsandtricks-hq.com/forums/topic/using-the-plugins-together-with-wp-super-cache-plugin

• W3 Total Cache:

  https://support.tipsandtricks-hq.com/forums/topic/using-the-plugins-with-w3-total-cache-plugin

 

For any other caching plugin, you must determine if it can be configured in a manner similar to the two supported plugins.

[admin]

The affiliate plugin does not output any CSS or JS to the normal web pages of the site. So I can’t understand how this can affect the layout.

Can you please deactivate the affiliate plugin on your staging site? I want to see the HTML code output difference for that page on the staging site (with and without the plugin). I have already saved the current HTML code of that staging page. After you deactivate the plugin, I will check the code without the plugin and then compare.

Another test is to check by disabling the caching plugin you are using. What result do you get from that?

[ilianandreev]

Hello,

I’d like to criticize you for the support received so far. Being a software developer myself, this is NOT how you should support your customers, asking them to compare HTMLs and blaming them for not using “supported” extensions. You need to ask for login permissions and investigate the issue yourself. Since this didn’t happen I had to debug it myself.

There is an option in Autoptimize plugin “Aggregate Inline CSS”:

prnt.sc/n9z48p

This was turned on so far and working fine and I’m using around 20 plugins. However when your Affiliate plugin is on and this setting is on, it breaks the CSS of my page and the layout respectively. This leads me to believe that your plugin is simply poorly written with CSS scatterred around code instead of injecting it in external file for easier compatibility with caching plugins and other extensions.

Please try to investigate this issue on your side and tell me if you can come up with a fix so I can turn on Aggregate Inline CSS setting as well.

I hope you understand my constructive criticisim.

Regards,

Ilian Andreev

[ilianandreev]

Please delete my login credentials from my last comment. I’m unable to edit it. I’m afraid if we’re unable to resolve this I will ask for refund or chargeback of my purchase.

Regards,

Ilian

[ilianandreev]

Hello,

Sorry for the rant earlier, I got frustrated from negative experiences with other plugins before and your suggestion to try and identify the issue myself. For the time being I’ve switched off “Aggregate Inline CSS” setting from Autoptimize. But please in future releases try and export your css in external file instead so that it is compatible with not only Autoptimize but other extensions (I found one other CSS issue with another plugin but fixed it).

Regards,

Ilian Andreev

[Author]

Posts