Jquery (or css) in php to show div to logged in users only (wordpress)

Question

Building a website on wordpress Trying to make a couple of divs visible to logged in users only. I've set display:none in stylesheet and here is how i'm trying to make it visible to logged in users. Not working though...

<?php
if ( is_user_logged_in() ) {
?>
<script type="text/javascript">
$(document).ready(function(){
$(".single_add_to_cart_button").css('display','block');
$(".add_to_cart_button").css('display','block');
});
</script>
<? } ?>

If anyone can think of other ways- it will be greatly appreciated as well

Can you post the markup (HTML) of your div?

SharkofMirkwood
– SharkofMirkwood

2014-05-01 22:56:35 +00:00
Commented May 1, 2014 at 22:56 — SharkofMirkwood
– SharkofMirkwood, Commented May 1, 2014 at 22:56

OptimusCrime · Accepted Answer · 2014-05-01 23:05:10Z

1

As long as is_user_logged_in() is actually working, I like to just output a class to the body. This class can then be used in numerous ways (both js and css).

Something like:

<body<?php echo (is_user_logged_in() ? ' class="logged-in"' : ''); ?>>

This will produce either

<body>

Or

<body class="logged-in">

And some css like this:

.single_add_to_cart_button {
    display: none;
}
.logged-in .single_add_to_cart_button {
    display: block;
}

For js, you can just check

if ($('body').hasClass('logged-in')) {
    // Do whatever
}

answered May 1, 2014 at 23:05

OptimusCrime

14.9k13 gold badges63 silver badges98 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

SharkofMirkwood · Accepted Answer · 2014-05-01 23:01:02Z

0

The best way to do this is to forget having a hidden div for unauthenticated users - anyone could unhide this content if they want to, which in some cases could be quite bad depending on the rest of your system. It also means you have to run JavaScript to make things work as well as PHP.

What you should really do is simply check if the user is logged in with PHP and only output the div at all in that case. Something like this:

<?php
if ( is_user_logged_in() ) {
?>
<div class="blah...">
Content here
</div>
<?php } ?>

If you want to post the markup of your hidden divs though, and still want to do it how you're doing it, maybe we can find why it's not working.

answered May 1, 2014 at 23:01

SharkofMirkwood

13k2 gold badges20 silver badges25 bronze badges

Collectives™ on Stack Overflow

Jquery (or css) in php to show div to logged in users only (wordpress)

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related