frien337

[frien337]

hahaha! thanks nusolutions 🙂 It will probably take a looot of typing to explain to you everything step-by-step, but I’ll try explain as best as possible.

The first thing I did was to edit the welcome page (found in “Pages > All Pages”) in WordPress. Remember to switch to the text editor when you are editing this page (option is under the right-hand side of the title field). On this page I removed all the code so that I have a “blank slate” to work with – you may want to copy and paste this code to notepad in case you want to use some of it later on. Just remember that the page (on the front end) will look a bit messed up while you’re working on it.

With all of this removed, you can use some CSS to hide some of the page items that you don’t want to show (e.g.: the main menu and the footer). The CSS I used for this is as follows:


.home-page .header-bg,
.home-page #header {
background:transparent;
border:0;
box-shadow:none;
}
.home-page .menu-row,
.home-page #login-buttons {
float:left;
width:auto;
}
.home-page #main-logo,
.home-page #main-menu {
display:none;
}
.home-page #footer {
display:none;
}


That bit of CSS hid the menu and footer as well as moved the login buttons to the left of the screen.

With that in place I added some more CSS to set the background color and add in a background picture. The code I used for that is as follows:


.home-page {
background:#fff;
}
.home-page .kleo-page {
background:url("http://www.yourwebsite.com/location-of-background-image") no-repeat scroll center top rgba(0, 0, 0, 0);
}

(remember to replace “http://www.yourwebsite.com/location-of-background-image” above with the location of your background image. The size of the image I used is 1150 x 700px)

If you refresh the page now you will see that the background has changed and the picture does show. Ignore the fact that the whole picture doesn’t show just yet and that the search/sign-up form is all over the place.

Now you should go back to your welcome page that you are editing in WordPress. I created a container/div to place all my welcome page items in (the stuff beneath the sign-up form and background picture). The div I created was done by simply adding this code to the welcome page you’re editing in WordPress:


<div id="main-welcome">

</div>


You will then need to add some CSS to move the container to beneath the sign-up form and background image. The CSS I used is as follows:


#main-welcome {
margin:43em auto 0;
width:88.5em;
}


If you refresh your welcome screen you should see that the background image has opened to its full size, however, the search form still covers most of the page. To fix that, simply use the following CSS:


.home-page .form-wrapper {
margin:43em auto 0;
width:88.5em;
}


If you refresh the welcome screen now, you should see that the sign-up form has moved the right of your page and its width no longer takes up the whole page.

That should give the basic layout of my splash page. To add some content to beneath the background image and sign-up form, simply add your HTML to the Welcome page that you edited from WordPress. Just remember to add in the #main-welcome div – where the stars are in the example below:


<div id="main-welcome">
****
</div>


In there you can add your short codes to show, for example, a custom footer that shows some basic links:


<div id="footer-welcome">
Friends Ireland © [php function=5] | Terms and Conditions | Privacy and Cookies | Contact Us
</div>


Using the above example, the HTML when editing your Welcome page should look like this:


<div id="main-welcome">

<div id="footer-welcome">
Friends Ireland © [php function=5] | Terms and Conditions | Privacy and Cookies | Contact Us
</div>

</div>


The CSS I used to style the footer text is as follows:


#footer-welcome {
margin:2em 0;
text-align:center;
}
#footer-welcome a {
color:#777 !important;
}


You can add anything in the #main-welcome div when editing your Welcome page from wordpress. I haven’t tried it, but I guess that you can take the original Welcome page code (the one you copied to notepad earlier) and paste it in there. I’m not sure how it will show but I’m sure a bit of fine-tuning of CSS will get you to your end result.

Hope this works out well for you; I’ll let you know about the member’s home page I mentioned shortly.

[frien337]

Thanks Adam! I am hosted with SiteGround.com and its good to know because I am using no cache plugins, minimising, etc. I’m also on their cheapest hosting plan too 🙂 I guess that I would have to upgrade the account when I see more users active on the site.

