Page 1 of 1

Urgent: PayPal Pro form broken - no styling and doesnt work

PostPosted: January 3rd, 2012, 3:33 pm
by roham
Hey guys,

Been a big user of s2member for quite some time now, today I wake up to see my website's registration forms are all broken.

As an example: https://techwadi.org/join-us/join-as-a- ... s2-ssl=yes

They don't display properly - the CSS/styling is all messed up including with the headers, the credit card /paypal images don't load, and the form just doesn't work. What's going on here? I replaced the shortcodes, double-checked the config, even reuploaded the s2member pro files.. No luck. Also disabled a bunch of plugins but haven't installed anything new..

Anything else I should try?

Re: Urgent: PayPal Pro form broken - no styling and doesnt w

PostPosted: January 3rd, 2012, 3:47 pm
by tintin
I clicked on your link and the page appears to be fine. Can you point out something specific that is out of place? Which browser are you using?

Re: Urgent: PayPal Pro form broken - no styling and doesnt w

PostPosted: January 3rd, 2012, 3:49 pm
by roham
Really? Both Chrome and IE. I also used Plugin Organizer to disable all plugins except s2member on that page.

Specific issues include:
- Credit card icons don't show up
- The creditcard/paypal choice is supposed to be dynamic but I see all the forms splattered on the page without any styling
- The header with the form name etc. is supposed to be styled (larger font size, etc) but it's not

Re: Urgent: PayPal Pro form broken - no styling and doesnt w

PostPosted: January 3rd, 2012, 5:25 pm
by Eduan
Could you try making a compatibility test?

Just disable each plugin one by one (without including s2Member) until the problem goes away.
Also could you please try changing the theme to the default one (TwentyEleven)? And see if it works after that.

You should try one at a time in order to make sure you find the correct problem.

Another fast way is to deactivate all the plugins (not s2Member) and change back to the default theme (TwentyEleven), and then clear your browser's cache. See if the problem goes away, if it does, then activate each plugin one per one until the problem appears again, then the theme you were using, that should show up the criminal.

If you find the criminal, could you please tell me which plugin/theme was causing the problems? Thanks.

Please tell me how it goes and I hope this helps. :)

Re: Urgent: PayPal Pro form broken - no styling and doesnt w

PostPosted: January 3rd, 2012, 6:00 pm
by roham
Thanks Eduan. I did use Plugin Organizer to disable all plugins except s2member on that specific page, with no luck. I can try changing the theme but this is a production site - I don't want to break the whole thing - and also nothing has changed in the theme, I don't know why this would make a difference..

Jason?

Re: Urgent: PayPal Pro form broken - no styling and doesnt w

PostPosted: January 4th, 2012, 11:16 am
by roham
Any help on this my s2member registration is broken and has been broken for days!

Re: Urgent: PayPal Pro form broken - no styling and doesnt w

PostPosted: January 4th, 2012, 7:47 pm
by Raam Dev
Hi roham,

The problem is that s2Member's JavaScript and CSS files are not loading properly. If you do 'view-source' on that page and then look for the two links inside the <head> that point to s2Member's JavaScript and CSS, you'll find these:

Code: Select all
<link rel='stylesheet' id='ws-plugin--s2member-css'  href='https://techwadi.org/wp-content/plugins/s2member/s2member-o.php?ws_plugin__s2member_css=1&#038;qcABC=1&#038;ver=111220-111220-2203432680' type='text/css' media='all' />

<script type='text/javascript' src='https://techwadi.org/wp-content/plugins/s2member/s2member-o.php?ws_plugin__s2member_js_w_globals=1&#038;qcABC=1&#038;ver=111220-111220-2203432680'></script>


You should be able to visit those links directly to see the JavaScript and CSS, but when I attempted to visit those URLs, I was redirected to your home page.

Without the s2Member JavaScript, the dynamic properties of the Pro Form will not work, and without the s2Member CSS, the Pro Form will not be styled.

In my experience, this problem is usually caused by one of three things: 1) there is a conflicting plugin, 2) the permission on the file/directory is incorrect, or 3) your web server is running mod_security which may be causing issues.

Since you already tried disabling plugins on that page, I suspect it's either #2 or #3.

Please see this thread for more information and try modifying your .htaccess file as suggested: http://www.primothemes.com/forums/viewt ... 36&t=14787

Re: Urgent: PayPal Pro form broken - no styling and doesnt w

PostPosted: January 4th, 2012, 8:22 pm
by roham
Thank you so much for looking into this. I've been trying to follow the instructions on the thread but they're quite complicated so I'll have to revisit this.

One tip that may help in diagnosis: I think this happened right after I increased my membership levels from 4 to 8 by editing wp-config *and* I did an s2member and s2member pro upgrade through the WordPress plugin upgrade mechanism.