Newbie Question: S2Member Login Widget

Hi,
I am new to S2Member and just purchased PRO. This is a very powerful plugin. I’m not much of a coder but do understand the basics with HTML and PHP but I’m nowhere near your level so please be gentle with me and forgive my ignorance.

I followed all the directions from the videos and have researched the forums and kb. I cannot for the life of me, figure out two simple things:

1. How to get the S2Member style Login Box to show up in my theme without using the widget but rather the PHP code: — Where does this code go within my theme? (using the InFocus theme that you guys recommended)

2. I created some Paypal buttons and put the shortcode into the page and they don’t show up on my page at all. I can get the Paypal Pro Forms to show up fine but what I want is to have my customers review membership options with a link to subscribe to the plan that works best for them.

These are probably simple questions but I have done everything I could to find the answer before coming here. Thanks for any assistance you can provide.

Thanks for your inquiry

1. How to get the S2Member style Login Box to show up in my theme without using the widget but rather the PHP code: — Where does this code go within my theme? (using the InFocus theme that you guys recommended)

This is advanced functionality, and I would only recommend trying to do this if you’re familiar with jQuery/JavaScript toggles and editing your theme’s template files.

The header.php file is what you’re looking to edit here. You’ll need to echo the s2member_pro_login_widget() function within <div></div> tags here. Use the CSS property display: none;, and assign this divider an ID so that you can work with it via JavaScript.

Something like this:

echo '<div id="s2member-pro-login-widget-wrapper" style="display: none; position: absolute;">'.s2member_pro_login_widget().'</div>';

At this point, you’ll want to create a button that will show/hide this box. If you’re loading jQuery into your theme, something like this would work:

<input type="button" onclick="$('#s2member-pro-login-widget-wrapper').toggle();" />

There is no perfect way to set this up and I really can’t give you a cookie-cutter example here. If you’re uncomfortable working with this, we recommend posting a job on a site like http://jobs.wordpress.net, http://elance.com/, or http://odesk.com/.

2. I created some Paypal buttons and put the shortcode into the page and they don’t show up on my page at all. I can get the Paypal Pro Forms to show up fine but what I want is to have my customers review membership options with a link to subscribe to the plan that works best for them.

Have you tried these Common Troubleshooting Tips?

Usually occurrences like this are caused by theme incompatibilities. Could you post a link to the page in which this is happening? It may be that the button is being generated, but not displayed due to some CSS styling rules within your theme.

Thanks. I understand and I get it. I’ve resolved the first issue and as for the second, I’ve verified that I have Membership Options page selected under the S2Member General Options. You can see the page I am referring to at http://kidcommerce.com/?page_id=12

Thanks for the follow-up.

I checked your page’s source code, and the PayPal buttons are being generated by the Shortcode. However, it looks like you have an extra double quote (") in your Shortcode. Could you please post the shortcodes that you’re using on this page?

[s2Member-PayPal-Button level="1" ccaps="" desc="Kidcommerce Bronze Member" ps="paypal" lc="" cc="USD" dg="0" ns="1" custom="kidcommerce.com" ta="0" tp="0" tt="D" ra="9.95" rp="1" rt="M" rr="1" rrt="" rra="1" image="default" output="button" /]

 

[s2Member-PayPal-Button level="2" ccaps="" desc="Kidcommerce Silver Member" ps="paypal" lc="" cc="USD" dg="0" ns="1" custom="kidcommerce.com" ta="0" tp="0" tt="D" ra="19.95" rp="1" rt="M" rr="1" rrt="" rra="1" image="default" output="button" /]

 

[s2Member-PayPal-Button level="3" ccaps="" desc="Kidcommerce Gold Member" ps="paypal" lc="" cc="USD" dg="0" ns="1" custom="kidcommerce.com" ta="0" tp="0" tt="D" ra="39.95" rp="1" rt="M" rr="1" rrt="" rra="1" image="default" output="button" /] 

Thanks for the follow-up :-)

Yea, I’m not seeing anything wrong with those shortcodes. Please submit a Dashboard login for us and we’ll take a look at this for you. Based on the HTML source code that we’re seeing, I suspect that you have a plugin doing some dirty things with the WordPress content filters on your installation.

Please submit your Dashboard login privately: s2Member® » Private Contact Form

• This reply was modified 3 years, 11 months ago by  Jason (Lead Developer). Reason: Updated code fragment

Details received. Thank you!

~ Investigating.

Thanks for your patience.

Please see this thread regarding the inFocus theme, and for a solution to this issue.
See: http://mysitemyway.com/support/topic/infocus-adding-tags-into-plugin-content
See also: http://wordpress.stackexchange.com/questions/49305/wordpress-adding-br-tags-into-plugin-content

Please let us know if problems persist :-)

Awesome Jason! Thanks to you and Bruce for your help! That worked!