@nusolutions – I have something similar to this. I used some css to make my welcome page look like a splash page (hide certain divs, make backgrounds transparent, etc.) and when a user logs in they are redirected to a “Members Home Page” instead of their profile page.

[frien337]

Thanks Abe, this has worked perfectly. I just had to make a small change by adding in a “/” before the “register/” text. Here’s the updated one for anyone who needs this:

COPY CODE

<script>
var url = document.location.href;
jQuery(document).ready(function() {
//copy profile name to account name during registration
if (url.indexOf("/register/") >= 0) {
    jQuery('label[for=field_1],#field_1, #field-visibility-settings-toggle-1').css('display','none');
    jQuery('#signup_username').blur(function(){
        jQuery("#field_1").val(jQuery("#signup_username").val());
    });
}
});
</script>

[frien337]

Hi djtreble12,

I used WMPU DEV’s Membership plugin (https://premium.wpmudev.org/project/membership/) to accomplish that- it’s only $20 so it wasn’t hugely expensive. It allows you to create a range of membership levels and within the levels you can set what each one can see. It also allows you to create a level for non-members and through that level I only made the welcome screen, contact us, T&C’s etc, available.

I guess that the same can be accomplished with the Membership Pro that comes with Sweet Date, however, it conflicted with some of my plugins so I was not able to play around with it.

Maybe someone from Seventh Queen can let us know if the same can be accomplished with Membership Pro?

Let me know if you buy the plugin and need some help setting it up 🙂

[frien337]

Thanks Adam! This has worked perfectly 🙂

[frien337]

I found a workaround for this by marking the user as a spam user. Im not to sure how you do this in the normal, single version of wordpress. But in WordPress Multisite you go to your users, select the one you want to deactivate, and from the drop-down box (“Bulk Actions”) you simply mark them as spam.
It’s not ideal, but it works for me for now at least.

[frien337]

Hey All!!!

We havent offically launched our site but have it open for anyone who wants to register and give us some feedback. Have a look at http://www.friendsireland.com.

Hope you like it 🙂

[frien337]

This reply has been set as private.

[frien337]

Hi Abe,

I just tried installing WP locally and I am still plagued by this problem…. 😉 It is a bit head-wrecking because you say it works fine for you. I have tried on my live install, on a fresh install and also on a local install – but I always get the same problem whereby users are showing up even though they are not logged in.

I have ruled out any plugin/modification conflicts because this happens to me on a fresh, standard install of WordPress and your theme.

This only ever started happening when I upgraded to the latest version of your theme, previously it had worked just fine and the upgrade leads me to believe (or guess 😉 ) that it has to do with something in the new theme.

I will send you new login details in a private reply for your investigations.

[frien337]

I think you just need a bit of CSS to specify the width of the form. For my sign up form (I think it’s basically the same as the search form) I used the following CSS to specify the width:

.form-wrapper {
width:50%;
}

Just add it to your styles.css file. You may need to change the 50% to a size that suits you.

I’ve never tried this but I guess that you could use a different form for extended search (if you want to keep your Sweet Date forms as is). A quick search and I found the following plugin:

http://wordpress.org/plugins/bp-profile-search/

I’ve never used it but I guess that it should work.

[frien337]

Hey Abe – disaster 🙁 🙁 The fix works fine on the profile page and searching, however, it removes the Birthday selector from the registration page… any ideas?

[frien337]

Thanks Abe, it has worked perfectly 🙂

[frien337]

Hi Abe, that still doesn’t work on my end 🙁 It’s a clean install with absolutely no customisations, so I have ruled that out. The only other thing that I can think of is if it is a problem with my database or something to do with the server setup. Are there any settings required on the server for your theme to work or do you have any other ideas that I could look into?

Thanks again,
Ryan

[frien337]

Hey airsidworld,

Leave the original in the main theme and place a copy in the child theme. You may need to create the folders in the child theme, if they are not there, and it should have a path something like this:

> wp-content/themes/sweetdate-child/members/single/profile/profile-loop.php

Regards,
Ryan

[frien337]

Hi Abe,

I just created a fresh install and the problem still persists.

You can see this by going to the following url:

http://friendsireland.com/test/members-online/

It shows members online even when there are none. Here’s the code that I used, it’s taken directly from the URL referenced at the beginning of this thread:


<?php

/**
* Template Name: BuddyPress - Members Online
*
* @package BuddyPress
* @subpackage Theme
*/

get_header(); ?>

<?php do_action( 'bp_before_members_loop' ); ?>

<?php if ( bp_has_members( bp_ajax_querystring( 'members' ). '&type=online&per_page='.sq_option('buddypress_perpage') ) ) : ?>

<?php do_action( 'bp_before_directory_members_list' ); ?>

<div class="item-list search-list" id="members-list">
<?php while ( bp_members() ) : bp_the_member(); ?>

<div class="four columns">
<div class="search-item">
<div class="avatar">
<?php bp_member_avatar('type=full&width=94&height=94&class='); ?>
<?php do_action('bp_members_inside_avatar');?>
</div>
<?php do_action('bp_members_meta');?>
<div class="search-body">
<?php do_action( 'bp_directory_members_item' ); ?>
</div>
<div class="bp-member-dir-buttons">
<?php do_action('bp_directory_members_item_last');?>
</div>
</div>
</div>

<?php endwhile; ?>
</div>

<?php do_action( 'bp_after_directory_members_list' ); ?>

<?php bp_member_hidden_fields(); ?>

<!-- Pagination -->
<div class="row">
<div class="twelve columns pagination-centered">
<div class="pagination" id="pag-bottom">
<div id="member-dir-pag-bottom" class="pagination-links">
<?php bp_members_pagination_links(); ?>
</div>
</div>
</div>
</div>
<!--end Pagination-->
<?php else: ?>

<div id="message" class="alert-box">
<?php _e( "Sorry, no members were found.", 'kleo_framework'); ?>
</div>

<?php endif; ?>

<?php do_action( 'bp_after_members_loop' ); ?>


[frien337]

Will do 🙂 Thanks again Abe!

[frien337]

Hey Abe, I just noticed something. I added the following to get the send message button on my members page:

add_action( ‘bp_directory_members_item_last’, ‘bp_send_private_message_button’, 12 );

This has worked nicely, however, there is one issue. When I click on the button, I get directed to the usual send message page, but the send to field is not auto-populated with the members username. If you do this from the profile page then the send to field is auto populated.

Any ideas?

Thanks,
ryan

[frien337]

This reply has been set as private.

[frien337]

Thanks Abe! This has worked perfectly 🙂

[frien337]

Hi Abe, I just re-installed wordpress and I get the same problem in that the offline members are still showing. As such, I guess that there is something from the theme update that is causing this. Any chance you could take a look into that?

Thanks a mill!

[frien337]

Thanks Abe, that work perfectly.

In case anyone has renamed their full name field, simply change the name text ( != “Name”) {?> ) to the new name of the field 🙂

[frien337]

I just did that 🙂

The profile page template is made of two parts, the start:

…/wp-content/themes/sweetdate/page-parts/buddypress-before-wrap.php

and the end:

…/wp-content/themes/sweetdate/page-parts/buddypress-after-wrap.php

The profile form then sits in between the two and can be found here:

…/wp-content/themes/sweetdate-child/members/single/profile/edit.php

Just remember to copy them to your child theme 🙂

[frien337]

Hi, this is now working. I re-installed WordPress and it is now accepting the new file. Thanks again Abe!!!

[frien337]

Many thanks, this has worked wonderfully 🙂

[frien337]

Thanks Abe, but unfortunately that broke the site 🙁

[frien337]

Thanks Abe,

I don’t think that’s the problem because this happened exactly after I upgraded the theme, before installing any plugins. I also did a test now and disabled all of my plugins but it still doesn’t work and shows all members, regardless of being online or not.

I sent an email to you guys this morning (subject: BP-Album Problems”) which contains my login/ftp details. Any chance you could take a look at it?

Thanks
Ryan

[frien337]

Thanks Abe – it’s not too important now and I will have a look at Microlancer in the New Year for some custom developments.

[frien337]

I saw that these buttons are brought in the members-header.php page with <?php do_action(‘kleo_bp_header_actions’);?> . I did try add that code to my members-loop.php page but I only get the option to send a message and the others (send public message, add friends, etc) are missing.

[frien337]

Thanks Robert – That’s a pity, I would of loved some functionality to show which users viewed a profile. I’ll close this topic, if anyone has found a solution do let me know 🙂

[frien337]

Thanks Abe – could be something good for a future release 🙂 I’m not god enough to develop my own stuff just yet.

[frien337]

Good news, BuddyBlock is working!!!! 🙂 I upgraded my theme and that seemed to sort it out. However I still can’t get YD Visitor tracking and the Profile Progression Bar to show on other pages.
@adam – thanks for letting me know, I’ll leave it on admin from now on.

@gabrieldespinoza – it works perfectly on my profile page but I need to find out how to add it to other pages. As for the text colour, I managed to change that with a bit of css, however, I had to add “!important” in order for the colour to change.

I’m guessing that I am unable to add the prgression bar to other page’s templates because of my inexperience with php. This is the code I used to try and caall the function but nothing came through “<?php if(function_exists(‘bppp_progression_block’)) bppp_progression_block(); ?>”.

YD Visitor Tracking is enabled and I added it to my home page using their recommended shortcode “[yd_visitor_profiles profile_id=”1″]” however, nothing loads at all.

Thanks,
Ryan

[frien337]

Thanks Abe, however, I think my question wasn’t too clear 🙁

With the matching fields set, is it possible for a user to search without having to always select “I am” and “I am looking for”? I want to remove the two fields from the search form because the user already sets this when he creates his profile and I don’t see the need for him to select it again when he does his search.

An example would be to use a search form that only has the age and location fields. If I go to this search form now, it returns a list of results that include both males and females.

Many thanks, Ryan

[frien337]

Thanks Adam! That worked wonderfully. Any ideas as to why it wouldnt work if I removed that piece of code from the bp_functions.php file?

[frien337]

Hi SQAAdmin,

Thanks for getting back to me. I read on the plugin’s page and they said that their plugin can be used in any theme template file by calling the function bppp_progression_block(). Would Sweet Date’s theme stop some functions from working?

Thanks,
Ryan

[frien337]

Hi again everyone, just to let you know that I have also tried to use <?php my_prog_bar(); ?> and <?php bppp_progression_block(); ?> and it still didn’t show.. Hope someone can help 🙂

[frien337]

Hi iulianolaru, The code I used can be found here:

https://archived.seventhqueen.com/forums/topic/buddypress-profile-progression

[frien337]

Hi sqadmin – thanks again for everything but you can disregard this post because I have decided to no longer use S2 but rather the Paid Memberships (too many complications)

[frien337]

Many thanks, hope you find something soon 😉

[frien337]

Unfortunately that still doesn’t work. I have added in your code (both the S2 redirect disable and direct to profile page) but I still get the same result whereby the user is directed to the admin/dashboard page.

Would it work better if your theme’s redirects were disabled and we left S2 to deal with everything? If so, how can I disable your theme’s redirects? Furthermore, I need users to be directed to a custom home page and not their profile page.

Thanks, if we get this sorted I’ll happily make a donation to you guys 🙂

[frien337]

I forgot to mention that the problem on occurs when a user logs in and it works perfectly when an admin logs in. Also, everything works fine the moment I disable Sweet Date and use the default BuddyPress theme.

Thanks again!

[Author]

Posts