Can someone tell me how to use jquery to replace the "No one logged in" message generated from {modu

Report · Apr 29, 2013

I need to replace the "No one logged in" boilerplate text that {module_whosloggedin} generates with French "Non connecté"

I understand jquery is the best way to do this but I need help with a code sample.

thanks

Report · Apr 29, 2013

Hello Doug McLachlan,

Depending how you have your HTML, you can do this with jQuery or CSS.

In the CSS method you would just add that is logged in module to the class of the div: <div class="user-{module_isloggedin}"></div> - Then in your CSS display none on the user-0 class.

The jQuery method is similar, you're just checking if the isloggedin module is a one or zero, then using jQuery to hide or show.

To just replace the text with nothing using jQuery would be something like this: http://jsfiddle.net/chaddidthis/4TQeV/

Hope this helps,

Chad Smith - BC Gurus

Report · Apr 29, 2013

Thanks Chad, much appreciated... I'll give it a go

Report · Jul 01, 2013

Thanks Chad. The CSS things is both obvious (now that you mention it) and brilliant.

So here's my example for swapping out text, rather than making it visable/invisable, for anyone trying the same thing in the Online Shop module for small_product.html.

HTML:

CSS:

.public-price-1:after {

content:"Special member only price";

}

.public-price-0:after {

content:"Sign-in for special member only price - Membership is free";

}

Note: For :after to work in IE8, a <!DOCTYPE> must be declared in your HTML doc. e.g. <!DOCTYPE html> for the head tag.

Report · Jul 02, 2013

Simon,

That too is brilliant! I always forget about the many pseudo classes that are available to us. They can truly make your life easier.

Thanks,

Chad Smith

Report · Jul 02, 2013

Great solution! Should note though that this won't work in IE less than 8 but those browsers are losing their market share pretty fast. If you need to support less than IE8 you should use a javascript solution.

Also, you forgot to close your <span> in your <h4>. I only mention it because its a matter of time before someone tries to replicate your solution and runs into that problem.

Nice work, though! I too need to start using pseudo classes more since IE8 does support them. For years I was avoiding them entirely because of lack of support and I need to keep reminding myself to start using them more.

Report · Jul 02, 2013

Oh yes, thanks. I better correct that...

So here's my example for swapping out text, rather than making it visable/invisable, for anyone trying the same thing in the Online Shop module for small_product.html.

HTML:

CSS:

.public-price-1:after {

content:"Special member only price";

}

.public-price-0:after {

content:"Sign-in for special member only price - Membership is free";

}

Report · Sep 11, 2014

Thanks for this discovery, I've been pulling my hair out to get a logged-in / not-logged-in dynamic driving some basic content

Is it true I would need to adopt a javascript method to include a link to my sign in page in the 0 content " " ?

thanks so much

Report · Sep 17, 2014

Let me add that you also need to add a css rule for "user-" as well. Sometimes the system does not display the "0"

.user-,.user-0{display:none}

Adobe Community

Can someone tell me how to use jquery to replace the "No one logged in" message generated from {modu